@charset "utf-8";

* {margin: 0; padding: 0;}

html, body {height: 100%;}

body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;	
}

p {
	line-height: 1.6em; 
	margin-bottom: 1.4em;
	}
	
ul, ol {margin: 0 0 16px 20px; }

li {line-height: 1.6em; }

a {color: #0e52a2;}
a:hover { text-decoration: none; }

img {border: 0;}

#wrap {
	width: 958px;
	min-height: 100%;
	margin: 0 auto;
	padding: 0 8px;
	background: url(../images/bg_wrap.png) center 0 repeat-y;
	}

* html #wrap {height: 100%}

#top {
    height: 283px; 
    background: url(../images/head.online.jpg) no-repeat;
}

#top.main {background: url(../images/head.online.jpg) no-repeat;}
#top.generic {background: url(../images/head.online.jpg) no-repeat;}
#top.gcit {background: url(../images/head.gcit.jpg) no-repeat;}
#top.scas {background: url(../images/head.scas.jpg) no-repeat;}
#top.apex {background: url(../images/head.apex.jpg) no-repeat;}
#top.nqets {background: url(../images/head.nqets.jpg) no-repeat;}
#top.turrell {background: url(../images/head.turrell.jpg) no-repeat;}
#top.uws {background: url(../images/head.uws.jpg) no-repeat;}

#top h1 {float: left;}
#top h1 strong {display: none;}

#content {
	clear: both;
	float: left;
	width: 550px;
	padding: 0 42px 40px 80px;
	background: url(../images/bg_content.gif) no-repeat;
	}
	
#content h1 {
	color: #01499d;
	font-size: 1.5em;
	margin-bottom: .6em;
	font-weight: normal;
	}
	
#content h2 {
	color: #6c6f71;
	font-size: 1.4em;
	margin-bottom: .2em;
	}

#sidebar {
	float: left;
	width: 214px;
	font-size: 11px;
	}
	
#sidebar .box {
	margin-bottom: 8px;
	padding-bottom: 24px;
	background: url(../images/bg_sidebox.png) left bottom no-repeat;
	}
	
#sidebar .heading {
	padding: 8px 12px;
	background: url(../images/bg_sidebox-top.png) no-repeat;
	}
	
#sidebar .heading h1 {
	display: block;	
	padding: 4px 10px;
	color: #FFF;
	font-size: 1.2em;
	}

#sidebar #login .heading h1 {background: #d35c2b}
#sidebar #demo .heading h1 {background: #72428a}
#sidebar #req .heading h1 {background: #6d6e70}
#sidebar #contact .heading h1 {background: #619517}
	
#login form {margin: 0 16px ;}
	
#login form input {
	width: 172px;
	border: 1px solid #999999;
	}
	
#login form button {
	float: left;
	padding: 2px 4px;
	margin-right: 8px;
	background: #d35c2b;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	border: none;
	}
	
#demo div.link {	
	width: 184px;
	margin: 0 auto 6px auto;
	background: url(../images/bg_link.png) 0 bottom no-repeat;
	}
	
#demo div.link a {
	display: block;
	padding: 6px 8px;
	color: #333;
	font-size: 12px;
	text-decoration: none;
	background: url(../images/bg_link-top.png) no-repeat;
	}
#demo div.link a:hover { text-decoration: underline; }
	
#demo div.link a strong {
	display: block;
	padding-left: 18px;
	background: url(../images/bullet.png) 0 3px no-repeat;
	}
	
#req ul {margin: 0 24px 8px 36px;}
#req p { text-align: center; }

#contact p {margin: 0 20px 8px 24px;}