/* NOTES: */


body {
margin: 0px;
padding: 0px;
font: 12px Arial, Helvetica, sans-serif;
line-height: 16px;
color: #000;
background: #FFFFFF url(../images/main_bg.gif) repeat-x ;
text-align:center;
}

.clear-both { clear:both; }
p { font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#000000; line-height: 16px; margin: 8px 0 8px 0; }
a {  color: #666; text-decoration:underline; }
a:hover {  color:#CCCCCC; text-decoration:underline;  }

/*____________________________________ MAIN CONTAINER ____________________________________*/

#mainContainer {  width: 990px; height:750px; padding: 0 0 0 0; margin-left: auto; margin-right: auto; margin-top:0; text-align: left; background-image:url(../images/mcon_bg.gif);  }
#header_container { height: 25px; width: 800px; padding: 0 0; margin-left: auto; margin-right: auto; margin-top: 0;}
#topStrip_container { height: 32px; width: 950px; padding: 0 0; margin-left: auto; margin-right: auto; margin-top: 0; background-image:url(../images/bg_top.gif);}
#top_container { height: 215px; width: 950px; padding: 8px 10px 8px 10px; margin-left: auto; margin-right: auto; margin-top: 0; }
#top { height: 318px; width: 990px; margin-left: auto; margin-right: auto; margin-top: 0; background: #FFFFFF url(../images/top_banner2.jpg) no-repeat top center;}
#undertop { height: 34px; width: 990px; margin-left: auto; margin-right: auto; background-image:url(../images/sub_top.gif); }
#midContainer {  width: 950px; padding: 0 0; background: #FFFFFF url(../images/bg_shade.gif) 0 0 repeat-y; margin-left: auto; margin-right: auto; margin-top:0px; margin-bottom:0px; text-align: left;  }
#icons {height:20px; width:250px; margin: 10px 0 0 0; padding: 0 0 0 0; float:right; }
#holder {  padding: 0 0 0 0; margin-left: auto; margin-right: auto; text-align: center;  }

/*____________________________________ HEADER ____________________________________*/

#header { height: 62px; width: 800px; position:relative; background: #FFFFFF url(../images/bgfatetop.gif)}
#headerLogoLeft { height:62px; width:144px; margin: 0 0 0 0; padding: 0 0 0 0; float:left; text-align:left; }


/*____________________________________ NAV ____________________________________*/

#nav {height:25px; width:750px; text-align:left; margin: 32px 0 0 0; padding: 0 0 0 0; float:right; }
#nav ul { margin: 0; padding: 0; list-style: none; padding: 0 0 0 45px; }	
#nav li { display:inline; }
#nav li a {font-size: 13px; padding: 0 14px 5px 14px; border-right: 1px solid #ccc; line-height: 20px; color:#FFF; font-weight: normal; text-decoration: none; }
#nav li a:hover, #nav li .active_link { text-decoration: none; color:#CCC; }
#nav li.last a { padding-right: 0; border-right: none; }




/*____________________________________ LEFT COLUMN ____________________________________*/

#left { width: 205px; float: left; padding:0 0 0 10px; margin:0 0 0 20px; line-height: 13px; }
#columnTopbg { margin: 60px 6px 10px 22px; padding: 0; background: url(../images/columnTitleBg.gif) 0 0 no-repeat; }
#columnBotbg { margin: 30px 6px 10px 22px; padding: 0; background: url(../images/columnTitleBg.gif) 0 0 no-repeat; }
#columnTopbg .active_link, #columnBotbg .active_link { text-decoration: none; color:#5B0476; }
#columnTopbg .pbox, #columnBotbg .pbox { margin: 0 15px 0 0; padding: 8px 8px 8px 8px ;   }
#leftTitle { font-size:16px; padding: 0 0 5px 10px; line-height:25px; width:120px; margin: 6px 0 0 20px; background:url(../images/leftIcon.gif) left top no-repeat; color:#308a0E; }


/*____________________________________ RIGHT COLUMN ____________________________________*/

#middle { width: 730px; float: right; padding:0 0 0 0; margin:0 20px 0 0; line-height: 13px; }
#middleright { width: 205px; float: right; padding:0 10px 0 0; margin:0 0 0 0; line-height: 13px; }
#middleleft{ width: 498px; float: left; padding:0 0 0 0; margin:0 0 0 0; line-height: 13px; }
#middlecol { width: 483px; height:100px; float: none; padding:0 0 0 15px; margin:0 0 0 0; line-height: 13px; background-image:url(../images/bg_blank.gif); margin-left: auto; margin-right: auto; }
#middlecol .title { font-size:16px; color:#000000; padding: 15px 0 0 0px; font-weight:bold; }
#middlecol .title2 { font-weight:bold; font-size:14px; color:#3F3F3F; padding: 0 0 0 0; line-height:22px; }
#middlecol .title3 { font-size:12px; color:#3F3F3F; padding: 0 0 0 0; line-height:18px; }
#middlecol .title4  { font-size:12px; color:#00A5EF; padding: 0 0 0 0px; line-height:18px; text-decoration:none; }
#middlecol .title4 a { font-size:12px; color:#00A5EF; padding: 0 0 0 0px; line-height:18px; text-decoration:none; }

#middlecol .details { font-size:12px; color:#3F3F3F; padding: 0 0 0 0; line-height:18px; font-weight:bold; }
#middlecol .details2 { font-size:12px; color:#3F3F3F; padding: 0 0 0 0; line-height:16px;  }



#rightBot { width: 155px; float: eight; height:40px; padding:0 0 0 0; margin:0 0 0 0; line-height: 13px; background: url(../images/bgLeftBot.gif) 0 0 no-repeat; }
#rightTitle { font-size:16px; padding: 0 0 5px 10px; line-height:25px; width:120px; margin: 6px 0 0 20px; background:url(../images/leftIcon.gif) left top no-repeat; color:#308a0E; }

/*____________________________________ WIDE COLUMN ____________________________________*/
	
#wide { width: 800px; float: left; padding:0; margin:0 0 0 0; }
#wide .nospace {  margin:0;  }

/*____________________________________ TITLES ____________________________________*/
#middleContent .title { margin: 25px 35px 0 35px; padding: 0; font-size:16px; line-height:21px;  font-weight: normal; color:#666666; border-bottom: 1px solid #A9A9A9;} 
#title { margin: 25px 25px 0 25px; padding: 0; font-size:16px; line-height:21px;  font-weight: normal; color:#666666; border-bottom: 1px solid #A9A9A9;}
.titleLeft { float:left; }
.titleRight { float:right; }
.subtitle { margin: 0 0 0 0; padding: 0 0 0 0; font-size:14px; line-height:16px;  font-weight: normal; color:#666666; }
.bodytitle { margin: 0 0 0 0; padding: 0 0 0 0; font-size:14px; line-height:21px; background:url(../images/icon_title.gif) center left no-repeat; font-weight: bold; color:#5B0476; }
.bodytitle2 { text-transform:capitalize; margin: 0 0 0 0; padding: 0 0 0 0; font-size:14px; line-height:21px; background:url(../images/icon_title.gif) center left no-repeat; font-weight: bold; color:#5B0476; border-bottom: 1px solid #5B0476; }
.bodytitleLineBelow { text-transform:capitalize; margin: 0 0 0 0; padding: 0 0 0 0; font-size:14px; line-height:21px; background:url(../images/icon_title.gif) center left no-repeat; font-weight: bold; color:#5B0476; border-bottom: 1px solid #A9A9A9; }




/*________________________ ____________ MISC ____________________________________*/
#languageselect { margin-left:auto; margin-right:auto; text-align:center; width: 180px; }
#languageselect a { font-size:12px; color:#666; text-decoration:none; }
#languageselect a:hover { color:#ccc; text-decoration:none; }
#languageselect .note { font-size:10px; color:#999; }

.image { float: left; margin: 10px 0 0 7px; padding: 0; }
div.noteMore { padding:0 3px 0 0; margin: 4px 8px 0 0; float:left; font-size:9px; }
div.noteMore a { color:#355EBC; text-decoration:none; }
div.noteMore a:hover { color:#368BBA; text-decoration:none; }
.floatimgRight { margin-left: 15px; float: right; clear: both;  }
div.presentation {  margin: 12px 0 4px 0; padding: 0 0 0 22px; line-height:20px; font-weight:bold; background:url(../images/pdf_logo.gif) left top no-repeat; }
div.links {  margin: 12px 0 4px 0; padding: 2px 5px 0 18px; line-height:15px; font-weight:bold; background:url(../images/bullet_arrow.gif) left top no-repeat; }
div.download {  margin: 12px 0 4px 0; padding: 0 0 0 22px; font-size:10px;; line-height:20px; font-weight:notmal; background:url(../images/pdf_logo.gif) left top no-repeat; }
#presentationTitle { margin: 4px 4px 0 0; padding: 0 0 0 0; line-height:17px; font-size:14px; color:#214268; background:url(../images/presentation_arrow.gif) right top no-repeat; }
div.lineBelow { display:block; height:2px; clear:both; margin:6px 0 0 0; padding: 0; line-height:2px; border-bottom: 1px solid #CCCCCC;}
div.columnItem { margin: 12px 0; padding: 0 0 0 22px; line-height:12px; font-size:12px; color:#000; background:url(../images/iconArrow.gif) left top no-repeat; }
.lineBelow { border-bottom: 1px solid #CCCCCC;}
#bordernew { color:#000; font-size:14px; text-align:left; border-bottom: 1px solid #A9A9A9; padding: 0 0 0 18px; line-height:40px; background:url(../images/bullet_arrow.gif) center left no-repeat;  }
.viewsmall a { color:#999; font-size:12px; }
.viewsmall a:hover { color:#CCC; font-size:12px; }

/*____________________________________ LISTS & BULLETS ____________________________________*/
#bulletFirst{ padding: 3px 0 3px 25px; width:485px; margin: 20px 0 6px 16px; background:url(../images/iconArrow.gif) left top no-repeat; color:#308a0E;}
#bullet    { padding: 3px 0 3px 25px; width:485px; margin: 6px 0 6px 16px; background:url(../images/iconArrow.gif) left top no-repeat; color:#308a0E;}
#bulletLast{ padding: 3px 0 3px 25px; width:485px; margin: 6px 0 20px 16px; background:url(../images/iconArrow.gif) left top no-repeat; color:#308a0E;}


/*______ Below ul Not working properly. See Paul Kyndts version to fix.
#columnListMain { margin-top:22px; padding: 0; }	
#columnListMain ul {padding: 0; list-style: none; }	
#columnListMain li { display:block; background: url(../images/iconArrow.gif) left top no-repeat; font-size: 12px; padding: 0 5px 5px 14px; margin: 6px 0 0 0;  line-height: 14px; color:#000; font-weight: normal; }
#columnListMain li a {text-decoration: none; }
#columnListMain li a:hover, #columnList li .active_link { text-decoration: none; color:#5B0476; }
____*/
#services {  margin:8px 0 0 20px; font-size: 14px; color:#000; }
#services li { padding: 8px 0 8px 18px; color:#666; list-style: none; list-style-position: outside; font: 12px; }
.innerarrow { margin: 10px 0 0 0; padding: 0 0 0 15px; font-size:12px; line-height:21px; background:url(../images/iconArrow.gif) center left no-repeat; font-weight: normal; color:#666; }

.inner2 ul { list-style-type: decimal; } 
.inner2 li { list-style-type: decimal; padding: 5px 25px 5px 10px; font-size:13px; } 
.arrowtitle { margin: 10px 0 0 0; padding: 0 0 0 20px; font-size:14px; line-height:21px; background:url(../images/bullet_arrow.gif) center left no-repeat; font-weight: normal; color:#000; }
____*/

/*____________________________________ COLOURS ____________________________________*/

.light {  color:#999999;  }
.fix {  color:#000000;  }

/*____________________________________ BORDERS AND DIVIDERS ____________________________________*/

div .divider { display:block; height:1px; margin: 0 0 0 0; padding:0; border-bottom: 1px solid #CCC; border-bottom-width:1px; position:relative; }

/*____________________________________ HEADERS ____________________________________*/

/***H1***/
h1 {font-size:20px; margin: 0 0 25px 0; padding: 0; line-height: 18px; font-weight: bold; color:#5B0476; }

/***H2***/
h2 {  font-size:16px; margin: 12px 0 12px 0; padding: 0; line-height: 16px; font-weight: bold; color:#5B0476;  }

/***H3***/
h3 {font-size:13px; margin: 12px 0 12px 0; padding: 0; line-height: 12px;font-weight: bold; color:#5B0476; }

/***NO SPACE***/
h1.nospace, h2.nospace { margin-bottom:4px; } 
h3.spacesml { margin-bottom:6px; } 
.no_top_space {  margin-top:0;}

/*____________________________________ info table ____________________________________*/
.cellbot { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; line-height: 16px; }
.cellbot2 { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; line-height: 16px; }
.cellbot3 { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; line-height: 16px; }
.cell {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 16px;
}
.cell_header {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#5B0476;
	line-height: 16px;
	margin: 10px 0 5px 0
}
.cell-title {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.cell-titlestrong {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.cell-titlebot { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

/*____________________________________ LISTS & BULLETS ____________________________________*/
#bulletFirst{ padding: 3px 0 3px 25px; width:485px; margin: 20px 0 6px 16px; background:url(../images/arrow.gif) left top no-repeat; color:#308a0E;}
#bullet    { padding: 3px 0 3px 25px; width:485px; margin: 6px 0 6px 16px; background:url(../images/arrow.gif) left top no-repeat; color:#308a0E;}
#bulletLast{ padding: 3px 0 3px 25px; width:485px; margin: 6px 0 20px 16px; background:url(../images/arrow.gif) left top no-repeat; color:#308a0E;}



ol { list-style-position: outside; color:#308a0E;}
#pboxleft ul, #pboxright ul { color:#000; line-height:22px; margin:6px 25px 35px 15px; }
#pboxleft li, #pboxright li { margin-left:10px; list-style-image:url("../images/arrow.gif"); }

.pboxprint ul {margin:5px 0 0 0 ;}

/*____________________________________ FOOTER ____________________________________*/
#Container { background: #15222E repeat; padding: 0; margin-left: auto; margin-right: auto;}
#botContainer { width: 950px; height:50px; padding: 35px 0 0 0; background: #ffffff url(../images/footer_bg.gif) no-repeat; margin-left: auto; margin-right: auto; margin-bottom:0px; }
#botContainerLogo { width: 900px; padding: 0 ; height: 50px; margin-left: auto; margin-right: auto; margin-top:0;}
#footer { width: 800px; padding: 0 95px; height: 130px; background: #808A92 url(../images/footer2.jpg) no-repeat; margin-left: auto; margin-right: auto; margin-bottom:0px; }
#footer a { color: #CCCCCC; text-decoration: none; margin-right: 6px; margin-left: 6px; }
#footer a:hover { text-decoration: underline; }
#webtheoria { float: right; width: 116px; height:39px; color:#CCCCCC; margin: 5px 10px 0 0; background: url(../images/webtheoriaLogo.gif) 0 0 no-repeat; }	
#termsFooter { float: left; text-align:left;  height:27px; color:#000000; margin: 10px 10px 0px 10px; font-size: 10px;}
#termsFooter ul { margin: 0; padding: 0; list-style: none;}	
#termsFooter li { display:inline; }
#termsFooter li a {font-size: 10px; padding: 0 1px 0 8px;  line-height: 5px; color:#666666; font-weight: normal; text-decoration: none; }
#termsFooter li a:hover, #nav li .active_link { text-decoration: none; color:#5B0476; }
#termsFooter li.last a { padding-right: 5px; border-right: none; }
#copyright { float: left; width: 250px; height:27px; color:#999; margin: 40px 10px 0 10px; font-size:10px;  }