@import url('topNav.css');

html {
	
	min-height:						100%;
}
body {
	margin:							0px auto;
	padding:						0px 0;
	background-color:				#fff;
	font-family:					Arial,Helvetica,sans-serif;
	line-height:					1.3;
	color:                          #6D6E70;

}

span.todo {
	color: #f00;
}

#outerContainer {
	margin:							0 auto;
	background-color:				#D3D5D6;
    width:							941px; /* overall width is 20px + 952px + 19px*/
    padding:                        20px 19px 20px 20px;
}
#topContainer
{
	width:						    941px;
	}
#mainContainer
{
	width:							941px; 
	margin-top:						15px;
    background:                     url('../images/back_img1.jpg') repeat-y left top;
}
/********* tables *****************/
.projects {
	border:							1px solid #999999;
	color:							#6D6E70;
	font-size:						0.8em;
	width:							100%;
}
table {
	border-collapse:				collapse;
	border-spacing:					0;
}

.projects th {
	background:						#003340 none repeat scroll 0 0;
	border-bottom:					1px solid #999999;
	border-right:					1px solid #999999;
	padding:						5px;
	color:							#ffffff;
}

.projects tr.odd td, .projects tr.odd th {
	background-color:				#dddddd;
	border-right:					1px solid #999999;
	padding:						5px;
}

.projects tr.even td, .projects tr.even th {
	background-color:				#EEEEEE;
	border-right:					1px solid #999999;
	padding:						5px;
}

tr.title {
	border-bottom:					1px solid #999999;
	border-top:						1px solid #999999;
	padding-top:					5px;
	background:						#006983;
}

tr.title td {
	padding:						5px;
}

.projects h3 {
	color:							#fff;
	font-family:					Arial,Helvetica,sans-serif;
	font-size:						1em;
	font-weight:					bold;
	padding:						0 0 0em 0em;
}

.projects h3.mcheader {
	color:							#003340;
	font-family:					Arial,Helvetica,sans-serif;
	font-size:						1em;
	font-weight:					bold;
	padding:						0 0 0em 0em;
}

.light_blue {
	color:							#006983;
}

.blue {
	color:							#003340;
}

/********* lect hand side *****************/
#leftContainer
{
	float:							left; 
	width:                          196px;
	padding:                        0px 20px 20px 20px;
}
#leftContainer .box
{
    background-color:               #B6C000;
    width:                          155px;
    min-height:                     95px;
    padding:                        20px 20px 20px 20px;
    
}
#leftContainer .box p
{
    color:                          #0B2E3F;
    padding:                        0px 10px 0px 0;
}
#leftContainer .box p a
{
    color:                          #0B2E3F;
    text-decoration:                underline;
}

#leftContainer .box_title {
	background-color:				#003340;
	margin-top:                     20px;
	padding: 3px 20px 3px 20px;
	width:							155px;
}

#leftContainer .box_title p {
	color:							#fff;
}

#leftContainer .box a img.imgPadding10
{
    padding-top:                    10px; 
}

#leftContainer ul {
	font-size:						0.8em;
	margin-top:						10px;
	margin-bottom:					14px;
	color:							#003340;
	list-style: 					none;

}


#leftContainer ul a {
	color:							#003340;
}

/***********end of left hand side **********/

#stageArea
{
	float:							right; 
	width:							645px; 
    background-color:               #fff;
    padding:                        20px;
}

#stageArea .contentA
{    padding:                       10px 0;
}
#stageArea .contentA img
{
    float:                          left; 
    padding:                        0 10px 10px 0px;
    width:                          334px;
}

#stageArea p {
	font-size:						1em;
	margin-bottom:					14px;
}

#stageArea p.small {
	font-size:						0.8em;
}

#stageArea ul {
	font-size:						0.8em;
	margin-bottom:					14px;
	margin-left:					1.5em;
}

#stageArea ul li {
	padding-bottom:					12px;
}

#stageArea p.small_pre_ul {
	font-size:						0.8em;
	
}



#stageArea p.pre_ul {
	color:							#006983;
	font-style: 					italic;
	margin-bottom:					 4px;
}


#stageArea .contentA p.small
{
    font-size:                      0.8em;
    float:                          left;
    width:                          300px;
    padding-bottom:                 10px;
}

#stageArea a {
	color: #AEC42A;
}

#stageArea a.ext {
	color: #006983;
}

td.field_name {
    font-weight:					bold;
    font-size:						0.8em;
}

input.text_field {
	font-size:						0.8em;
	color:							#6D6E70;
	width: 							250px;
}

input.text_field_error {
	font-size:						0.8em;
	color:							#6D6E70;
	width: 							250px;
	border:							1px dashed red;
}
td.error {
	font-size:						0.8em;
	color:							#ff0000;
}
.submit_button
{	width:                          154px; 
 	height:                         23px; 
 	background-color:               #1D6480;
 	color:                          #fff;
}

.text_area {
	width:							250px;
	height:							150px;
	color:							#6D6E70;
	font-family:					Arial,Helvetica,sans-serif;
	font-size:                      0.8em;
}

.text_area_error {
	width:							250px;
	height:							150px;
	color:							#6D6E70;
	font-family:					Arial,Helvetica,sans-serif;
	font-size:                      0.8em;
	border:							1px dashed red;
}

p.small
{
    font-size:                      0.8em;
    padding-bottom:                 10px;

}
p.intro {

	color:							#006983;
	font-style:						italic;
}

span.highlight {
	color:							#AEC42A;
	font-weight:					bold;
}

/******************************************************
	   zero padding and margin for these elements
******************************************************/
p, ul, li, h1, h2, h3, h4
{
	padding:						0;
	margin:							0;
}
/**************************************************/
h1
{	font-size:						1.4em;
	color:							#0B2E3F;
	font-weight:					bold;
	padding-bottom:					20px;
	}
h2
{
	font-size:						1.1em;
	color:							#AEC42A;
	font-weight:					bold;
	padding-top:					5px;
	padding-bottom:					5px;
}
h3
{
	font-size:						1em;	
	color:							#555;
	font-weight:					bold;
}
h4
{
	font-size:						0.9em;	
	color:							#AEC42A;
	font-weight:					bold;
}


/**************************************************
			Form elements
*************************************************/
#leftContainer form
{
    padding:						10px 0 0 0; 
	margin:							0;
	font-size: 0.8em;
}

#leftContainer form label
{
    color:                          #0B2E3F;
}

#leftContainer form input
{
	width:							150px;
	height:							20px;
	border:						    1px inset #000000;
	margin-top:                     5px;
	vertical-align:                 middle;
}

#leftContainer form input#submit				
{	width:                          154px; 
 	height:                         23px; 
 	background-color:               #1D6480;
 	color:                          #fff;
}


#footer
{
	width:							941px;
    margin-top:                     15px; 
    height:                         17px;    
    background-color:               #006983;
    font-size:                      0.6em;
    padding:                        3px 0 0 0px;
    color:                          #ffffff;
}
#footer div.fol {
	padding-left: 21px;
	width: 234px;
	float: left;
}

#footer div.ug {
	float: left;
	width: 400px;
}

#footer div.ug a{
	color: #ffffff;
	text-decoration: underline;
}

.clear
{clear:                             both;}