body {color: black; background-color: white; font-family:Verdana, tahoma, sans-serif; font-size:0.8em; margin: 0; }
img { border: 0; }
h1, .heading1 { color: #4D3D05; font-size: 1.5em; font-family: tahoma, verdana, sans-serif; font-weight: bold; }
h2, .heading2 { color: #3A3A3A; font-size: 1.2em; font-family: tahoma, verdana, sans-serif; padding-top: 1em;}
h3, .heading3 { color: #4D3D05; font-size: 1.1em; font-family: tahoma, verdana, sans-serif; font-weight: bold;}

/*----- general -----*/
.center {text-align: center;}
.smaller { font-size: 0.8em; }
.strong {font-weight: bold;}
.red {color: #900;}
.regbox {border: dashed #000000 0.25em; padding: 1em; width: 60%; margin: 0 auto;}
.infobox {background-color: #FFFFCC; padding: 1em; margin: 0 1em; border: solid 1px #eee }
.warning { color: red; font-weight: bold; }
.highlight { background-color:#FFFF66; }
.quote {font-size: 0.9em; color: #fff; font-weight: bold; text-align: right;}
.quote em {text-align: left; display: block;}
.float_left { float: left; padding: 0 1em 1em 0; clear: left; }
.float_right { float: right; padding: 0 0 1em 1em; clear: right;}
ul.benefits { list-style-type: none; list-style-image: url(../images/tick.gif); }
ul.benefits li { padding-bottom: 0.25em; }
form.login { font-size: 3em; font-family: arial, helvetica, sans-serif; color: #666; }
input.login { font-size: 1em; width: 10em; height: 1.25em; border: 1px solid #A8ACC2; font-family: arial, helvetica, sans-serif; padding-left: 6px; padding-top: 4px; color: #666;}
.featurecol {float: left; margin: 0; width:28em;}
.featurepad {margin-right: 0.95em;}
.featured {border: 1px solid #4D3D05; margin-bottom: 1em;}
.featured h2, h3.featured {color: #fff; background-color: #4D3D05; font-size:0.9em; padding:0.5em; margin-top: 0;}
.featured ul {margin: 0;padding: 0 1em 1em; list-style: none;}
.featured p {padding: 0 1em;}


/*----- structure -----*/
#container { width:76em; margin: 0 auto;}
#header_title { width:100%; text-align: right; margin: 0; }
#header_title h1, #header_title .heading1 { color: #4D3D05; font-size: 2em; font-weight: bold; line-height: 1em; margin: 0; padding: 0.25em 0;}
#header_title .heading2 { color: #5C5C5C; font-weight: bold; line-height: 1em; margin: 0; padding: 0.25em 0;}
#header_image {width: 76em; height: 10em; position: relative;}
#header_image img { margin: 0; width: 76em; height: 10.8em; position: absolute; z-index: -1;}
#header_image h1 { margin: 0.25em 0 0; color: #ffffff; font-size: 1.5em; padding: 2em 0 0 3em; width: 75%;}
#content_wrapper { background-color: #99CC66; }
#main {  float: right; width: 57em; background-color: #FFFFFF; margin: 0; padding: 0 0 1em 1.9em; border-left: 1px dotted #000;}
#sidebar { width: 16em; padding: 0.5em 0 0.5em 0.5em;}
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar p {margin-top: 0;}
#sidebar h1 { color:#4D3D05; font-size:1.1em; font-weight:bold; margin-top: 0;}
#sidebar img { max-width: 15em;}
#sidebar #quotgrad { width: 15em;}
#footer { font-size:0.8em; color: white; background-color: #4D3D05; width:100%; text-align: center; margin: 0; padding: 0.5em 0; position: relative; vertical-align: middle;}
#footer img { margin: 0; position: absolute; right: 0; bottom: 0;}
#footer a:link, #footer a:visited { color: white; text-decoration: none; text-align: center;}
#footer a:hover, #footer a:active, #footer a:focus { color: white; text-decoration: underline;}
#copyright { text-align: center; }
#sidebar_right {width:18em;float:right;}
div.boxquote_right { width: 16em; padding: 0.5em; color: #000; background-color: #e0fac5; margin: 0.5em; -moz-border-radius: 1em; border: 1px solid #2B5005}
div.boxquote_right h2 {padding: 0; margin: 0; white-space: nowrap;}
div.course_box { font-family: tahoma, verdana, sans-serif; line-height: 11pt; background-color: #fab5fa; text-align: center; width: 75%; padding: 0.5em; margin: 1.5em auto; border: solid 2px #800080; }


/*----- css rows -----*/
div.row { clear:both; padding-top: 1em}
div.row label { font-weight: bold; float: left; width: 12em; text-align: right  }
#ss_row { clear: both; padding-top: 10px; vertical-align: middle; }
#ss_row label { float: left; display: block; width: 400px; text-align: left; padding-right: 20px; }
#ss_row select { vertical-align: middle; font: 1em Verdana, arial; }

/*----- clearfix -----*/
.clearfix:after { content: ".";display: block;height: 0;font-size: 0;clear: both;visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE5/Mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE5/Mac */


/*----- FAQ -----*/
.faq-list, .faq-list ul, .faq-list li{ list-style:none; margin:0; padding:0; }
.faq-list li { cursor:default; font-weight:bold; margin:1em 0 0 0; }
.faq-list li.collapsed, .faq-list li.expanded { cursor:pointer; font-weight: bold;} 
/* first level */
.faq-list li, .faq-list li.collapsed{background:#fff url('../images/arrow_r.gif') no-repeat 0 .2em;	padding:0 0 0 30px;} 
.faq-list li.expanded{background:#fff url('../images/arrow.gif') no-repeat 0 .2em;	padding:0 0 0 30px;}
/* second level */
.faq-list li ul, .faq-list li li{background:#fff;font-weight:normal;}
.faq-list li li.collapsed{background:#fff url('../images/arrow_r.gif') no-repeat 5px .4em;} 
.faq-list li li.expanded{background:#fff url('../images/arrow.gif') no-repeat 5px .4em;}
/* third level */
.faq-list li li ul, .faq-list li li li{background:#fff;}
.faq-list li li li.collapsed{background:#fff url('../images/arrow_r.gif') no-repeat 5px .4em;} 
.faq-list li li li.expanded{background:#fff url('../images/arrow.gif') no-repeat 5px .4em;}
/* show/hide buttons */
p.faq-list { height:1.5em; margin:1em 0; }
p.faq-list a { background:#fff; border:1px solid #278E94; color:#278E94; cursor:pointer; float:left; font: normal .7em verdana, tahoma, arial, sans-serif; height:1.5em; line-height:1.5em; margin-right:0.5em; padding:0 1em; }
p.faq-list a:hover { background:#eee; }
.faq-list li:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.faq-list li { display: inline-block; }
* html .faq-list li { height: 1%; }
.faq-list li { display: block; }
/* End FAQ */

/*** menu coding ***/
/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */

/* remove all list stylings */
.menu, .menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;	/* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;		/* thus we need to apply explicit z-index here... */
}

.menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

.menu li li {
	float: none;/* items of the nested menus are kept on separate lines */
}

.menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0;	/* while hidden, always keep them at the top left corner, */
	top: 0;		/* 		to avoid scrollbars as much as possible */
}

.menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%;	/* 1st level go below their parent item */
}

.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */
	top: 0;
	left: 100%;
}

/* -- float.clear --
	force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu, .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
.menu ul {
	background-image: url(/images/empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.
								you can also use to adjust the safe area to your requirement */
}
.menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}
/* -- sticky.submenu.END -- */

/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */
.menu, .menu ul li {
	color: #eee;
	background: #4D3D05;
	font-size: 0.9em;
}

.menu ul {
	width: 11em;
}

.menu a {
	text-decoration: none;
	color: #fff;
	padding: .4em 1em;
	display: block;
	position: relative;
}

.menu a:hover, .menu li:hover>a {
	color: #a1D371;
	text-decoration: underline;
}

.menu li li {	/* create borders around each item */
	border: 1px solid #5C5C5C;
	background-color: #D0B46F;
	color: #4D3D05;
}

.menu>li li>a {
	margin: 0 2px;
	background-color: #E7E7E7;
	color: #4D3D05;
	cursor: pointer;
}

.menu>li li:hover>a {
	color: #ffffff;
	background-color: #5C5C5C;
	text-decoration: none;
}

.menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */
	top: 5px;
	left: 90%;
}

/* Fix for IE5/Mac \*//*/
.menu a {
	float: left;
}
/* End Fix */
/*** end menu coding ***/