@charset "UTF-8";

* {margin: 0; padding: 0;}

body {
	background: url(images/bg_body.png) repeat-x;
	color: #6f6f6f;
	font: 12px "Calibri","Lucida Grande", 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
}

img, img a {border: 0}

h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; }

p {
	line-height: 1.4em;
	margin-bottom: 1em;
	}
	
strong {color: #111;}
	
a {color: #40788c;}
a:hover {text-decoration: none; }
	
.left {float: left}
.right {float: right}

img.left {float: left; margin: 0 24px 24px 0}
img.right {float: right; margin: 0 0 24px 24px;}


#header {
	width: 940px; 
	margin: 0 auto;
	background: url(images/bg_top.gif) 610px 0 no-repeat;
	height: 30px;
	padding: 22px 32px 38px 30px;
	}
	* html #header {padding-bottom: 0;}
	
#logo h1 a {
	background: url(images/logo.gif) no-repeat;
	display: block;
	height: 30px;
	margin: 0 0 38px 0;
	width: 174px;
	}
	#logo h1 strong {display: none;}
	
#nav li {
	background: url(images/bg_nav-li.gif) right 0 no-repeat;
	float: left;
	list-style: none;
	}
	
#nav li a {
	color: #0c4c65;
	display: block;
	line-height: 25px;
	padding: 0 16px;
	text-decoration: none;
	}
	
#nav li a:hover, #nav li a.menu-current {background: #0c4c65; color: #FFF;}

#wrap {
	clear: both; 
	padding: 16px 0;
	width: 1000px;
	margin: 0 auto;
	}
.box-sidebar {
	float: left;
	width: 224px;
	margin-bottom: 16px;
	padding-bottom: 24px;
	background: url(images/bg_box-side.png) 0 bottom no-repeat;
	min-height:180px;
  height:auto !important;
  height:180px;

	}
	
	.box-sidebar h1 {
		display: block;
		height: 20px;
		padding: 16px 20px 0 20px;
		color: #FFF;
		font-size: 1em;
		background: url(images/bg_box-side-h1.gif) no-repeat;
		}
	
	.box-sidebar p {
		margin: 8px 20px 8px 20px;}


#content {
	float: left;
	width: 500px;
	padding: 8px 24px;
	}
	
	#content h1, .box-bottom h1 {
		color: #004b65;
		font-size: 1.4em;
		margin-bottom: 1em;
		font-weight: normal;
		}
		
	#content h2 {
		color: #004b65;
		font-size: 1.1em;
		margin-bottom: 1em;
		padding-top: 8px;
		}
		
	#content ul, #content ol {margin: 0 0 20px 20px;}
	#content li {line-height: 1.6em;}
	
.box-bottom {
	background: #e5edef url(images/bg_box-bottom.png) repeat-x;
	float: left;
	margin: 0 20px 20px 8px;
	padding: 2px 8px;
	width: 292px;
	}
	* html .box-bottom {margin: 0 20px 20px 4px;}
	
	
	.box-bottom h1 {
		font-size: 1em;
		margin: 6px;
		}
	.box-bottom h1 a {color: #004b65;}
		
	.box-bottom a { text-decoration: none; }
	.box-bottom a:hover { text-decoration: underline; }
	
	.box-bottom img {border: 1px solid #FFF;}

#footer {
	margin-top: 32px;
	background: url(images/bg_footer.gif) 0 bottom repeat-x;
	padding-bottom: 64px;
	text-align: center;
	}

/* CLEARFIX */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/*================= STYLES FOR MAIN TEMPLATE ==============*/

#left-nav {padding-bottom: 0;}

#left-nav ul {padding: 16px; background: url(images/bg_leftnav-ul.gif) no-repeat;}

#left-nav li {
	list-style: none;
	margin-bottom: 2px;
	}
	
	
#left-nav li a {
	display: block;
	color: #FFF;
	background: #0c4c65;
	padding: 4px 16px; 
	text-decoration: none;
	}
* html #left-nav li  a {height: 1%;}
	
#left-nav li a:hover {
	background: #F0F0F0;
	color: #0c4c65;
	 }


/*================= WHAT WE DO ======================*/

table#whatwedo td {
	padding: 4px 6px;
	vertical-align: top;
	background: #f0f0f0;
	border-bottom:3px solid #FFF;
	}