body{
font-family:Arial, Helvetica, sans-serif;
background-color:#cccccc;
margin:0;
padding:0;
background-image:url(../img/bg.gif);
background-position:center top;
background-repeat:repeat-y;
}
img{
border:none;
}
#wrapper{
width:960px;
margin:0 auto;
padding:0;
}
#top{
background-color:#e4e5e6; /* Set to desired background color */
text-align:center;
}
#nav{
background-color:#81a2c5;
text-align:center;
color:#cccccc;
padding:6px;
}
#nav a:link{
color:#4482da;
text-decoration:none;
}
#nav a:visited{
color:#4482da;
text-decoration:none;
}
#nav a:hover{
color:#4482da;
text-decoration:underline;
}
.navitem,.navitemselected,.activitynavbar{
padding:2px;
padding-left:6px;
padding-right:6px;
margin-left:4px;
margin-right:4px;
-moz-border-radius:4px;
border-radius:4px;
background-color:#E0EAFE;
font-size:14px;
}
.activitynavbar{
margin-bottom:16px;
padding:6px;
}
.navitemselected{
background-color:#ffffff;
color:#2c60a9;
}
.navitemsignup{
background-color:#d8f9a4;
}
.navitemjobs{
background-color:#F9EAA4;
}
.signupitem{
margin:0;
}
.notavailable{
padding:2px;
padding-left:6px;
padding-right:6px;
margin:0;
}
#main{
background-color:#dddaba;
background-image:url(../img/mainbg.png);
background-repeat:repeat-x;
background-position:center top;
}
table{
margin:0;
padding:0;
width:100%;
}
td{
vertical-align:top;
}
#col1width{
width:70%;
}
#col1wrapper,#col2wrapper{
margin:12px;
padding:1px;
background-color:#ffffff;
}
#col2wrapper{
margin-left:0;
}
#col1,#col2{
margin:0;
padding:6px;
border:6px solid #e0eafe;
}
h1{
font-size:1.8em;
margin:8px 0 8px 0;
color:#2c60a9;
}
h2{
font-size:1.4em;
margin:8px 0 8px 0;
color:#2c60a9;
}
h3{
font-size:1.2em;
margin:8px 0 8px 0;
}
h4{
font-size:1.1em;
margin:6px 0 0 0;
}
h6{
font-size:1em;
margin:0;
color:#2c60a9;
}
#col1 a:link,#col2 a:link,#bottomboxtext a:link{
color:#4482da;
text-decoration:none;
}
#col1 a:visited,#col2 a:visited,#bottomboxtext a:visited{
color:#4482da;
text-decoration:none;
}
#col1 a:hover,#col2 a:hover,#bottomboxtext a:hover{
color:#4482da;
text-decoration:underline;
}
#col1 .tableshadow,#col2 .tableshadow{
padding:4px;
background-color:#eeeeee;
-moz-border-radius:6px;
border-radius:6px;
}
#col1 .tablebox,#col2 .tablebox{
border:1px solid #bbbbbb;
background-color:#ffffff;
}
#col1 table thead,#col2 table thead{
background-color : #f5f2e6;
font-size:12px;
}
#col1 table tbody,#col2 table tbody{
font-size:12px;
}
#col1 table td,#col2 table td{
text-align:center;
vertical-align:middle;
}
#col1 .altrow,#col2 .altrow{
background-color:#F5F2E6;
}
#col1 .aligncellsleft td,#col2 .aligncellsleft td{
text-align:left;
}
#col1 .smalltext,#col2 .smalltext{
font-size:11px;
}
.infobox{
border:1px solid #FFCC33;
background-color:#FFF4C2;
padding:4px;
}
.infomessage,.successmessage,.warningmessage,.errormessage{
border:1px solid;
margin:0;
margin-bottom:10px;
padding:12px 10px 12px 50px;
background-repeat:no-repeat;
background-position:10px center;
font-size:13px;
-moz-border-radius:6px;
border-radius:6px;
}
.infomessage{
color:#00529B;
background-color:#BDE5F8;
background-image:url('/img/info.png');
}
.successmessage{
color:#4F8A10;
background-color:#DFF2BF;
background-image:url('/img/success.png');
}
.warningmessage{
color:#9F6000;
background-color:#FEEFB3;
background-image:url('/img/warning.png');
}
.errormessage{
color:#D63301;
background-color:#FFCCBA;
background-image:url('/img/error.png');
}
.messagelist{
margin:0;
padding:0;
padding-left:16px;
}
.symbol{
color:#C8C8C8;
}
.spacer{
margin:0;
margin-left:8px;
margin-right:8px;
}
.highlight{
background-color:#FEFF6F;
}
.colorcell{
width:20px;
height:20px;
border:1px solid #BBBBBB;
}
.tinycolorbox{
width:12px;
height:12px;
border:1px solid #BBBBBB;
margin:auto;
}
#bottom{
margin:12px;
margin-top:0;
padding:1px;
background-color:#ffffff;
}
#bottombox{
margin:0;
padding:6px;
border:6px solid #e0eafe;
font-size:0.9em;
}
#bottomboxtext{
text-align:right;
float:right;
padding:4px;
}