/* -------------------------------------------------------------- 
  
   Explainer DC Screen Styles
   * Version:   0.1 (03-12-2008)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";


/* Page
-------------------------------------------------------------- */
body {
	margin:0px;
	padding:0px;
	line-height:1.5em;
	}

.clear {
	position:relative;
	clear:both;
	}
	
#container {
	position:relative;
	margin: 0 auto; 
	width:1008px;
	height:165px;
	font-size:1.2em;
	background:url(../../images/general/top_bg.jpg) #fff no-repeat;
	}
	
#logo {
	position:absolute;
	top:21px;
	left:145px;
	z-index:2;
	}

.login {
	position:absolute;
	left: 967px;
	top: 96px;
	}

.login a {
color:#ffb273;
	text-decoration:none;
	display:block;
	font-size:1.2em;
	}

.login a:hover, #nav a.active {
	color:#ffb273;
	text-decoration:none;
	}
	

	


/* left side and navigation styles
-------------------------------------------------------------- */	
#leftSide {
	position:relative;
	float:left;
	width:181px;
	display:table-cell;
	margin:0;
	padding:80px 0px 0px 11px;
	height:auto !important;
	min-height:165px;
	height:165px;
	background:url(../../images/general/nav_ptn_bg.jpg) no-repeat;
	}

#coatOfArms {
	margin:20px 0px 10px 32px;
	padding:0px 0px 0px 11px;
	}

#nav {
	width:140px;
	}	
	
#nav ul {
	padding:0px 0px 0px 0px;
	margin:0px;
}	

#nav li{
	list-style-type:none;
	margin:0px;
	padding:0px;
	}

#nav li a{
	padding:5px 0px 0px 25px;
	margin:0px;
	color:#ffb273;
	text-decoration:none;
	width:100%;
	height:24px;
	display:block;
	background:url(../../images/general/nav_bg.jpg) no-repeat;
	font-size:1.2em;
/*	font-weight:normal;
*/	border-top:1px solid #670f04;
	clear:both;
	line-height:normal;
	
	}

#nav li a:hover, #nav li a.active {
	color:#ffb273;
	text-decoration:none;
	background:url(../../images/general/nav_bg_h.jpg) no-repeat;
	}



/**/

#nav li ul {
	padding:0px 0px 0px 0px;
	margin:5px 0px 5px 0px;
	line-height:normal;
	/*background:#CCFF00;
	width:100%;
	width:10%;*/
	}	

#nav li li {
	list-style-type:none;
	
	
	}

#nav li li a {
	margin:0px 0px 8px 30px;
	padding:0px 0px 0px 0px;
	color:#e1703e;
	text-decoration:none;
	font-weight:normal;
	height:auto;
	width:auto;
	background:none;
	border:none;
	display:inline-block;
	font-size:1.0em;
	
	}

#nav li li a:hover {
	color:#e1703e;
	text-decoration:underline;
	background:none;
	}
	
#nav li li a.active {
	color:#eb1e00;
	text-decoration:underline;
	background:none;
	font-weight:bold;
	}	
	
#nav li li a.completedProject {
	color:#fff;
	text-decoration:none;
	background:none;
	/*font-weight:bold;*/
	}	
	
	
	
/* home content styles
-------------------------------------------------------------- */	
#homeContentContainer {
	position:absolute;
	top:120px;
	left:0px;
	width:1008px;
	z-index:1;
	text-align:left;
	background:url(../../images/general/home_bg.gif);
	}
		
#homeContent {
	position:relative;
	float:left;
	display:table-cell;
	width:545px;
	margin:0px 4px 0px 0px;
	padding:15px 20px 0px 55px;
	background:#33FFFF;
	background:url(../../images/general/home_content_bg.gif) no-repeat;
	}

#homeContent div.hd {
	text-align:right;
	margin:0px 0px 10px 0px;
	padding:0px 0px 15px 0px;
	background:url(../../images/general/home_header_bg.gif) no-repeat 0% 100%;
	height:56px;
	}

.homeBottom {
	position:relative;
	clear:both;
	/*background:url(../../images/general/home_bottom.gif);*/
	height:1px;
	clear:both;
	/*display:none*/
	}	
	
/* interior content styles
-------------------------------------------------------------- */	
#interiorContentContainer {
	position:absolute;
	top:120px;
	left:0px;
	width:1008px;
	z-index:1;
	text-align:left;
	background:url(../../images/general/content_bg.gif);
	}

#interiorContent {
	position:relative;
	float:left;
	display:table-cell;
	width:740px;
	/*height:139px;*/
	height:auto !important;
	min-height:140px;
	height:140px;
	margin:0px 0px 0px 0px;
	padding:15px 20px 0px 55px;
	background:#33FFFF;
	/*background:url(../../images/general/content_bg.gif) no-repeat;
	background:url(../../images/general/int_content_bg.gif);*/
	background:url(../../images/general/int_content_bg.jpg) no-repeat;
	}

#interiorContent div.hd {
	text-align:right;
	margin:0px 0px 10px 0px;
	padding:0px 0px 15px 0px;
	background:url(../../images/general/home_header_bg.gif) no-repeat 100% 100%;
	height:14px;
	font-weight:bold
	}
	
#interiorContent div.hd img {
	padding:0px 5px 0px 0px;
	}	
	
	
.contentBottom {
	position:relative;
	/*background:url(../../images/general/content_bottom.gif);*/
	height:1px;
	clear:both
	}


#docCategoryList {
	/*background:#6699CC;*/
	clear:both;
	position:relative;
	margin:10px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	}
	
#docCategoryList div {
	padding:0px 0px 15px 0px;
	margin:0px 0px 10px 0px;
	display:table;
	width:740px;
	height:auto !important;
	min-height:1px;
	height:1px;
	}	


#docCategoryList div.left { 
	background:none;
	float:left;
	width:355px;
	padding:0px;
	margin:0px 30px 0px 0px;
	display:table-cell;
	}

#docCategoryList div.right { 
	background:none;
	float:left;
	width:355px;
	padding:0px;
	margin:0px;
	display:table-cell
	}	

	
#docCategoryList h3 a {
	text-decoration:none;
	}
	
#docCategoryList h3 a:hover {
	text-decoration:underline;
	}	


#docCategoryList table { 
	/*border:1px solid #CC9933*/

	}

#docCategoryList td { 
	width:50%;
	/*border:1px solid #CC9933;
	background:#FFFF99;*/
	padding:0px 15px 30px 0px;
	vertical-align:top;
	}




/* home news and news styles
-------------------------------------------------------------- */	
#homeNewsWrapper {
	position:relative;
	float:left;
	width:191px;
	display:table-cell;
	}	
	
#homeNews {
	position:relative;
	padding:0px 10px 0px 15px;
	background:#FFFFFF
	}

#homeNews div{
	position:relative;
	padding:4px 0px 10px 0px;
	margin:0px;
	background:url(../../images/general/home_news_bg.gif) repeat-x 0% 99%;
	}
	
#homeNews div.readmore {
	background:none;
	}	
	
#homeNews div.readmore a {
	color:#9d1400;
	text-decoration:underline;
	font-weight:bold;
	}
	
#homeNews div.readmore a:hover {
	text-decoration:none;
	}	
	
a.title, span.title {
	font-weight:bold;
	color:#9d1400;
	text-decoration:none;
	}
	
a.title:hover {
	text-decoration:underline
	}	
	
a.date, span.date {
	color:#9d1400;
	text-decoration:none;
	}
	
a.date:hover {
	color:#9d1400;
	text-decoration:underline;
	}
	
#homeNews a.intro, #list a.intro { 
	font-size:0.9em;
	line-height:normal;
	}

a.intro {
	color:#000;
	text-decoration:none;
	}
	
a.intro:hover {
	color:#000;
	text-decoration:underline
	}

#homeNewsHd {
	position:relative;
	height:34px;
	}
	
#list, #staffList {
	padding:0px 0px 0px 0px;
	margin:20px 0px 0px 0px;
	/*height:auto !important;
	min-height:375px;
	height:375px;*/
	}
	
#staffList {
	padding:0px 0px 0px 20px;
/*	height:auto !important;
	min-height:375px;
	height:375px;*/
	}
	
#list div {
	padding:0px 0px 15px 50px;
	margin:0px 0px 0px 0px;
	height:auto !important;
	min-height:30px;
	height:30px;
	background:url(../../images/general/news_intro_bg.gif) 15px 10px no-repeat;
	/*border-bottom:1px solid #FF9900;
	color:#ff0000;*/
	}	
	

#staffList div {
	padding:0px 0px 15px 0px;
	margin:0px 0px 10px 0px;
	
	background:url(../../images/general/home_news_bg.gif) repeat-x 0% 99%;
	/*clear:both;*/
	display:table;
	width:710px;
	height:auto !important;
	min-height:1px;
	height:1px;
	/*background:url(../../images/general/news_intro_bg.gif) 15px 10px no-repeat;
	border-bottom:1px solid #FF9900;
	color:#ff0000;*/
	}	

#staffList div.left { 
	background:none;
	float:left;
	/*clear:left;*/
	width:100px;
	/*margin:0px 0px 5px 0px;*/
	background:none;
	padding:0px;
	margin:0px;
	display:table-cell;
	}

#staffList div.right { 
	background:none;
	float:left;
	/*clear:right;*/
	width:610px;
	/*padding:0px 0px 5px 0px;*/
	background:none;
	padding:0px;
	margin:0px;
	display:table-cell
	}	
	
#staffList div a img{ 	
	height:109px;
	width:84px;
	border:1px solid #999999;
	}	

#staffList div a img:hover{ 
	border:1px solid #550d06;
	}


#contentWithPagination {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	/*height:auto !important;
	min-height:395px;
	height:395px;*/
	}

/*#list a.intro {
	color:#550d06;
	text-decoration:none;
	}
	
#list a.intro:hover {
	color:#550d06;
	text-decoration:underline
	}*/


/* Footer
-------------------------------------------------------------- */
#footer { 
	position:relative;
	clear:both;
	background:url(../../images/general/footer_bg.jpg);
	height:23px;
	width:1008px;
	padding:9px 0px 0px 0px;
	}

#footer div.left {
	position:relative;
	float:left;
	width:173px;
	color:#fff;
	padding:0px 0px 0px 19px;
	}

#footer div.left a {
	color:#fff;
	text-decoration:none;
	}	
	
#footer div.left a:hover {
	text-decoration:underline;
	}	
	

#footer div.right {
	position:relative;
	float:left;
	width:167px;
	/*color:#fff;
	background:#0033CC;*/
	padding:1px 24px 0px 0px;
	text-align:right;
	}
	
#footer div.center {
	position:relative;
	float:left;
	width:624px;
	color:#fff;
	text-align:center;
	font-size:0.9em;
	padding:1px 0px 0px 0px;
	}	


/* pagination
-------------------------------------------------------------- */
#pagination {
	clear:both;
	width:740px;
	position:relative;
	padding:0px 20px 5px 0px;
	margin:0px 0px 0px 247px;
	/*margin:0px 0px 5px 0px;*/
	color:#000;
	height:20px;
	/*background:#CCCC00*/
	
}

#pagination a {
	text-decoration:underline;
}

#pagination a:hover, #pagination a.active {
	/*color:#ff0000;*/
	text-decoration:none;
}



#paginationRight {
	position:relative;
	float:right;
	padding:0px 5px 0px 0px;
}


#paginationLeft {
	float:left;
	position:relative;
}

/* pagonation
-------------------------------------------------------------- */

#contactForm {
	padding:0 0 0 0; 
	height: auto !important;
	min-height:1px;
	height:1px;/**/
	display:table;
	width:677px;
}


#contactFormLeft{
	position:relative;
	margin:0px;
	float:left;
	width:40%;
}


#contactFormRight {
	position:relative;
	float:left;
	width:60%;
}


#contactFormRight div {
	padding:0 0 2px 0;
	margin:0px;
	text-align:right;
	font-weight:bold;
}

#contactFormRight div.header {
	font-weight:bold;
	text-align:left;
	padding:0px 0px 10px 0px;
	}

#contactFormRight div input {
	width:240px;
	height:15px;
	
}

#contactFormRight div textarea {
	width:240px;
	height:85px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}


#contactFormRight div.sendBtn {
	padding:1px 163px 0 80px;
	position:relative; 
	float:right; 
	
	/*clear:both;*/
}

div.sendBtn input
{
	width:84px !important;
	height:19px !important;
}

.msgTitle {
	position:relative; 
	float:right; 
	}
	
.msgBoxContainer {
	position:relative; 
	float:right;  
	padding:0px; 
	margin:0px; 
	}	
	

#contactFormRight div.err {
	font-weight:normal;
	text-align:left;
	color:#FF0000;
	display:none
}