@charset "UTF-8";

/*===================================
	GLOBAL
===================================*/
@import "reset.css";

html {color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
body {}

#main {margin: 0 auto; position: relative; width: 100%; text-align: left;}
.inside {margin: 0 auto; position: relative; width: 950px;}

#header, #content, #footer {position: relative;}

/*------ GLOBAL SETTINGS ------*/
.clear_left {clear: left;}
.clear_right {clear: right;}
.clear_both {clear: both;}
.float_left {float: left;}
.float_right {float: right;}
a img {border: none;}
a {outline: none;}



/*===================================
	HEADER
===================================*/
#header {height:85px;}
#header .inside {height:85px;}
.logo {position: absolute; top: 18px; left: 0; border-right:1px solid #ccc; padding-right:20px;}
.slogan {position: absolute; top: 32px; left: 146px;}
	.slogan h1 {font-size:19px;}
.address {position: absolute; top: 36px; right: 0;}

#nav {height:40px;}
#nav .inside {height:40px; top: 11px; font-size:14px;}
#nav li {list-style: none; display: inline-block; float: left; margin-right: 30px; height:40px;}
#nav li a {color:#FFFFFF; height:40px; padding-top:10px}
#nav li a:hover {color:#FFFFFF; background: url(../images/bg_hover.gif) no-repeat center top; height:40px; padding-top:10px}
#nav current_page_item {color:#FFFFFF; background: url(../images/bg_hover.gif) no-repeat center top; height:40px; padding-top:10px}
#nav li.current_page_item a {color:#FFFFFF; background: url(../images/bg_hover.gif) no-repeat center top; height:40px; padding-top:10px}

#billboard {height:322px;}
#billboard .inside {}
.billboard_home {background: url(../images/bg_billboard_home.jpg) no-repeat; height:322px; width:950px;}

#header {}

#content {min-height:200px; height:auto !important; height:200px;}

.bucket h2 {font-size:24px; margin-bottom:15px;}
.bucket p {font:12px Arial; line-height:17px; margin-bottom:15px;}


#footer {background: url(../images/bg_footer.gif) repeat-x left top; height:186px;}
#footer .inside {}




/*===================================
Button
===================================*/
a.button {
/* Sliding right image */
background: transparent url('../images/bg_button.gif') no-repeat scroll top right; 
display: block;
float: left;
height: 26px;
margin-right: 6px;
padding-right: 10px;
text-decoration: none;
color: #fff;
font:12px Arial;

}
a.button span {
background: transparent url('../images/bg_button.gif') no-repeat; 
display: block;
line-height: 26px;
padding: 0 0 0 10px;
} 
a.button:hover span{
text-decoration:underline;
}


#footer a{color:#999;}



#nav_footer
{
list-style: none;
padding: 0 0 10px 0;
margin: 0;
border-bottom:1px solid #CCC;
color:#CCC;
}

#nav_footer li{display: inline;}
#nav_footer li{border-right: 1px solid #CCC;padding: 0 0.4em 0 0.4em;margin: 0 0.4em 0 -0.4em;}
* html #nav_footer { height: 1%;;}
* html #nav_footer li{display: block;float: right; text-align:right;}
#nav_footer li a {color:#818181; text-decoration:none;}
#nav_footer li a:hover {color:#818181; text-decoration:underline;}
* html #nav_footer li:first-child { border-left: 0; }


.search_container {width: 158px; height: 28px; float: right; margin-top:10px;}
.search_container .search_field {float:left; font-size: 11px; color: #7c7c7c; padding: 4px 6px 0 6px; width: 121px; height: 23px; background: url(../images/bg_search.gif) no-repeat; border: none;}
.search_container button {background: url(../images/btn_go.gif) no-repeat; cursor: pointer; border: none; height: 23px; text-indent: -9999px; width: 25px;}
* html .search_container .search_field {width:118px;}


.title {float:left;}
.title  h2 {font-size:30px; color:#FFF; padding-top:25px;}
.crumbs {float:right; text-align:left; color:#FFF; padding-top:38px;}
.crumbs a {color:#FFF;}


.inner_billboard_wrapper {background: url(../images/bg_inner_billboard.jpg) no-repeat; width:950px; height:295px; margin-top:50px;}



.col_left {float:left; width:620px; border-right:1px solid #CCC; min-height:350px; height:auto !important; height:300px; padding:20px 20px 0 0; font:12px Arial;}


.col_left p {margin-bottom:20px; line-height:18px;}
.col_left h1,h2,h3,h4,h5,h6 {font-size:20px; margin-bottom:15px;}
.col_left ul {margin:0 0 20px 30px;}
.col_left li { list-style:square;line-height:18px}
.col_left a {color:#000; text-decoration:underline;}
.col_left a:hover {text-decoration:none;}
.col_left img.alignleft {float:left; margin:0 10px 10px 0; padding:2px; border:1px solid #ccc;}
.col_left img.alignright {float:right; margin:0 0 10px 10px; padding:2px; border:1px solid #ccc;}

.col_right {float:right; width:285px;}



/*----LEFT SIDE BAR---------------*/
.side_nav {width: 100%; margin:20px 0 0 0;}
.side_nav ul { border-bottom:1px dotted #777;}
.side_nav a {color: #000; font-size: 12px; text-decoration: none; padding: 8px 8px; display: block; margin: 0px; border-top:1px dotted #777;}
.side_nav a:hover {background: #ccc; color: #000;}
.side_nav li.current_page_item a {background: #000; color: #fff;}
* html #side_nav ul { border-bottom:1px solid #777;}



.billboard_text {float:right; width:262px; padding-right:20px; padding-top:25px;}
.billboard_text h2 {color:#fff; line-height:25px; font-size:25px;}
.billboard_text p {color:#fff; font:13px Arial; margin-top:20px; line-height:18px;}

.callout {float:left; display:block; margin-top:40px}
.callout h2 {margin-bottom:15px;}
.callout p {margin-bottom:15px;}

.search_result a {text-decoration:none;}
.search_result a:hover {text-decoration:underline;}


.sidebar_callout {margin-top:40px;}
.sidebar_callout p {line-height:18px; margin-bottom:15px;}

table tr td a {text-decoration:none;}