/*-------
// global 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,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,th {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }


blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }



acronym { cursor: help; }



/*-------
// general
//-----*/

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height:1.2em; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 2px 3px; font-family: Verdana, sans-serif; }
.submit { cursor/**/: /**/pointer; }
select > option { padding: 0 5px 0 3px; }

.ul, .ol { margin: 0 0 1em 2em; }
.ul li, .ol li { margin: .2em 0; padding: 0; }

.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }

.hide { display: none; }
.clear { clear: both; height:1px; line-height:1px;}

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }
a.inv:link, a.inv:visited { text-decoration: underline; }
a.inv:link:hover, a.inv:visited:hover { text-decoration: none; }

.cols { overflow: hidden; margin: 0; }
.cols .col { float: left; width: 50%; }
#page .cols .last { margin-right: 0; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }




/*-------
// custom styles
//-----*/

*{width:100%; }
body{background:#4C5051 url(../images/global/rightbg.gif) repeat-x; font-family:Arial, Helvetica, sans-serif }
h1, h2, h3 { line-height:1.2em; }
p { line-height:1.2em; }
.light_gray{color:#cfcfcd;}
img {width:auto;}
table, td {width:auto;}



/*-------
// Page Layout
//-----*/

div#container{background:transparent url(../images/global/leftbg.gif) no-repeat; height:765px; min-width:810px;}

/*---Container---*/
div.right_strip{position:absolute; left:50%; height:588px; width:50%; }


/*---wrapper---*/
div.wrapper {width:779px; height:605px; margin:0px auto; } 


/*---Main---*/
div.main { position: absolute; z-index: 3; height: 588px; width: 792px; background:url(../images/global/view.gif) no-repeat;}
div.subcontent { position: absolute; z-index: 3; height: 588px; width: 757px;}
div.subcontenttest { position: absolute; z-index: 3; height: 588px; width: 757px;}

/*---footer---*/
div#footer{height:168px; background:#4c5051; border-top:solid 1px #666666;  font-size:120%; margin-top:20px;}




/*-------
// Content Styles
//-----*/



/*---Main---*/
div.main div.left{width:602px;}
div.subwidth{width:777px;}
div.subcontent div.left{width:602px;}
div.main div.right{width:156px;  margin-left:-4px; padding-top:150px; }
div.subcontent div.right{width:156px;  margin-left:-4px; padding-top:150px; }
html>body div.main div.right{ margin:0px;}

/*---Main - right---*/
div.right h3{padding-left:10px; margin-bottom:10px; color:#d3d3d2; font-size:120%; text-transform:uppercase;}
div.right ul li{font-size:110%;margin:0;padding:0;}
div.right ul li a{color:#404548; text-decoration:none; display:block;padding:10px 10px;}
div.right ul li a.active{color:#FFFFFF;}
div.right ul li a:hover{text-decoration:none;}


div.right ul li a.red{ background:#88292d;}
div.right ul li a.purple{background:#b9c7e4;}
div.right ul li a.yellow{background:#e8f369;}
div.right ul li a.orange{background:#f39d45;}
div.right ul li a.lgt_brown{background:#c6c5b7;}




/*---header---*/

div#header {height:46px; padding:31px 0px; }
div#header h1 a{background:transparent url(../images/header/logo.png) no-repeat; width:293px; height:37px; display:block;}



/*---navigation---*/

div#navigation{height:29px; border-top:dotted 1px #CCCCCC; line-height:29px;}
div#navigation ul li{display:inline; font-size:120%;margin:0;padding:0;}
div#navigation ul li a{padding:8px 15px; color:#FFFFFF; font-weight:bold;}
div#navigation ul li a:hover{background:transparent url(../images/navigation/hover.gif) repeat-x; text-decoration:none; color:#404548; }

div#subnav ul li{font-size:12px;}
div#subnav ul li a{color:#FFFFFF;padding:5px; font-size:12px; font-weight:bold;}
div#subnav ul li a:hover{color:#FFFFFF;padding:5px; font-size:12px; font-weight:bold;}


/*---view---*/
div.view{height:305px; width:588px; padding:6px 4px;}
div.view div.redbrd{border-right:10px solid #88292d;}
div.view div.purplebrd{border-right:10px solid #b9c7e4;}
div.view div.yellowbrd{border-right:10px solid #e8f369;}
div.view div.orangebrd{border-right:10px solid #f39d45;}
div.view div.lgt_brownbrd{border-right:10px solid #c6c5b7;}
div.view img {width:100%;}

/*---main content area---*/

div.content{color:#cccccc; font-size:120%; padding:10px; width:565px; height:400px; overflow:auto;}
div.content h1{font-size:18px;}
div.contect a:link{color:#FFFFFF}
div.main_border{border-right:10px solid #88292d; margin-top:2px;}

div.content2 {background-color:#4c5051; border-color:#999999; border-style:solid; border-width:1px; margin:2px 0px; padding:10px 20px 10px 10px; width:757px; height:427px; overflow:auto; color:#CCCCCC; font-size:11px%;}
div.content2 h2{font-size:130%; text-transform:uppercase; margin-bottom:10px;}
div.content2 h1{font-size:18px; text-transform:uppercase; margin-bottom:10px;}
div.content2 p{font-size:120%; line-height:20px;}
div.content2 p a{color:#ec9c49; text-decoration:underline;}
div.content2 p a:hover{text-decoration:none;}

td.content3 {padding:10px 0px 10px 10px; height:460px; color:#FFFFFF; font-size:120%; line-height:20px; background-image:url(../images/bg.png)}
td.content3 h2{font-size:130%; text-transform:uppercase; margin-bottom:10px;}
td.content3 h1{font-size:18px; text-transform:uppercase; margin-bottom:10px; color:#f39d45;}
td.content3 p{font-size:120%; line-height:20px;}
td.content3 p a{color:#ec9c49; text-decoration:underline;}
td.content3 p a:hover{text-decoration:none;}
td.content3 h1 a{color:#f39d45; text-decoration:underline;}
td.content3 ul{margin-left:30px; margin-top:10px; margin-bottom:10px; font-size:12px; list-style-type:disc;line-height:18px; list-style:disc; list-style-position:inside;}


#whitelinks a{
	color:white;
	font-weight:bold;
	text-decoration:underline;
}

div.scroll {overflow:auto;overflow-x: hidden;overflow-y: scroll;overflow:-moz-scrollbars-vertical;height:435px;}

td.contenttest {padding:10px 10px 10px 10px; height:427px; overflow:auto; color:#FFFFFF; font-size:120%; background-image:url(../images/test.png)}
td.contenttest h2{font-size:130%; text-transform:uppercase; margin-bottom:10px;}
td.contenttest h1{font-size:18px; text-transform:uppercase; margin-bottom:10px; color:#f39d45;}
td.contenttest p{font-size:120%; line-height:20px;}
td.contenttest p a{color:#ec9c49; text-decoration:underline;}
td.contenttest p a:hover{text-decoration:none;}
td.contenttest ul{margin:0 30px 0 30px; font-size:12px; list-style-type:disc;line-height:18px;}

td.sideimage {padding:5px; border-color:#999999; border-style:solid; border-width:1px;}
td.sideimage2 {background-image:url(../images/bg.png)}

/*---welcome---*/
div.welcome{ border-color:#CCCCCC; border-style:dotted; border-width:0px 1px; margin:10px 0px; padding:10px 10px 10px 10px; width:581px;}
div.welcome h2{font-size:130%; text-transform:uppercase; margin-bottom:10px;}
div.welcome p{font-size:120%; line-height:20px;}
div.welcome p a{color:#ec9c49; text-decoration:underline;}
div.welcome p a:hover{text-decoration:none;}


/*---footer---*/
div#footer div.wrapper {height: auto;  background:#424647; border-style:solid; border-width:0px 1px 1px 1px; border-color:#585c60; width:759px; padding:10px; } 
div#footer ul{width:450px;}
div#footer ul li{display:inline; padding:0px 10px 0px 5px;}
div#footer ul li a{color:#ec9c49; text-decoration:underline;}
div#footer ul li a:hover{text-decoration:none;}
div#footer div.copyright{width:240px;}

/*---dropdown menus---*/

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Arial;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 5px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
background-color:#CCCCCC;
color:#000000;
text-decoration:none;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color:#666666;
color:#FFFFFF
}