/* andreas07 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.

Version: 1.1, November 28, 2005 */

.style4
{
font-size: 85%;text-align:center;
}

/* Sortable tables */
table.sortable a.sortheader {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    text-decoration: none;
    display: block;
}

table.sortable span.sortarrow {
    color: black;
    font-weight: bold;
    text-decoration: none;
}

/**************** Page and tag styles ****************/

body
{
name: mainbody;
margin:0; 
padding: 0px 0px 0px 0px; 
color:#303030; 
background:#fafafa url(img/bodybg.gif) top left repeat-y; 
font:76% Verdana,Tahoma,sans-serif;
}

ul
{
list-style:circle; 
margin:15px 0 20px 0; 
font-size:0.9em;
}

li
{
margin:0 0 8px 25px;
}

a
{
color: #366566; 
font-weight: normal; 
text-decoration: underline;
}

a:hover
{
color:#505050; 
text-decoration:underline;
}

table
{
margin-left: auto;
margin-right: auto;
width: 90%;
border-width: 1px;
voice-family: "\"}\"";
voice-family: inherit;
width: 88%;
}

th
{
background:#ccc;
color: #000000;
font-weight:bold;
}

td
{
font-weight:bold;
}

h2
{
margin:0; 
color:#366566; 
font-weight:normal; 
font-size:2.5em; 
letter-spacing:-2px; 
text-align:center;
}

#img
{
text-align:center;
font-weight:normal; 
font-size:2.3em; 
letter-spacing:-2px; 
}

/**************** Sidebar Area styles ****************/

#menu
{
position:absolute; 
top:0; 
left:0; 
width: 210px; 
height:100%; 
overflow:auto; 
background:#e0e0e0 url(img/sidebarbg.gif) top right repeat-y; 
text-align: right;
}

#menu img
{
padding: 0px 20px 0px 0px;
}

#menu h1
{
margin:20px 18px 0 5px; 
color:#366566; 
font-size:1.6em; 
letter-spacing:-2px; 
}

#menu h2
{
margin:0 20px 18px 102px; 
color:#808080; 
font-size:1.1em; 
font-weight:bold; 
letter-spacing:-1px; 
}

#menu a
{
display:block; 
color:#606060; 
padding:5px 18px 5px 0; 
background:#e0e0e0 url(img/sidebarbg.gif) top right repeat-y; 
font-size:1.8em; 
font-weight:normal; 
text-decoration:none; 
letter-spacing:-2px;
}

#menu a:hover 
{
color:#303030; 
background:#f0f0f0 url(img/sidebarbg.gif) top right repeat-y;
}

#menu a.active
{
padding:5px 18px 5px 0; 
background:#fafafa; 
border-top:2px solid #c0c0c0;
border-bottom:2px solid #c0c0c0;
}

#menu a.active:hover
{
color:#505050; 
background:#fafafa;
}

#menu a.inactive
{
color: #808080; 
font-size: 1.4em; 
}

#menu a.areaactive
{
color: #808080; 
font-size: 1.4em; 
padding:5px 18px 5px 0; 
background:#fafafa; 
border-top: 2px solid #a0a0a0;
border-bottom: 2px solid #a0a0a0;
}

/**************** Events Area styles ****************/

#events
{
padding:5px;
background:#fafafa;
text-align: center;
margin-left: 210px;
margin-right: 200px; 
voice-family: "\"}\"";
voice-family: inherit;
padding:6px; 
margin-left: 211px;
margin-right: 201px;
}

#events p
{
margin:0 0 20px 0; 
line-height:1.5em;
}

#events img
{
float: center;
margin: 20px; 
padding:1px; 
border:1px solid #d0d0d0;
text-align: center;
}

#events a img
{
border-color:#366566;
}

#events a img:hover
{
background:#366566; 
border-color:#366566;
}

#events h1
{
margin:0; 
color:#366566; 
font-size:4em; 
letter-spacing:-5px; 
text-align:center;
}

#events h3
{
clear:both;
color:#366566;
font-weight:normal;
font-size: 2em;
letter-spacing:-2px;
text-align: left;
}

#events h4
{
clear:both;
color:#366566;
font-weight:normal;
font-size: 2em;
letter-spacing:-2px;
text-align: center;
}

.eventtitle
{
background:#fafafa;
color:#366566;
font-size:1.5em; 
text-align:center;
}

.month
{
background: #999;
font-weight:bold;
text-align:center;
}

.things
{
background:#ccc;
font-weight:bold;
text-align:center;
}

.whcell
{
font-weight:bold;
text-align:center;
}

.fsize
{
font-size: 90%;
color: #000;
font-weight: bold;
letter-spacing: 0px;
text-decoration: none;
}

.report_head
{
background:#999;
text-align:center;
color:#404040; 
font-weight:normal; 
font-size: 1.5em; 
letter-spacing:2px; 
}

.report
{
background:#fafafa;
text-align:center;
color:#808080; 
font-weight:normal; 
font-size: 1.5em; 
letter-spacing:2px; 
}

.news
{
clear:both;
margin-top: 29px;
margin-bottom: 9px;
color:#366566;
font-weight:normal;
font-size: 2em;
letter-spacing:-2px;
text-align:center;
voice-family: "\"}\"";
voice-family: inherit;
margin-top: 30px;
margin-bottom: 10px;
}

/**************** Content Area styles ****************/

#content
{
background:#fafafa;
margin-left: 209px;
margin-right: 19%; 
padding: 19px;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 210px;
margin-right: 20%; 
padding: 20px;
}

html>body #content
{
padding: 20px;
margin-left: 210px;
margin-right: 20%; 
}

#content table
{
width: 520px;
}

#content p
{
margin-bottom: 19px; 
voice-family: "\"}\"";
voice-family: inherit;
margin-bottom: 20px;
line-height: 1.5em;
}

#content h4 p a
{
float: center;
margin-top: 9px; 
margin-right: 9px; 
margin-bottom: 9px; 
voice-family: "\"}\"";
voice-family: inherit;
margin-top: 5px; 
margin-right: 10px; 
margin-bottom: 10px; 
}

#content h5 img
{
float: center;
margin-top: 9px; 
margin-right: 9px; 
margin-bottom: 9px; 
voice-family: "\"}\"";
voice-family: inherit;
margin-top: 5px; 
margin-right: 10px; 
margin-bottom: 10px; 
}

#content p img
{
float: left;
margin-top: 9px; 
margin-right: 9px; 
margin-bottom: 9px; 
voice-family: "\"}\"";
voice-family: inherit;
margin-top: 5px; 
margin-right: 10px; 
margin-bottom: 10px; 
}

#content a img
{
border-color:#366566;
}

#content a img:hover
{
background:#366566; 
border-color:#366566;
}

#content h1
{
margin:0; 
color:#366566; 
font-size:3em; 
letter-spacing:-5px; 
text-align:center;
voice-family: "\"}\"";
voice-family: inherit;
margin: 0px; 
}

#content h3
{
clear:both;
margin-top: 29px;
margin-bottom: 9px;
color:#366566;
font-weight:normal;
font-size: 2em;
letter-spacing:-2px;
text-align:center;
voice-family: "\"}\"";
voice-family: inherit;
margin-top: 30px;
margin-bottom: 10px;
}

#content h3 a
{
clear:both;
margin-top: 29px;
margin-bottom: 29px;
color:#006733;
font-weight:normal;
font-size: .75em;
text-align:center;
voice-family: "\"}\"";
voice-family: inherit;
margin-top: 30px;
margin-bottom: 30px;
}

#content h4
{
text-align:center;
color:#366566;
font-weight: bold; 
font-size: 1em; 
letter-spacing:2px; 
}

#content h5
{
background:#fafafa;
text-align:center;
color:#808080; 
font-weight:normal; 
font-size: 1.5em; 
letter-spacing:2px; 
}

#content h5 date
{
background:#fafafa;
text-align:center;
color:#366566; 
font-weight:bold; 
font-size: .75em; 
letter-spacing:2px; 
}

/* break bewteen area governors */
#content h6
{
font-size: 50%; 
text-align:center;
color:#366566;
font-weight: bold; 
letter-spacing:2px; 
voice-family: "\"}\"";
voice-family: inherit;
font-size: 100%; 
}

/* break bewteen site team */
#content h7
{
font-size: 100%; 
text-align:center;
color:#366566;
font-weight: bold; 
letter-spacing:2px; 
}

#content h9
{
font-size: 2em; 
}

#content dgtext
{
font-weight: normal; 
font-size: 1em; 
margin-top: 9px;
margin-bottom: 14px;
text-align: left;
voice-family: "\"}\"";
voice-family: inherit;
margin-top: 9px;
margin-bottom: 15px;
text-align: left;
}

#content agtitle
{
clear:both; 
color:#366566;
font-weight:bold; 
font-size: 1em; 
padding-top: 15px;
voice-family: "\"}\"";
voice-family: inherit;
padding-top: 15px;
}

#content agtext
{
font-weight: normal; 
font-size: .9em; 
margin-top: 5px;
margin-bottom: 15px;
}

#content spttext
{
font-weight: normal; 
font-size: .8em; 
margin-top: 5px;
margin-bottom: 15px;
}

#content motto
{
clear:both; 
color:#144344; 
font-weight:bold; 
font-size: 1.2em; 
text-align: center;
}

#content small
{
font-size:1em;
line-height:1.5em;
}

/**************** Team styles ****************/

#team
{
background:#fafafa;
margin-left: 209px;
margin-right: 19%; 
padding: 19px;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 210px;
margin-right: 20%; 
padding: 20px;
}

html>body #team
{
padding: 20px;
margin-left: 210px;
margin-right: 20%; 
}

#team td
{
vertical-align: top;
text-align: left;
}

#team h3
{
margin: 0; 
color:#808080; 
font-weight:normal; 
font-size:2em; 
letter-spacing:-2px; 
text-align:center;
voice-family: "\"}\"";
voice-family: inherit;
margin: 1px; 
}

#team h5
{
background:#fafafa;
text-align:center;
color:#808080; 
font-weight:normal; 
font-size: 1.5em; 
letter-spacing:2px; 
}

/**************** Gallery styles ****************/

#gallery
{
background:#fafafa;
margin-left: 209px;
margin-right: 19%; 
padding: 19px;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 210px;
margin-right: 20%; 
padding: 20px;
}

html>body #gallery
{
padding: 20px;
margin-left: 210px;
margin-right: 20%; 
}

#gallery td
{
vertical-align: top;
text-align: center;
}

/**************** Club List styles ****************/

#clublist
{
background:#fafafa;
text-align: center;
}

/**************** challenge Area styles ****************/

#challenge
{
background:#fafafa;
margin-left: 209px;
margin-right: 19%; 
padding: 19px;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 210px;
margin-right: 20%; 
padding: 20px;
}

html>body #challenge
{
padding: 20px;
margin-left: 210px;
margin-right: 20%; 
text-align:center;
color:#366566;
font-weight: bold; 
font-size: 1em; 
letter-spacing:2px; 
}

#challenge h3
{
clear:both;
margin-top: 29px;
margin-bottom: 9px;
color:#366566;
font-weight:normal;
font-size: 2em;
letter-spacing:-2px;
text-align:center;
voice-family: "\"}\"";
voice-family: inherit;
margin-top: 30px;
margin-bottom: 10px;
}

#challenge td
{
vertical-align: top;
text-align: center;
}

/**************** Right Sidebar Area styles ****************/

#team
{
background:#fafafa;
margin-left: 209px;
margin-right: 19%; 
padding: 19px;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 210px;
margin-right: 20%; 
padding: 20px;
}

html>body #team
{
padding: 20px;
margin-left: 210px;
margin-right: 20%; 
}

#team td
{
vertical-align: top;
text-align: left;
}

/**************** Right Sidebar Area styles ****************/

#rightsidebar
{
position: absolute;
right: 0px;
top: 0px;
width: 20%;
background: #fff;
height: 100%; 
background: #e0e0e0 url(img/sidebarbg.gif) top right repeat-y; 
voice-family: "\"}\"";
voice-family: inherit;
right: 0px;
top: 0px;
}


