/* GENERIC STYLES */

* {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

body {
	margin-top:0px;
	padding:0px;
	background:#a7a7a7;
}

p {
	margin:5px 0px 5px 0px;
}

h2, h3 {
	color:#333333;
        font-size:13px;
	margin:24px 0px 5px 0px;
}

table tr td {
	padding:0px;
	vertical-align:top;
}

a {
	color:#125684;
	text-decoration:none;
}

a:hover {
	background:url(/assets/images/cmito-template/bg-nav-vertical.png);
}

h1 {
	font-weight:bold;
	font-size:13px;
	color:#333;
	line-height:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a img {
	border:none;
}

.hide {
	display:none;
}


/* MAIN AREAS */


#grey-backdrop {	
	background:transparent url(/assets/images/cmito-template/bg.jpg) repeat-y scroll center top  !important;
	margin:0px auto;
	padding:0px 25px;
	position:relative;
	text-align:left;
	width:840px;
}


#content {
	background:#FFFFFF;
	width:800px;
	position:relative;
	margin:0px auto;
}



/* HORIZONTAL NAVIGATION BAR */

#nav-horizontal {
	height:30px;
	width:584px;
	margin:0px;
	padding:6px 0px 6px 216px;
	background:#b7ccda;
	font-size:9px;
}

#nav-horizontal p {
	float:left;
        margin: 8px 0px;
}

.search {
       width:109px;
}

.button {	
	position:absolute;
	right:-73px;
	top:0;
}

.text {
	width:100px;
}

#searchform {
	position:absolute;
	right:110px;
	top:130px;
}

/** VERTICAL NAVIGATION BAR AND LOGOS */

#nav-vertical {
	border-bottom:3px solid #FFFFFF;
}


#nav-vertical ul {
	margin:0px 0px 0px 34px;
	list-style-type:none;
}

#nav-vertical ul li {
	margin:5px 10px 10px 7px;
	padding:0px;
}

#nav-vertical ul li a {
	font-weight:bold;
	font-size:11px;
}

#nav-vertical ul li a:hover {
	background:#b7ccda;
}

#nav-vertical ul li:hover {
	list-style:url(/assets/images/cmito-template/bullet-arrow.png);
}

.LGlob_active {
	list-style:url(/assets/images/cmito-template/bullet-arrow.png);
}


#nav-vertical, #below-nav {
	margin:0px;
	position:relative;
	padding:15px 7px 20px 7px;
	width:176px;
	background:url(/assets/images/cmito-template/bg-nav-vertical.png);
}

#below-nav {
	text-align:center;
}

#below-nav img {
	margin:10px;
}

.nav {
	background:url(/assets/images/cmito-template/bg-nav-vertical.png);
}


/* HEADER STYLES */

#header {
	margin:0px auto;
	width:800px;
	height:120px;
	background:#FFFFFF;
}


.logo {
	position:absolute;
	top:15px;
	left:30px;
}

.header {
	position:absolute;
	top:0px;
	right:0px;
}

#content-area {
	background:url(/assets/images/cmito-template/bg-content.png) no-repeat #FFFFFF bottom right;
	width:800px;
	position:relative;
	margin:0 0px 0 0;
}

#content-area-inside {
	background:url(/assets/images/cmito-template/bg-content-inside.png) no-repeat #FFFFFF bottom right;
	width:800px;
	position:relative;
	margin:0 0px 0 0;
}

/* CLIENT UPDATABLE AREA */

#etomite-area h1 {
	font-weight:normal;
	font-size:21px;
	color:#125684;
	line-height:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
        margin: 0px 0px 6px 0px;
}

#etomite-area table tr td {
	padding:5px;
}

#etomite-area {
	padding:12px 20px 15px 20px;
}

#etomite-area p {
	line-height:1.5;
	margin:0px 0px 6px 0px;
}

#etomite-area ul li {
 	line-height:1.5;
	margin:0px 0px 10px 20px;
}

.line {
	padding:0px;
}

#whats-new {
	background:url(/assets/images/cmito-template/bg-whatsnew.png) repeat;
	margin:30px auto 0px auto;
	width:189px;
}

#whats-new p {
	padding:10px;
	font-size:10px;
}

#whats-new a {
       font-decoration: none;
       color: #333;
       background: none;
}

/* FOOTER STYLES */

#footer {	
	background:transparent url(/assets/images/cmito-template/bg-footer.jpg) repeat-y scroll center top  !important;
	margin:0px auto;
	padding:0px 25px;
	width:840px;
	height:50px;
}

#etoNotice {	
	display:none;
}

#contact-details {	
	padding:15px 15px 15px 15px;
	width:500px;
	margin:0px 0px 0px 10px;
}

#contact-details p {
font-size:10px;
}