/********************************************************/
/** Eric Meyer's CSS Reset - Adapted by Native Tongues **/
/********************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #333;
}

body#nothome {
	background:url(../images/bggeneral.png) repeat-x;
}

body#homepage {
	background:url(../images/htmlbg.png) repeat-x;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a {text-decoration:none;}

/******************/
/* General Styles */
/******************/

html {
	background:#369;
	font-family:verdana, helvetica, arial, sans-serif; 
	font-size: 75%;
	padding-top:10px;
	}

#wrap {
	background:0;
	margin:0 auto;
	width:960px;
	}

ul {list-style:disc;}

/******************/
/* Header Section */
/******************/

#header {
	float:left; 
	height: 100px; 
	width:960px; 
	}

#logo {float:left; height:100px; width:300px;}

#logo a {
	background:url(../images/logo.png) no-repeat;
	display:block; 
	float:left; 
	height:99px; 
	margin-left:20px;
	text-indent:-9999px;
	width:199px;  
	}

#topbox {
	float:right; 
	margin-right:50px; 
	height:40px;
	display:inline; 
	background:white url(../images/topboxright.png) no-repeat;
	background-position:right -10px;
	padding-right:15px;
	}

#topbox ul {float:right;}

#topbox li {display:inline; float:left;}

#topbox a {float:left; padding: 10px 10px; color:#9cf; line-height:20px; background:#369;}

#topbox a:hover {color:white;}

li.leftcorner{background:url(../images/topboxleft.png) no-repeat; padding-left:20px;
	background-position:left -10px;
}

#search {
	background:url(../images/topboxleft.png) no-repeat;
	background-position:left 20px;
	float:left;
	height:40px;
	padding-left:20px;
	}

#search input {float:left;}

#search input#query {
	background:#2f5e8c;
	border:0;
	color:#9cf;
	line-height:15px;
	margin:10px 5px;
	padding-left:10px;
	width:100px;
	}

#search input.button {
	background:url(../images/searchbutton.png) no-repeat;
	border:0;
	height:20px;
	text-indent:-9999px;
	width:20px;
	}

#banner {
	float:left; 
	width:660px; 
	height:180px; 
	overflow:hide;
	}

#banner h2 {text-indent:-9999px;}

#banner p {float:left; margin:-12px 0 0 22px; display:inline;}

#frontpageguy {
	width:280px;
	float:right;
	height:180px;
	margin-top: -120px;
	}

#nav {float:left; width:960px;}

#nav ul {margin-left:10px; list-style:none;}

#nav li {float:left;}

#nav a {
	color:#333; 
	float:left; 
	line-height:30px;
	padding: 20px 20px 14px; 
	text-transform: uppercase;
	}

#nav a.selected {background:url(../images/selected.png) no-repeat center bottom;}

#nav a:hover {color:#369; text-decoration:underline;}

/****************/
/* Main Section */
/****************/

#main {display:inline; float:left; padding:0px;}

#footer {display:inline; float:left; padding:20px; width:920px;}

.mainbox, .mainboxright {float:left; width:280px; height:255px; margin:20px 0 20px 10px; background:url(../images/mainboxbg.png) no-repeat;}

.mainbox {margin-right:40px;}

.mainbox h3, .mainboxright h3 {
	color:white;
	font-size:120%;
	font-weight:bold;
	letter-spacing:-1px;
	padding:20px 20px 0;
	text-transform:uppercase;
	}
	
.mainbox h4, .mainboxright h4 {
	color:pink;
	font-size:90%;
	padding:2px 20px 10px;
	text-transform:uppercase;
	}	

.mainbox p, .mainboxright p {
	color:#333;
	font-size:100%;
	padding:10px 20px 0;
	}	

img.iconright {float:right; margin:10px 20px 10px 10px;}

a.morelink {
	color:white;
	font-size:90%;
	padding:2px 20px 10px;
	text-transform:uppercase;
	float:right;
	}	

a.morelink:hover {
	text-decoration:underline;
	}

.mainboxblurb {
	height:155px;
	overflow:hide;
	line-height:140%;
	}

#columntop {
	background:url(../images/singlecolumntop.png) no-repeat;
	display:block;	
	height:70px;	
	margin-top:20px;
	text-transform:uppercase;
	width:960px;
}

#columntop h2 {
	color:white;
	font-size:140%;
	font-weight:bold;
	letter-spacing:-1px;
	padding:20px 30px 0;
	width:900px;
}

#columntop h3 {color:pink; padding:0 30px;}

#singlecolumn {
	background:url(../images/singlecolumnmiddle.png) repeat-y;
	font-size:110%;
	width:900px;
	line-height:140%;
	padding:10px 30px 20px;
	float:left;
	display:inline;
}

#singlecolumn img.right {
	border:1px solid #ccc;
	float:right;
	margin:20px;
	padding:10px;
}

#singlecolumn p {margin-top:10px;}

#singlecolumn ul {margin:10px 0 0 30px;}

#singlecolumn h2 {font-size:140%;}

#singlecolumn h4 {font-weight:bold; margin-top:10px; clear:both; font-size:110%;}

#columnbottom {
	background:url(../images/singlecolumnbottom.png) no-repeat;
	display:block;	
	height:42px;
	float:left;
	width:960px;
}

.partners {background:url(../images/partners.png) no-repeat; background-position:10px 2px;}

#singlecolumn table {
	margin:20px 10px 10px;
	border:1px solid gray;
	border-width:1px 1px 0 0;
}

#singlecolumn th, #singlecolumn td {
	padding:5px;
	border:1px solid gray;
	border-width:0 0 1px 1px;
}

#singlecolumn th {background:gainsboro; color:black;}

.officebox {
	float:left;
	width:205px;
	margin:0 0 20px 20px;
	display:inline;
}

.officebox a {font-size:80%;}

img.flright {
	float:right;
	margin:10px 0 10px 10px;
}

/**************/
/* Slider CSS */
/**************/

#intro {
    padding-bottom: 10px;
}

#slider {
	background:url(../images/singlecolumnmiddle.png) repeat-y;
	font-size:110%;
	width:946px;
	line-height:140%;
	padding:0 7px 20px;
	float:left;
}

.scrollContainer div.panel {
    padding: 0 20px;
    width: 900px;
}

.scroll {
padding:20px 10px 0;
float:left;
width:920px;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
}

.scroll h2 {font-size:140%;}

.scroll h4 {font-weight:bold; margin-top:10px; clear:both; font-size:110%;}

.scroll p {margin-top:10px;}

ul.navigation {
	width:925px;
	background:gainsboro;
	float:left;
	list-style:none;
	margin:0;
	padding:0 10px;
	border-bottom:1px solid gray;
}

.scroll ul {margin:10px 0 0 30px;}

ul.navigation li {
	float:left;
	padding:5px 10px;
}

ul.navigation li a:hover {text-decoration:underline;}

.scroll table {
	margin:20px 10px 10px;
	border:1px solid gray;
	border-width:1px 1px 0 0;
}

.scroll th, .scroll td {
	padding:5px;
	border:1px solid gray;
	border-width:0 0 1px 1px;
}

.scroll th {background:gainsboro; color:black;}

.hide {
    display: none;
}

/******************/
/* Footer Section */
/******************/

#footer {text-align: center; width:960px; color:white; font-size:110%; margin-top:15px;}

#footer a {color:lightblue;}