/*=== Blue Theme CSS Document for Westat SampleBox by Reynaldo Leon ===*/


body {
margin:5px 0;
padding:0;
font: 74% Arial, Sans-Serif;
line-height: 1.4em;
color:#000;
background : #F0F0F0;
}

.content {
margin: 0 auto;
padding: 0;
width: 955px;
color: #505050;
/*background: #FFFFFF url(../images/BodyBG.jpg) repeat-y center;*/
background-color:#FFF;
}

/*=== HEADERS ================================================================*/
#topimg { 
margin: 0;
padding: 0;
height: 14px;
background: #F0F0F0 url(../images/top.jpg) no-repeat center bottom;
}

#header {
margin: 0;
padding: 0 15px 0 0px;
width:1000px;
line-height: 1.0em;
color: #FFF;
}

#header .rside {
float: left;
margin: 0;
padding: 0;
height: 128px;
width: 746px;
background: #FFF url(../images/RHeader.jpg) no-repeat;
}

#header .rsideCustom {
float: left;
margin: 0;
padding: 0;
height: 128px;
width: 746px;
background: #FFF url(../images/RHeader_parcc.jpg) no-repeat;
}

#header .lside {
float: left;
margin: 0;
padding: 0;
height: 128px;
width: 210px;
background: #003C79 url(../images/LHeader.jpg) no-repeat;
}

#header h2 {
letter-spacing: 1px;
color: #FFF;
background-color: inherit;
}

#main {
margin: 0 20px 0 15px;
}

#main h2 {
color: #4D3684;
background-color: inherit;
}

#main h3 {
margin: 2px 0 5px 0;
padding: 0;
font: 95% Arial, Sans-Serif;
font-weight: bold;
color: #000;
background: inherit;
}

#click_on_image {
	width: auto;
	height: auto;
	margin: 10px 0 5px 0;
	padding: 0;
	background: inherit;
}

.center {
float: left;
margin: 0 0 0 7px;
width: 700px !important;
width: 735px;
height: auto;
background: #FFF;
background-image:url(../images/center_left_grad.gif);
background-repeat:repeat-y;
}

.centerText {
	width: 643px;
	height: auto;
	margin: 0 0 10px 0;
	padding: 10px 25px 0 25px;
}

/*.center h2{
	color:#4D3684;
}

.center h3 {
	color:#006f8b;
}*/

.padding {
padding: 15px;
}

.img {
float: left;
margin: 0px 0px 15px 0px;
padding: 20px 0px 0px 106px;
height: 250px;
width: 638px;
border: 0px solid #e0e0e0;
color: #333;
background-color: transparant;
/*background-repeat:repeat-y url(../images/ImageRepeat120x1.jpg);*/
}


/*=== NAVIGATION ================================================================*/
#leftmenu {
	float: left;
	margin: 0;
	padding: 0;
	height: 300px;
	width: 190px;
/*background: #FFF url(../images/LeftBG_Blue.jpg) repeat-x;*/
}

#nav {
/*	float: left;
	width: 192px; */
	height: auto;
	padding: 20px 0 0 0;
	text-align: left;
	color: #7D8085;
	clear: both;
}

#nav ul { 
	/*width: 175px;
	height: auto;*/
	margin: 5px 0 20px 15px;
	padding : 0; 
	list-style : none;  } 

#nav li {
	margin: 0;
	padding: 5px 0 0 5px;
	width: 170px;
	height:22px;
	border-bottom: 1px solid #CCC;
	background:none;
	list-style:none;
}

#nav li a {
	width: 170px;
	height: 22px;
	text-decoration: none;
	color: #000;
	background:none;
	display:block;
}

#nav li:hover {
	width:170px;
	height:22px;
	text-decoration: none;
	background:url(../images/nav_bg.gif) no-repeat;
	color: #940e13;
}


#nav li a:hover {
	height:22px;
	width:175px;
	text-decoration: none;
	color: #4D3684;

}
/*
#nav li.current {
	height:22px;
	width:175px;
	text-decoration: none;
	background:url(../images/nav_bg.jpg) no-repeat;
	color: #940e13;
}*/

#nav li.current {
	width:170px;
	height:22px;
	text-decoration: none;
	color: #4D3684;
	background-image: url(../images/nav_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#arrow{
	height:190px;
	float:left;
	width:25px;
	padding-top:125px;
	position: relative;
	display:block;
	z-index:1000;
}

#arrow a{
    width:25px;
	height:50px;	
	padding:none;
}

#thumbnails{
	width: 522px;
	height:295px;
	float:left;
	
}

.detailsImage{
	float:left;
	width:650px;
	height:325px;
	padding-left:75px;
}

/*=== SAMPLE BOXES ================================================================*/
#SampleBox {
position: relative;
margin: 5px 0 0 0;
padding: 5px 5px 5px 15px;
width: 680px;
color: #000000;
border-bottom: 1px solid #FFF;
/*border: 1px solid #003C79;*/
background: #f4f3f3;
}

#SampleImage {
float: right;
width: 214px;
height: auto;
background-color: #fff;
border:solid;
border-width: 1px;
border-color:#999;
}

#SampleText {
float:left;
width: 420px;
height: auto;
background-color: #f4f3f3;
}

/*=== MOVEABLE LINK ================================================================*/
#moveMe {
position: relative;
top: 10px;
left: 45px;
}

/*=== FOOTER ================================================================*/
#footer {
margin: 0 auto;
padding: 0px;
height: 208px;
width:955px;
position: relative;
font-size: 90%;
text-align: center;
color: #A0A0A0;
/*background: #FFF url(../images/footer.jpg) repeat-x;*/
background-color:#5a4099;
clear: both;

}

.foot1{
	width:140px;
	height:150px;
	padding-left:20px;
	margin-left:50px;
	margin-top:20px;
	float:left;
	color:#fff;
	text-align:left;
}

.foot1 p{
	float:left;
	color:#fff;
}

.foot2{
	width:400px;
	height:150px;
	padding-left:30px;
	margin-top:20px;
	border-left:#fff solid thin;
	float:left;
	color:#fff;
	text-align:left;
	
}

.foot2 a{
	background-color:transparent;
	color:#fff;
}

#footer hr {
margin: 0 25px 0 25px;
width: 740px;
color: #888;
border: 1px solid #f0f0f0;
}

#footer a {
text-decoration:none;
color: #fff
}

#footer a:hover {
text-decoration: underline;
color: #fff;

}

/*=== TYPE TREATMENT ================================================================*/

p {
margin: 10px 0 0 0;
padding: 0;
color: #000;
background: inherit;
}

hr { border: 0; height: 1px; color: #eee; background-color: #eee; }

a { color:#007CA4 ; background: inherit;  text-decoration:none; }
a:hover { 	background: inherit;	text-decoration: underline; }
h1 { padding:0; margin:0; color: #4D3684; background: inherit; font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a {/*color: #0F5BFF;*/ color:#4D3684; background: inherit;}
h2 { background-color: inherit; /*color:#940e13;*/ color:#4D3684; font-size:140%; font-weight:normal; margin: 10px 0 0px 0; padding:0;  }
h2 a { /*color: #940e13;*/ color:#4D3684; line-height:1.2em; }
h2 a:hover { color: #007CA4; text-decoration: none; }
h3 { color:#006f8b !important; }

ul { /*margin: 5px 0 20px 15px; padding : 0; list-style : none;*/  }
li { list-style-type:square; margin: .3em; color:#000; /*padding: 0; */}

li.bullets { list-style-type:square; color: #003C79; margin: 0 0 3px 12px;	padding: 0 0 0 0px; }
li.roman { list-style-type:lower-roman; color: #003C79; margin: 0 0 3px 12px;	padding: 0 0 0 0px; }
li a { color: #546078;  }
li a:hover { color: #F29900; }

sup {
	font-size: 9px;
	line-height:normal;
}

.highlight {
	color:#006f8b;
}

.listHeader {
	text-align:right;
	margin-right:150px;
	color:#006f8b;
}

/*=== SAMPLE PAGES ================================================================*/
.SampleLinks {
margin: 0;
padding: 7px 0.5em 5px 0;
text-align: right;
color: #000;
background:url(../images/sample_BG.jpg) repeat-x;
height:auto;
}
.SampleLinks ul,
.SampleLinks ul li {
	list-style:none;
}

.SampleLinks a {
color: #000;
background:none;
}

.SampleLinks a:hover {
text-decoration: underline;
color: #007CA4;
}


.listLinks ul {
	list-style:none;
	background-image:none;
	margin:0;
	padding:0;
}

.listLinks li {
margin: -5px -5px 0 0;
padding: 9px 9px 9px 0;
text-align: right;
color: #000;
background:url(../images/sample_BG.jpg) repeat-x;
height:auto;
list-style:none;
}


.listLinks li a {
color: #000;
background:none;
}

.listLinks li a:hover {
text-decoration: underline;
color: #007CA4;
}

/*=== FLASH CONTENT ================================================================*/
#flashMovie {
float: right;
width:500px;
padding-right: 50px;
padding-top: 15px;
}


/*=== Blue Theme CSS Document for Westat SampleBox by Reynaldo Leon ===*/