@charset "UTF-8";
/* CSS Document */

body, html {
height:100%;
width:100%;
padding:0px;
margin:0px;
}

body {
background:url(images/topbar.jpg) top repeat-x #003e7e;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

/*** LINKS ***/
.left a:link,
.left li a:visited {
color:#5c666b;
text-decoration:none;
}
.left a:hover,
.left a:active {
color:#333333;
}
.topnav a:link,
.topnav a:visited,
.topnav a:active,
.topnav a:hover {
color:#FFFFFF;
text-decoration:none;
}

.topsubnav a:link,
.topsubnav a:visited {
display:inline-block;
color:#CCCCCC;
text-decoration:none;
padding:2px 0px 3px 0px;
}
.topsubnav a:active,
.topsubnav a:hover {
color:#FFFFFF;
}

.right a:link,
.right a:visited {
color:#003366;
text-decoration:none;
}
.right a:hover,
.right a:active {
text-decoration:underline;
}

.footer a:link,
.footer a:visited {
color:#FFFFFF;
}
.footer a:hover,
.footer a:active {
text-decoration:none;
}
/** Layout **/
.topnav {
width:900px;
margin:0 auto;
height:30px;
}

.topsubnav {
background:url(images/drawer_bg.jpg) top repeat-x #1a2e42;
border-bottom:1px solid #37718b;
display:none;
}

.hand {
background:url(images/hand.png);
height:282px;
width:188px;
position:absolute;
}

.body {
background:url(images/bg.jpg) center top no-repeat;

}
.shadow {
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
/* For IE 8 */	
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

.right {
background:url(images/rightgradient.jpg) top repeat-x #FFFFFF;
padding:8px;
}

.left {
background:url(images/leftgradient.jpg) right repeat-y;
}

.login {
background:url(images/side_divider.jpg) bottom no-repeat;
padding:5px 0px 10px 0px;
text-align:center;
}

#sideul {
margin:0px;
padding:0px;
list-style:none;
}
#sideul li {
background:url(images/siebarlink.jpg) top;
display:block;
height:24px;
padding:7px 0px 0px 25px;
}
#textfield {
border:1px solid #8f999f;
outline:none;
width:95px;
height:17px;
display:inline-block;
border-radius:3px;
margin:1px 0px 4px 0px;
}
.footer {
background:url(images/footer.jpg) repeat-x;
height:40px;
color:#FFFFFF;
padding:0px 15px 0px 15px;
font-size:11px;
}

.clear {
clear:both;
}

.imgcontainer {
width:265px;
float:right;
}
.pageimage {
display:block;
border:2px solid #003c80;
margin:0px 5px 15px 10px;
box-shadow:0px 0px 5px #666;
-moz-box-shadow:0px 0px 5px #666;
-webkit-box-shadow:0px 0px 5px #666;
}
.slideshowHolder-title { padding: 10px 10px; width: 688px; text-align: left; }

.q {
background:url(images/Q.jpg) top left no-repeat;
padding:0px 0px 5px 30px;
font-weight:bold;
}

.a {
background:url(images/A.jpg) top left no-repeat;
padding:0px 0px 5px 30px;
}
.staffimage {
border:2px solid #003c80;
box-shadow:0px 0px 5px #666;
-moz-box-shadow:0px 0px 5px #666;
-webkit-box-shadow:0px 0px 5px #666;
}
/***** H tags *****/
h1 {
font-size:16px;
color:#003e7e;
margin:0px;
padding:5px 0px 20px 0px;
text-shadow:0px 1px 1px #fff;
}
h2 {
font-size:16px;
color:#003e7e;
margin:0px;
padding:5px 0px 5px 0px;
text-shadow:0px 1px 1px #fff;
}
h3 {
font-size:14px;
color:#5c666b;
margin:0px;
padding:0px 0px 5px 0px;
text-shadow:0px 1px 1px #fff;
}
/***** Nav Styling *****/
#toptable {margin-left:220px; }
#blue {background:url(images/blue.jpg) 0px 25px repeat-x; }
#red {background:url(images/red.jpg) 0px 25px repeat-x;}
#yellow {background:url(images/yellow.jpg) 0px 25px repeat-x;}
#purple {background:url(images/purple.jpg) 0px 25px repeat-x;}
#green {background:url(images/green.jpg) 0px 25px repeat-x;}
#blue, #red, #yellow, #purple, #green {height:30px; width:136px; color:#FFFFFF;}

#subtable {margin-left:220px; font-size:11px;}
#blue2 {background:#173c61; }
#red2 {background:#452c37; }
#yellow2 {background:#535a31; }
#purple2 {background:#3d2571; }
#green2 {background:#214032; }
#blue2, #red2, #yellow2, #purple2, #green2 {
width:128px; 
color:#d3d3d3; 
list-style:none; 
padding:4px; 
margin:0px; 
display:table-cell; 
vertical-align:top;
}



/***** Custom Fonts *****/
@font-face {
	font-family: 'BebasNeueRegular';
	src: url('BebasNeue-webfont.eot');
	src: local('☺'), url('BebasNeue-webfont.woff') format('woff'), url('BebasNeue-webfont.ttf') format('truetype'), url('BebasNeue-webfont.svg#webfontfvFLBU0N') format('svg');
	font-weight: normal;
	font-style: normal;
}

.error {
color:#FF0000;
font-size:10px;
font-weight:bold;
}

/**** Blog Styling ****/
.blogdate {
float:right;
display:inline-block;
color:#999999;
font-style:italic;
padding:5px 0px 5px 0px;
}
.blogtitle {
border-bottom:1px solid #d0dfe8;
margin-bottom:10px;
}
.blogimage {
float:right;
border:2px solid #003c80;
margin:0px 0px 5px 10px;
box-shadow:0px 0px 5px #666;
-moz-box-shadow:0px 0px 5px #666;
-webkit-box-shadow:0px 0px 5px #666;
}

/**** Forms ****/
.form {
border:1px solid #8f999f;
outline:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:400px;
padding:3px;
}

.form_textarea {
border:1px solid #8f999f;
outline:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:400px;
padding:3px;
}

.form_captcha {
border:1px solid #8f999f;
outline:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:80px;
padding:3px;
}

label {
color:#5c666b;
text-transform:uppercase;
font-size:10px;

}

.warning {
color:#FF0000;
font-size:12px;
font-weight:bold;
}