body {background-repeat:repeat-y; background-position:center;font: 100% "Franklin Gothic", Verdana, Geneva, Arial, Helvetica, sans-serif;margin: 0;padding: 0;text-align: center;color: #000000;font-size:12px}
body.a {background-color:#44b6ac; background-image: url(../img/bg_la.jpg)}
body.b {background-color:#0890ca; background-image: url(../img/bg_lb.jpg)}
body.c {background-color:#49579e; background-image: url(../img/bg_lc.jpg)}
body.d {background-color:#4fb06d; background-image: url(../img/bg_ld.jpg)}
body.e {background-color:#015d5a; background-image: url(../img/bg_le.jpg)}  
.twoColFixRt #container { 
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.twoColFixRt .sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 400px;
}

tr.even {background-color:#CCC}


.sidebar1 .heading {padding-left:20px;		}


.sidebar1 .content {border:solid #44b6ac;padding-left:20px;	border-width: 0 0 0 2px;}
.twoColFixRt .mainContent {margin: 0 400px 0 0; padding:0px 20px 0px 0px} 
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* general element styles */

dt {font-weight:bold}
dd {margin-bottom:10px;}
a {text-decoration:none;color:#49579e}
a:hover {text-decoration:underline}
em {font-style:normal; font-weight:bold}
td {vertical-align:top}

div #bigbanner {margin-top:20px; margin-bottom:20px} 
div #banner {background: no-repeat top left url(../img/banner.jpg) #fff; height:140px; width:100%; margin-top:30px}
div #menuWrap {padding-bottom:50px; }
a.login {font-face:Arial, Helvetica, sans-serif; font-size:10pt; font-weight:100; text-decoration:none; color:#fff;margin-top:20pt;margin-left:20pt}
/*div.login {margin:20px;width:150px; height:40px; background-color:#0fa58e}*/
div #countdownWrap{margin-top:30px; margin-bottom:20px; width:100%;background-color:#44b6ac;color:#fff;height:35px}
div #countdown{width:100%;text-align:center;color:#fff;font-size:14px;top:10px;position:relative}
div #footer {width:100%;margin-top:30px}
div.gen #footer {margin-bottom:100px}
div #footer h4 {color:#44b6ac;margin-top:1em;margin-bottom:0.2em;border: solid #44b6ac;border-width: 1px 0px 0px 0px; padding-top:15px  }
div.footbox {float:left;width:200px;margin-right:25px;color:#44b6ac;font-size:14px}
div.footbox a {font-weight:bold;text-decoration:none; color:#44b6ac;} 
div.bigfootbox {float:left;width:450px;margin:0px;color:#44b6ac;font-size:12px}
div.bigfootbox a {font-weight:normal;color:#44b6ac;}
div #cyb {text-align:right}
#sponsors {margin-bottom:100px} 
#sponsors div.footbox {width:450px;margin-right:0px;font-size:12px}
h1,h2,h3 { margin-bottom: .5em;font-weight:100; font-family: Arial, Helvetica, sans-serif; line-height: normal;}
h2 {margin-bottom: 0.2em;margin-top:2em}
h2.weighted {font-weight: 900;}
h3 {font-size:14px; margin-top:2em; }
h3.faq {margin-bottom:0.2em;color:#000;font-weight:bold}
a img {border:0px}
div.prospectus {float:left; width:100%; margin-right:25px; margin-top:23px; color:#44b6ac; font-size:14px; vertical-align:middle;}
div.prospectus a {font-weight:bold; text-decoration:none; color:#44b6ac;}
img.prospectus { /* this class can be used to float a tall prospectus image left, with enough margin to roughly centralise the image, use within prospectus Div*/
	float: left;
	margin-right: 8px;
	position: relative;
	bottom: 23px;
}

/* news item styles for homepage teasers */
div.newsImg{float:left;padding:0}
div.newsWords{float:right;padding:0;width:275px}
div.newsWords p {margin-top:0.5em}
div.newsWords span.headline {font-size:12px;font-weight:bold}
div.newsImg img {border:solid 1px #44b6ac;background-color:#44b6ac;width:90px;height:90px;margin:0}
div.newsItem {margin:0px 0px 10px 0px;padding:0}
div.newsItem p {margin-bottom:2px;}
div.newsItem a {font-size:10px}

/* sidebar styles for picture captions */
.sidebar1 p {margin-bottom:30px}



/* news item styles for actual news page */
.news img {float:left;height:100px;width:100px;border: solid 1px #44b6ac;margin: 10px 10px 0px 0px}
div .newsItemMain {border: solid 0px; border-top-width: 1px; border-top-color:#49579e;}


/* menu styles */


ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown {
 /*font-weight: bold;*/
}

	ul.dropdown li {
		/*
	 padding: 7px 10px;
	 border-style: solid;
	 border-width: 1px 1px 1px 0;
	 border-color: #fff #d9d9d9 #d9d9d9;
	 */
	 background-color: #ff0000;
	 width:85px;
	 height:25px;
	 color: #fff;
	 text-align:center;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 /*background-color: #f6f6f6;*/
	 color: #fff;
	}	
	
	ul.dropdown li.a {
	 background-color: #44b6ac;
	 margin-right:5px;
	}
	
	ul.dropdown li.b {
	 background-color: #0890ca;
	 margin-right:6px;
	}
	
	ul.dropdown li.c {
	 background-color: #49579e;
	 margin-right:5px;
	}
	
	ul.dropdown li.d {
	 background-color: #4fb06d;
	 margin-right:6px;
	}
	
	ul.dropdown li.e {
	 background-color: #015d5a;
	 margin-right:5px;
	}
	
	ul.dropdown li.last {
	 margin-right:0px !important;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #fff; text-decoration: none; font-size:11px; margin:auto;position:relative;top:5px;}
	ul.dropdown a:hover		{ color: #fff; text-decoration: none;}
	ul.dropdown a:active	{ color: #fff; text-decoration: none;}


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 85px;
	 /*margin-top: 1px;*/
	 background-color:#CCC;
	}

		ul.dropdown ul li {
		 font-weight: normal;
	     margin-top: 1px;
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
 padding-right: 20px;
 background-image: url(images/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
 background-image: url(images/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(images/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(images/nav-arrow-left.png);
 background-position: 0 50%;
}