@import url("reset.css");
@import url("navigation.css");

body {
	/* Reduce default font size to 10pt */
    font: 75%/1.5 Arial, Verdana, Sans-serif;
    background-color: #9e9995;
    color: #3e3e3e;
}

a:link, a:visited, a:hover {
	text-decoration: underline;
}

a {
    color: #036fbb;
}

a:hover {
	color: #1a98f1;
}

#main a {
	color: #1985bb;
}
#main a:visited {
	color: #085f8a;
}
#main a:hover {
	color: #1a98f1;
}


strong, b {		font-weight: bold;	}
em, i {			font-style: italic;	}
.clear {		clear: both; }


h1 {
	font-size: 130%;
	font-weight: bold;
	padding-bottom: 8px;
	margin-bottom: 16px;
}

h2 {
	color: #676767;
	font-size: 130%;
	font-weight: bold;
	padding-bottom: 8px;
	margin-bottom: 6px;
}
h3 {
	color: #16754a;
	font-size: 120%;
	font-weight: bold;
	padding-bottom: 2px;
	margin-bottom: 2px;
	border-bottom: 1px dashed #dedede;
}
h4 {
	font-size: 100%;
	font-weight: bold;
	padding-bottom: 4px;
	margin-bottom: 16px;
}

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

#main ul {
    padding: 0px 0px 0px 31px;
	list-style-image: url('/images/interface/li.gif');
    /*list-style-position: inside;*/
}

#main ol {
    padding: 0px 0px 0px 31px;
	list-style: decimal;
    /*list-style-position: inside;*/
}

#main ul li {
    margin: 4px 0px;
}

#main ol li {
    background-image: none;
    margin: 4px 0px;
}

.container {
	width: 970px;
	margin: 0px auto;
	clear: both;
}



/*-------------------
	header elements
--------------------- */

#header {
	width: 959px;
	height: 105px;
	background-color: #ffffff;
	padding-left: 6px;
	padding-right: 5px;
}

#logo {
	float: left;
}

#logo a img {
	border: 0px;
}

#search {
	float: right;
}

.searchInput {
	padding: 37px 6px 0px 0px;
}

.searchButton {
	padding: 37px 10px 0px 0px;
}

.searchInput input {
	width: 150px;
	color: #626262;
	background-color: #f0f0f0;
	border: 1px solid #e1e1e1;
	font-size: 11px;
	padding: 4px 4px 3px 4px;
}



/*-------------------
	main elements
--------------------- */

#main {
	width: 959px;
	padding-left: 6px;
	padding-right: 5px;
	background: #ffffff url('/images/interface/main_bottom.gif') bottom left no-repeat;
}

#homepage #feature {
	width: 959px;
	height: 234px;
	background: #273f95 url('/images/interface/homepage_testawards.jpg') top left no-repeat;
}

#homepage #feature #banner-link {
	padding: 176px 0 0 648px;
}

#homepage #feature #banner-link a {
	display: block;
	width: 288px;
	height: 34px;
	text-indent: -9999px;
}



/*-------------------
	sidebar elements
--------------------- */

#sidebar {
	width: 303px;
	background: #eaeaf0 url('/images/interface/homepage_sidebar_bg.gif') bottom left repeat-x;
	margin: 9px 0px 5px 0px;
	float: left;
}

#course_header {
	width: 303px;
	height: 55px;
	background-color: #008d4d;
}

#sidebar .course {
	margin: 13px 23px 0px 23px;
	color: #262626;
}

#sidebar .course a {
	background: transparent url('/images/interface/sidebar_li.gif') 0px 4px no-repeat;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	display: block;
	color: #036fbb;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

#sidebar .course a:hover {
	color: #1a98f1;
}

#sidebar .course .course_date {
	padding: 0px 0px 0px 10px;
	font-size: 10px;
}

#sidebar_content_wrap {
	background: transparent url('/images/interface/homepage_sidebar_bottom.gif') bottom left no-repeat;
}

#sidebox {
	padding: 0px 10px 8px 10px;
	margin-top: 20px;
}

#sidebox_top {
	height: 7px;
	background: transparent url('/images/interface/homepage_sidebar_box_top.gif') bottom left no-repeat;
}

#sidebox_content {
	background-color: #f8f8f8;
	padding: 10px 10px 10px 20px;
}

#sidebox_content h2 {
	color: #008d4d;
	font-size: 16px;
	margin: 0px;
}

#sidebox_content h2 a, #sidebox_content h2 a:visited, #sidebox_content h2 a:hover {
	color: #008d4d;
	text-decoration: none;
}

#sidebox_content h2 a:hover {
	text-decoration: underline;
}

#sidebox_bottom {
	height: 7px;
	background: transparent url('/images/interface/homepage_sidebar_box_bottom.gif') top left no-repeat;
}


#featured_product {
	width: 490px;
	float: left;
	margin: 20px 0px 20px 0px;
	padding: 0px 20px 0px 0px;
	border-right: 1px solid #e1e1e1;
}

#featured_product h3 {
	font-size: 14px;
	font-weight: bold;
	color: #035793;
	margin: 10px 0px 0px 0px;
}

#featured_product h3 a {
	text-decoration: none;
}

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

#featured_product img {
	margin-right: 10px;
}

#accreditation {
	float: left;
	padding: 30px 10px 0px 10px;
}

#accreditation a img {
	border: 0px;
}





/*-------------------
	section elements
--------------------- */

#section {
	width: 232px;
	background: #eaeaf0 url('/images/interface/section_spacer.gif') top left repeat-y;
	margin: 9px 0px 5px 0px;
	float: left;
}

#section_header {
	width: 232px;
	height: 36px;
	background-color: #796f66;
}

#section_content_wrap,
#downloads_content_wrap {
	background: transparent url('/images/interface/section_bg.gif') bottom left no-repeat;
	padding: 0px 15px 0px 15px;
}

#main #downloads_content_wrap ul {
    padding: 0;
	list-style-image: none;
}

#main #downloads_content_wrap ul li {
    margin: 0;
}


.section_link {
}

#level2 #ctoc a,
#level2 #downloads_content_wrap ul li a {
	padding: 5px 0px 5px 14px;
	display: block;
	border-bottom: 1px solid #e1e1e1;
	text-decoration: none;
	color: #626262;
	background: transparent url('/images/interface/li.gif') 4px 10px no-repeat;
	font-weight: bold;
}

#level2 #downloads_content_wrap ul li a {
	font-weight: normal;
}

#level2 #ctoc .ctoc_children a {
	font-weight: normal;
}

.ctoc_children .ctoc_children {
	padding-top: 5px;
	margin-left: 10px;
}

#level2 #ctoc .ctoc_children .ctoc_children a {
	color: #038549;
	background: transparent url('/images/interface/menu_li.gif') 4px 6px no-repeat;
	border-bottom: 0px;
	padding: 1px 0px 1px 14px;
}

#level2 #ctoc .ctoc_children .ctoc_children a:hover {
	color: #1a98f1;
}

#level2 #ctoc a:hover {
	color: #1a98f1;
	text-decoration: underline;
}

#ctoc {
	padding-bottom: 5px;
	margin-bottom: 0px;
}



/* Search Results */
.search_result {
	padding: 0px 20px 25px 0px;
}


h3.section_header {
	margin: 0px 0px 4px 0px;
	padding: 0px;
}

.section_header a {
	font-weight: bold;
	background: transparent url('../images/interface/li.gif') 0px 4px no-repeat;
	text-decoration: none;
	padding: 0px 0px 0px 10px;
}




/*-------------------
	homepage content
--------------------- */

#content {
	width: 648px;
	float: left;
	margin: 9px 0px 5px 8px;
}

	/* New Section for Homepage */
	#content #bottomFrame{width:630px;margin:15px 0px 0px 0px;margin:0 auto;padding:15px 0px 15px 0px;}
		#bottomFrame #our_work{float:left;width:370px;margin:0px 20px 0px 0px;}
		#bottomFrame #events{float:left;width:240px;}

		#our_work #title,
		#events #title{
			border-bottom:1px solid #E9E9E9;
			margin:0px 0px 10px 0px;
		}
		#our_work #title a,
		#events #title a {

			color:#2DA1BA;
			text-decoration: none;
			font-family:Arial;
			font-size:18px;

		}

		#our_work #our_work_content strong,#events #events_content strong{color:#273C83;text-decoration:uppercase;}
		#our_work #our_work_content img,#events #events_content img{padding:5px 10px 5px 0px;}
		#our_work #our_work_content a{color:#1C99B9;text-decoration:none;}
		#our_work #our_work_content #work_block strong{color:#1B1B1B;}

		#events #events_content a{color:#A6ACAC;text-decoration:none;}

		#our_work #our_work_content a:hover,#events #events_content a:hover{text-decoration:underline;}
		#our_work #our_work_content,#events #events_content{color:#828282;}

		#events_content{
			padding:0px 60px 0px 0px;
			background:url("/images/nata_logo.jpg") no-repeat bottom right;
		}
		#events_content #event_block a{color:#273C83;text-decoration:uppercase;}


#topbox {
	background: transparent url('/images/interface/homepage_box_spacer.gif') top left repeat-y;
}

#topbox_bg {
	background: transparent url('/images/interface/homepage_box_bottom.gif') bottom left no-repeat;
}

#topbox_top {
	height: 11px;
	background: transparent url('/images/interface/homepage_box_top.gif') top left no-repeat;
}

#topbox_content {
	padding: 4px 20px 10px 30px;
}

#topbox_content h2 {
	color: #273c83;
	font-size: 16px;
	font-style: italic;
	margin: 0px;
}

#main #topbox_content ul {
	width: 280px;
	float: left;
}

#main #topbox_content ul.first {
	width: 240px;
}

#main #topbox_content li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 300px;
}

#main #topbox_content .first li {
	width: 240px;
}



/*-------------------
	level2 overrides
--------------------- */

#level2 #content {
	width: 688px;
	padding: 20px 20px 20px 10px;
}

#level2 #feature {
	background: transparent url('/images/interface/feature_level2.jpg') top left no-repeat;
	height: 117px;
}

#level2 #feature h1 {
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
	padding: 35px 0px 0px 20px;
	margin-bottom: 0px;
}

#breadcrumbs {
	padding: 0px 0px 0px 20px;
	font-size: 11px;
	color: #ffffff;
}

#breadcrumbs a, #breadcrumbs a:visited, #breadcrumbs a:active {
	color: #c1ffe3;
	text-decoration: none;
	display: block;
	float: left;
	background: transparent url('../images/interface/arrow.gif') right 5px no-repeat;
	padding: 0px 10px 0px 0px;
	margin: 0px 10px 0px 0px;
}

#breadcrumbs a:hover {
	color: #ffffff;
}

#main ul#client-list {
	list-style-image: none;
	padding: 0;
}

#main ul#client-list li {
	float:	left;
	height:	86px;
	margin: 0;
	overflow: hidden;
	width: 166px;
}

/*-------------------
	footer elements
--------------------- */

#footer {
	font-size: 10px;
	color: #ffffff;
	margin: 3px 0px 0px 0px;
}

#footer a {
	color: #ffffff;
	text-decoration: none;
}

#footer .email a {
	color: #f8f515;
}

#footer .imagin8 a {
	color: #6d6d6d;
}

#footer .footer_item {
	float: left;
	margin: 0px 0px 0px 10px;
}

#footer .imagin8 {
	float: right;
	margin: 0px 10px 0px 10px;
}





.validation-failed {
	border: 1px solid #f00 !important;
}
.validation-advice {
	margin: 2px;
	padding: 2px;
	color:#f00;
}