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

img { border-style: none;}


html, body {
height: 100%; 
background:url(../images/bg.jpg) repeat-x;
margin:0;
padding:0;
color:#555;
font-family:Arial, Helvetica, sans-serif;
}

#container {
margin: 0; 
padding: 0; 
background-image: url(../images/header.jpg); 
background-repeat: repeat-x; 
background-position: top center;
position:relative;
min-height: 100%;
margin-bottom:50px;
}

#contentwrap { width:780px; margin:auto; padding-top:50px;}
#header { width:780px; margin:100px 0 40px 0; }

#topnav { word-spacing:20px; float:right; font-size:120%; margin-top:-223px; }
#topnav li { display:inline; }
#topnav a { color:#285d8a; text-decoration:none; }
#topnav a:hover { color:#5594ca; text-decoration:none; }

.floatright { float: right; margin: 0 10px 10px 10px; border: 1px solid #666; padding: 3px; }
.floatleft { float: left; margin: 0 10px 10px 0; border: 1px solid #666; padding: 3px; }


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

#tallnav { font-family:Arial, Helvetica, sans-serif; font-size:77%; background:#fff; border:1px solid #c3c3c3; width: 200px; float: left;}
#tallnav ul { padding:5px; margin-left:10px; }
#tallnav li { list-style-type:none; margin-left:0; }
#tallnav a { color:#285d8a; text-decoration:none; }
#tallnav a:hover { color:#222; text-decoration:none; }

#main { background:#fff; width: 560px; border:1px solid #c3c3c3; float:right;}
img.main { display: block; margin:auto; }
#main p { color:#555; font-size:80%; font-family:Arial, Helvetica, sans-serif; margin-top:3px; }
#main h1 { font-size:140%; text-transform:uppercase; color:#555; }
#main a {text-decoration:none; color:#285d8a; }
#main a:hover {text-decoration:none; color:#222; }
#main li { list-style-type:none; font-size:80%; margin-top:0; }
#main h2 { font-size:95%; text-transform:uppercase; margin-bottom:0; }
#main h3 { font-size:105%; margin-bottom:0; font-weight:normal; }
#main ul { margin-top:0; }
#main p.date { color:#555; font-size:77%; font-family:Arial, Helvetica, sans-serif; margin-top:3px; }

#col1 { background:#fff; width:180px; border:1px solid #c3c3c3; float:left; margin:17px 17px 0 17px; height:auto; color:#555; font-size:80%;}
#col1 h2 {font-size:100%; text-transform:uppercase; color:#555; padding:0;}
img.col1 {float:left; padding:5px; }
#col2 { background:#fff; width:360px; border:1px solid #c3c3c3; float:left; margin:17px 0 0 0; height:auto;}
#col2 h2 {font-size:100%; text-transform:uppercase; color:#555; padding:0; margin-bottom:0;}
#col2 a {text-decoration:none; color:#285d8a; }
#col2 a:hover {text-decoration:none; color:#222; }
#col2 p { color:#555; font-size:80%; font-family:Arial, Helvetica, sans-serif; margin-top:3px; }
#col2 li { list-style-type:none; font-size:80%; margin-top:0; }
#col2 h2 { font-size:95%; text-transform:uppercase; margin-bottom:0; }
#col2 h3 { font-size:105%; margin-bottom:0; font-weight:normal; }
#col2 ul { margin-top:0; }

table {  color:#555; font-size:80%; font-family:Arial, Helvetica, sans-serif; margin-top:3px; border:none; }

#innerbox { margin:15px; background:url(../images/smallgrad.jpg) repeat-x bottom; padding:10px; }
#tallinnerbox { margin:15px; background:url(../images/tallgrad.jpg) repeat-x bottom; }

#footer { clear:both; margin:380px 0 0 0; background:url(../images/bottomgrad.jpg) repeat-x; background-color:#555; height: 155px; position: relative; }
#footercontainer { width:780px; margin:auto; }

.roundshadow { background:url(../images/roundshadow.png) top center no-repeat; }

#footercol1 { padding:20px 0 0 0; float:left; }
#footercol2 { padding:20px 0 0 100px; color:#fff; font-size:93%; float:left; }
#footercol3 { padding:20px 0 0 0; float:right;}
.clearfooter { height: 150px; clear: both; }

#contact { display: block; width: 181px; height: 29px; background: url("../images/contact.png") no-repeat 0 0; margin: 15px 0 0 30px;}
#contact:hover { background-position: 0 -29px; }
#contact span {display: none; }

#bottomnav { clear:both; font-size:77%; color:#fefefe; float:left; word-spacing:10px; }

#bottomnav a { color:#fefefe; text-decoration:none; }
#bottomnav a:hover { color:#c2dcf0; text-decoration:none; }
#bottomnav ul { padding:20px 0 0 0; margin:0;  }
#bottomnav li{ display:inline; list-style-type:none; }

#copyright { font-size:77%; color:#fefefe; float:right; padding-top:20px; }
#copyright a { color:#fefefe; text-decoration:none; }
#copyright a:hover { color:#c2dcf0; text-decoration:none; }