/* CSS Document 
blue - #273C82
yellow - #F5DB00

*/

body {
background-color: #000;
margin: 0 auto;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
overflow: -moz-scrollbars-vertical;
}

form {
	margin: 0;
	padding: 0;
}

#topnavcontainer {
background: url(../images/nav_topheader.gif) repeat-x;
height: 30px;
margin: 0 auto;
z-index: 5000;
}

.contentcontainer {
width: 1000px;
margin: 0 auto;
}

ul.topnav {
list-style: none;
padding: 0;	
margin: 0;
float: left;
width: 700px;
font-size: 11px;
font-weight: bold;
background: url(../images/nav_topheader.gif) repeat-x;
}

ul.topnav li {
float: left;
margin: 0;	
padding: 0;
position: relative; /*--Declare X and Y axis base--*/
border-right: 1px solid #555;	
}

ul.topnav li a{
color: #000;
display: block;
text-decoration: none;
float: left;
padding: 8px 15px;
text-transform: uppercase; 
font-weight: bold;	
}

ul.topnav li a:hover{
background: url(../images/nav_topheader-over.gif) repeat-x;
}

/*
ul.topnav li span { 
width: 17px;
height: 30px;
float: left;
background: url(../images/subnav_btn2.gif) no-repeat center top;
cursor: pointer; 
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} 
*/

ul.topnav li ul.subnav {
list-style: none;
position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
left: 0; top: 30px;
border-left: solid 1px #000;
border-right: solid 1px #000;
margin: 0; padding: 0;
display: none;
float: left;
width: 190px;
z-index: 9000;
/*
background: #333;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border: 1px solid #111; */
}
ul.topnav li ul.subnav li{
margin: 0; padding: 0;
/*border-top: 1px solid #252525; --Create bevel effect--
border-bottom: 1px solid #444; --Create bevel effect--*/
clear: both;
width: 190px;
z-index: 5000;
}

html ul.topnav li ul.subnav li a {
float: left;
width: 165px;
background: #F5DB00;
padding-left: 10px;
border-bottom: solid 1px #000;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
background: #fff; 
z-index: 5000;
}


.hr {
border-bottom: dashed 1px #ccc;
margin: 30px 0;
}

#mainbg {
background: #fff url('../images/main_bg2.jpg') repeat-x;
}

#topheader {
text-align: center;
background-color: #fff;
}

#footerbg {
margin: 0 auto;
background-image: url('../images/footer_bg.gif');
height: 38px;
}

#footer {
margin: 0 auto;
height: 120px;
background-color: #000;
font-size: 11px;
color: #fff;
letter-spacing: 1px;
text-align: center;
padding-top: 20px;
}

p {
	margin: 0;
	margin-bottom: 20px;
}

a {
/* color: #273C82; */
color: #5b73c1;
}

a:hover {
text-decoration: none;
}

h1 {
font-size: 1.7em;
font-family: verdana, sans-serif;
margin: 0;
margin-bottom: 15px;
}

h2 {
font-size: 1.5em;
letter-spacing: 0px;
margin: 0;
margin-bottom: 5px;
color: #2e3a62;
}

h3 {
font-size: 16px;
letter-spacing: 0px;
margin: 0;
margin-bottom: 5px;
color: #c09128;
}

h4 {
font-size: 14px;
letter-spacing: 0px;
margin: 0;
margin-bottom: 5px;
color: #666;
}


#searchbox {
margin: 0; 
padding: 0; 
float: right; 
width: 220px; 
padding-top: 3px;
}


#leftcolumn-home {
width: 130px;
float: left;
margin-top: 20px;
/* delete later
height: 300px; 
background-color: #333;
*/
}


#rightcolumn-home {
width: 860px;
margin-top: 20px;		
float: right;
}
	
#leftcolumn {
width: 700px;
float: left;
margin-top: 20px;
/* border-right: solid 1px #dedede; */
padding: 20px;
line-height: 20px;
font-size: 14px;		
/* padding: 20px; background-color: #fff;*/
}

#rightcolumn {
width: 240px;
float: right;
margin-top: 20px;
padding: 20px 0px 10px 0;
text-align: left;
line-height: 20px;
font-size: 14px;
}

#fullcolumn {
width: 960px;
float: left;
margin-top: 20px;
/* border-right: solid 1px #dedede; */
padding: 20px;
line-height: 20px;
font-size: 14px;		
/* padding: 20px; */
background-color: #fff;
}

.breadcrumbs a {
font-size: 10px;
}

/* homepage news slider */

img {
border: none;
}

.container {
overflow: hidden;
width: 860px;
margin: 0 auto;
}
#main {
padding: 10px;
background: #f0f0f0;
border: 1px solid #ccc;
}
#main a {color: #fff;}

/*--Main Image Preview--*/
.main_image {
width: 530px; height: 379px;
float: left;
background: #333;
position: relative;
overflow: hidden;
color: #fff;
z-index: 1;
}
.main_image h2 {
font-size: 20px;
font-weight: normal;
margin: 0;	padding: 10px 0 0 8px;
color: #F5DB00;
}
.main_image p {
padding: 10px;	margin: 0;
}
.block small { 
padding: 0;
/* uncomment if using "calendar" icon
padding: 0 0 0 20px; 
background: url(../images/icon_calendar.gif) no-repeat 0 center;  */
font-size: 1em; 
}

.main_image .block small {margin-left: 10px;}
.main_image .desc{
position: absolute;
bottom: 0;	left: 0;
width: 100%;
display: none;
}
.main_image .block{
width: 100%;
background: #111;
border-top: 1px solid #000;
}

.main_image a {
/*color: #F5DB00; */
color: #F5DB00;
}
.main_image a.collapse {
background: url(../images/btn_collapse.gif) no-repeat left top;
height: 27px; width: 93px;
text-indent: -99999px;
position: absolute; 
top: -27px; right: 20px; 
}
.main_image a.show {background-position: left bottom;} 

.image_thumb {
width: 320px;
float: right;
}
.image_thumb img {
border: 1px solid #ccc; 
padding: 5px; 
background: #fff; 
float: left;
}
.image_thumb ul {
margin: 0; padding: 0;
list-style: none;
}
.image_thumb ul li{
margin: 0; padding: 12px 10px;
background: #f0f0f0 url(../images/nav_a.gif) repeat-x;
width: 300px;
float: left;
border-bottom: 1px solid #ccc;
border-top: 1px solid #fff;
border-right: 1px solid #ccc;
}
.image_thumb ul li.hover {
background: #F5DB00 url(../images/nav_a-over.gif) repeat-x;
cursor: pointer;
}
.image_thumb ul li.active {
background: #fff;
cursor: default;
}
html .image_thumb ul li h2 {
font-size: 14px; 
margin: 5px 0; 
padding: 0;
}
.image_thumb ul li .block {
float: left; 
margin-left: 10px;
padding: 0;
width: 220px;
}	
.image_thumb ul li p{display: none;}

.alignleft {
text-align: left;
}

/* ---------------------Interior Page CSS------------------------ */

.centered {
text-align: center;
}

.rightimagefloat {
float: right; 
margin: 0 0 0 10px;
}

.leftimagefloat {
float: left; 
margin: 0 10px 0 0;
}

.leftpanel {
float: left;
}

.rightpanel {
float: right;
}

.boardleft {
width: 350px;
}

.boardright {
width: 320px;
}

.boardmembers, .partners {
height: 580px;
overflow: auto;
margin-top: 10px;
}

.font10 {
font-size: 10px;
}

.font11 {
font-size: 11px;
}

.grid1Alt {
	background-color: #efefef;
}

.iconbox {
	padding-top: 95px;
}

div.iconcontainer {
	width: 160px; 
	text-align: center; 
	font-size: 14px; 
	font-weight: bold;
}

div.iconcontainer a {
	text-decoration: none;
}