/* -- -- -- -- -- begin css reset -- -- -- -- -- -- -- --- */

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, 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; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
}
:focus { outline: 0;} /* remember to define focus styles! */
ol, ul {list-style: none;}
table { border-collapse: separate;border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
* { outline:none; }

body {
	background:url(images/page-bkgd.jpg) top center repeat-x #222222;
	line-height: 1; 
	color: white;
}
a:link, a:visited {
	font: normal 12px/20px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}
a:hover, a:active {
	font: normal 12px/20px Arial, Helvetica, sans-serif;
	color: #b6000f;
	text-decoration: underline;
}

/* ----------divs-------------- */

#container {
	max-width:1000px;
	margin:0 auto;
}
#header {
	background: url(images/header-bkgd.jpg) top center no-repeat;
	max-width:1000px;
	height:421px;
	margin:0;padding:0;
}

#red-responsive {
    width:100%;
    max-height:150px;
    background:#F00;
    visibility:hidden;
}

#maincontent {
	background:#222222;
	max-width:900px;
	padding:20px 50px;
}
#leftcol-content {
	width:520px;
	float:left;
	margin:0;padding:0;
}
#rightcol-content {
	width:350px;
	float:right;
	margin:0;padding:0;
}

#rightcol-content #box-top {
	background: url(images/box-top.jpg) top center no-repeat;
	width:350px;
	height:35px;
}

h3.box-top { position: relative; top:8px; left:20px; width:215px;}


#rightcol-content #box-content {
	background: url(images/box-mid.jpg) repeat-y top;
	width:350px;
	height:auto;	
}

#box-content .box-content{
	font: normal 12px/20px Arial, Helvetica, sans-serif;
	color: #ffffff;
	position: relative;
	top:10px;
	left:20px;
	width:300px;
	}

#rightcol-content #box-foot {
	background: url(images/box-bottom.jpg) top center no-repeat;
	width:350px;
	height:28px;
	margin-bottom: 5px;
}

#rightcol-content #box1 {
	background: url(images/box1-bkgd.jpg) top center no-repeat;
	width:350px;
	height:122px;
}
h3.box1-content { position: relative; top:8px; left:20px; width:215px;}
p.box1-content { position: relative; top:20px; left:20px; width:215px; height:55px;}

#rightcol-content #box2 {
	background: url(images/box2-bkgd.jpg) top center no-repeat;
	width:350px;
	height:122px;
	margin:5px 0px;
}
h3.box2-content { position: relative; top:8px; left:125px; width:215px; }
p.box2-content { position: relative; top:20px; left:125px; width:215px; height:55px; }

#rightcol-content #box3 {
	background: url(images/box3-bkgd.jpg) top center no-repeat;
	width:350px;
	height:122px;
}	
h3.box3-content { position: relative; top:8px; left:20px; width:210px;}
p.box3-content { position: relative; top:20px; left:20px; width:210px; height:55px;}

/* ----------menu-------------- */
ul#navlist {
	padding:82px 0 0 210px;
	width:790px;
}
ul#navlist li {
	display:block;
	list-style:none;
	float:left;
	background: url(images/navback.jpg) bottom right no-repeat;
	margin:0;
	padding-right:11px;
	padding-left:11px;
	border: 0;
	height:66px;
	color:#FFFFFF;	
}
ul#navlist li.last {
	background:none;
	padding-left:15px;
}
ul#navlist li a:link, ul#navlist li a:visited {
	display: block;
	width:auto;
	font: normal 12px/12px Arial, Helvetica, sans-serif;
	padding-top:30px;
	text-align:center;
	border: 0px;
	color: #ffffff;
	text-decoration: none;
}
ul#navlist li a:hover, ul#navlist li a:active { 
	color: #ffe230;
	text-decoration:none;
}
ul#navlist li.single a:link, ul#navlist li.single a:visited {
	padding-top:42px;
	text-decoration:none;
}

/* ----------main body-------------- */
h1 {
	font: bold 24px Arial, Helvetica, sans-serif;
	color: #ffe230;
	margin-bottom:10px;
}
h2 {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #ffe230;
	margin-bottom:10px;
}
h2.right-column {
	margin-top:30px;
	margin-left:8px;
}
p.right-column, ul.right-column { margin-left:8px;}
	
h3 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #ffe230;
}
p {
	font: normal 12px/20px Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin-bottom:20px;
}
ul { margin-bottom:20px; }
li {
	font: normal 12px/20px Arial, Helvetica, sans-serif;
	color: #ffffff;
	list-style-position:inside;
	list-style-type:disc;
}
hr {border: none 0; 
	border-top: 1px dotted #7e8ab1;
	border-bottom: 1px solid #6B78A0;
	width: 100%;
	height: 1px;
	margin: 0;
	padding: 0;
}

.personnel-thumb {
	width:200px;
	float:left;
	margin-right:25px;
	margin-bottom:35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;	/*border:1px solid #666666;*/
	
}
.large-img {
	width:450px;
	/*float:left;*/
	/*margin-right:25px;*/
	margin-bottom:35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;	/*border:1px solid #666666;*/
}
.img-pad {
	padding-bottom: 5px;
}
/* ----------footer-------------- */
#footer {
	background: url(images/footer-bkgd.jpg) top center repeat-x;
	height:175px;
}
#footer-content {
	width:1000px;
	margin:0 auto;
}
#footer-left {
	width:540px;
	float:left;
	margin:15px 0 0 0;
	padding:0;
}
#footer-right {
	width:320px;
	float:right;
	margin:15px 0 0 0;
	padding:0 50px 0 0;
	text-align:right;
}		
#footer p {
	font: normal 12px/20px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#footer a:link, #footer a:visited  {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	color: #ffe230;
	text-decoration: underline;
}
/* ----------weblinx-------------- */
div.transOFF {
	width: 230px;
	background-color:#ffffff;
	border:2px solid #cccccc; 
}
div.transON {
	width: 230px; 
	background-color:#ffffff;
	border:2px solid #cccccc;
	opacity:0.10;
	filter:alpha(opacity=10);
	-moz-opacity:0.10;
}
#weblinx {
	font: normal 11px "Trebuchet MS", Arial, sans-serif;
	color: #000000;
	text-align: center;
	padding: 5px;
	margin: 10px auto 0 auto;
}
#weblinx a:link, #weblinx a:visited  {
	color: #000000;
	text-decoration: none;
}
#weblinx a:hover, #weblinx a:active {
	color: #000000;
}
/* ---------classes---------- */
.ping {behavior: url(iepngfix.htc);}
.clearer { clear:both; line-height: 0; height: 0;}
.left { float:left; }
.right { float:right; }
.small { font-size:10px; }
.logo { position:relative;top:0;left:0;behavior:url(iepngfix.htc); }
.redboldtext {font: bold 16px Arial, Helvetica, sans-serif; color: #b6000f;}
.caption { font: normal 12px Arial, Helvetica, sans-serif;	color: #666666; margin-bottom:20px; padding-left:10px; }

@media screen and (max-width: 1000px) {
 
    #header {
        max-width:1000px;
        width:100%;
    }

    
}

@media screen and (max-width:1000px) {
 
    #header {
        background-image:url('../images/header-bkgd.jpg');
        background-size:100%;
    }
}