@import 'reset.css';
/********************* CONTAINER ******************/


body {
	background:#fff url(../images/bg_gradient.png) repeat-x top;
}

#body {
	background: url("../images/bg-strip.png") repeat;
	font-family: Arial, Tahoma;
}

	 * html #body {
		background-image: none; 
	}

#pageWrapper {
	background: url(../images/page-bg.png) no-repeat 0 0;
	min-height:510px;
	width:862px;
	margin:0 auto;
}

#pageContainer {
	padding:11px 11px 11px 10px;
}

/********************* HEADER ******************/

#header {
	background:url(../images/header-img.png) no-repeat right top;
}

#header #logoDiv {
	height:164px;
}

#header #logoDiv span {
	color:#0039a1;
	font-size:24px;
	font-style:italic;
	float:left;
	margin-top:70px;
}

#header .logoImg, #header .logoImg img  {
	border:none;
	text-decoration:none;
}

#header .logoImg {
	float:left;
	margin: 50px 10px 0 30px;
}

/********************* NAVIGATION MENU ******************/

#nav {
	background: url(../images/nav-bg.gif) repeat-x 0 0;
	height:38px;
	width:100%;
	clear:both;
}

#nav ul { 
	margin:0 0 0 10px;
	padding:0;
}

#nav ul li { 
	float:left;
	list-style:none;
}

#nav ul li a {
	background:url(../images/navbar-menu.png) no-repeat right -29px;
	float:left;
	line-height: 29px;
	height: 29px; 
	font-size: 12px;
	cursor: pointer; 
	text-transform: uppercase; 
	padding-right:8px;
	margin: 3px 0 0 1px;
	text-decoration:none;
}

	* html #nav ul li a  { background-image: url("../images/navbar-menu.gif");}
	* html #nav ul li span   { background-image: url("../images/navbar-menu.gif");}
#nav ul li a:hover, #nav ul li.active a {
	background:url(../images/navbar-menu.png) no-repeat right -87px;
}

#nav ul li span  {
	background:url(../images/navbar-menu.png) no-repeat left 0;
	padding:0 8px 0 16px;
	line-height: 29px;
	height: 29px; 
	cursor: pointer; 
	display:block;
	float: left; 
	color:#FFFFFF;
	font-weight:bold;
}

#nav ul li a:hover span,   #nav ul li.active span {
	background:url(../images/navbar-menu.png) no-repeat left -58px;
}

/********************* CONTENT ******************/

#mainContent {
	background:#FFFFFF url(../images/left-content-bg.gif) repeat-x 0 0;
	padding: 10px 15px;
	min-height:300px;
	
}

#leftContent {
	width:639px;
	float:left;
	font-size:13px;
}

#leftContent p{
	margin: 0.5em 0 1em 0;
	line-height:1.4em;
}

#cWrapper {
	background:url(../images/content-bg.gif) no-repeat left bottom;
	padding-bottom:8px;
}

#content {}

.cBox { 
	background:url(../images/content-bg.gif) no-repeat left top;
	padding:15px;
	width:609px;
}

.welcomeText {
	color: #333333;
	font-size:14px;
	margin:5px 0 15px 0;
}

#leftContent .hTitle {
	color:#003391;
}

#content .listDiv {
	margin-left:5px;
}

ul.listing {
	color:#343434;
	font-size:13px;
	width:370px;
	margin-left:10px;
}

ul.listing li{
	list-style:none;
	background:url(../images/arrow-blue.gif) no-repeat left 3px;
	padding-left: 15px;
	margin-bottom:10px;
}

#leftContent .contentImg {
	float:right;
}

#content .more {
	background: url(../images/button-bg.gif) repeat-x 0 0;
	text-decoration:none;
	color:#FFFFFF;	
	padding:3px 15px;
	font-weight:bold;
	margin-top:5px;
	display:inline-block;
	
}

ul.listingGeneral {
	color:#343434;
	font-size:13px;
	margin-left:10px;
}

ul.listingGeneral li{
	list-style:none;
	background:url(../images/arrow-blue.gif) no-repeat left 3px;
	padding-left: 15px;
	margin-bottom:5px;
}

.services {
	float:left;
	width:400px;
}

.contact {
	color: #343434;
}

/********************* RIGHT CONTENT ******************/

#sWrapper {
	background:url(../images/sidebar-bg.gif) no-repeat left bottom;
	padding-bottom:8px;
	 
	width:160px;
	float:right;
}

#sidebar {
	background:url(../images/sidebar-bg.gif) no-repeat left top;
	padding:10px 0;
	color:#333333;
}

#sidebar h3.sTitle {
	margin:0;
	font-size:14px;
	margin:0 3px;
	padding:0 7px 5px;
	border-bottom:2px #e8f1ff solid;
	font-weight:normal;
}

#sidebar .newsListing {
	padding:5px 10px;
}

#sidebar .newsListing .item{
	margin:5px 0;
	display:inline-block;
}

#sidebar .newsListing .item,
#sidebar .newsListing  a {
		font-size:11px;
}

#sidebar .newsListing  a {
	text-decoration:none;
	color:#003ba7;
}
	
/********************* FOOTER ******************/

#footer {
	width:100%;
	border-top:1px solid #c1c1c1;
	padding-top:10px;
}

#footer,
#footer p {
	color:#4b4b4b;
	font-size:11px;
}


.borderBox {
	border:1px solid #dbe4f1;
	border-radius: 6px;
	padding: 0 15px 15px 15px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	background: #f4f8ff url("../images/content_gradient.png") repeat-x top;
}


/******************** Commonly used **************/
a				{ text-decoration:none;}
a:hover 			{ text-decoration:underline;}
.fl 				{ float:left;}
.fr 				{ float:right;}
.clear 			{ clear :both }
.marginT10		{ margin-top:10px;}
.marginT20		{ margin-top:20px;}
.noMarginT		{ margin-top:0;}
.textCenter		{ text-align:center;}