/*
=== === === === === === === === === === */
/*=STRUCTURE
=== === === === === === === === === === */
body {
background-color: #2B435B;
font-family: Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}
#wrapper {
width: 1000px;
height: 600px;
margin-right: auto;
margin-left: auto;
}
/*= RESET ALL AND MAIN HTML TAG STYLING
=== === === === === === === === === === */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend
{
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
vertical-align: baseline;
margin: 0;
}
a {
color: #003366;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}
em {
font-style: italic;
font-weight: bold;
color: #666666;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
}
ol, ul {
list-style: none;
}
li {list-style:none;}
dl {margin-top:1em;margin-left:2em;margin-bottom:2em;margin-right:2em;}
dt {
	margin-top: 0em;
	}
dd {
	border: 1px solid #ccc;
        float:left;
	width: 240px;
	margin: 0.4em;
	padding: 0.4em;
	color: #000000;
	background-color:#ffffcc;
	text-align: center;
        font-size:82%;
        font-family:"Lucida Grande", Lucida Sans Unicode, sans-serif:
}
.clearfloat {height:0px;clear:both;}
h1 {
font-size: 100%;
color: #000;
margin-left: 1.8em;
margin-right: 2.4em;
margin-top: 1.2em;
margin-bottom: 0.6em;
line-height: 1.3em;
font-family: Arial, Helvetica, sans-serif;
}

strong {
font-weight: bold;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/*=NAVIGATION and HEADER
=== === === === === === === === === === */
#navigation {
height:40px;
float: left;
width: 100%;
margin-left: 0.7em;
}
#demo {
float: right;
width: 231px;
height: 48px;
}
#header {
float: left;
margin-top: 10px;
width: 200px;
}
#nav-one, #nav-one ul {padding:8px 10px; text-align:left;}
#nav-one { z-index: 100; position: relative; }
#nav-one li {
float: left;
margin-right:1px;
position: relative;
background-color:#071C2B;
background-image: url(images/navbg.gif);
background-repeat: repeat-x;
background-position: left top;
}

#nav-one li a {
color: #CCCCCC;
font-size:72%;
display: block;
padding:8px 10px;
text-decoration: none;
font-weight:normal;
font-family: Arial, Helvetica, sans-serif;
}
#nav-one li a:hover, #nav-one li:hover a, #nav-one li a.active {
background-image: url(images/navbg-over.gif);
background-repeat: repeat-x;
background-position: left top;
background-color: #660000;
color: #FFFFFF;
}
#nav-one li:hover ul a, #nav-one li ul a {
padding:8px 10px;
background-color:#660000;
background-image:url(images/navbg-over.gif);
color:#FFFFFF;
background-repeat: repeat-x;
background-position: left top;
}
#nav-one li:hover ul a:hover, #nav-one li ul a:hover {
background-color:#031523;
color:#FFFFFF;
background-image: url(images/navbg.gif);
background-repeat: repeat-x;
background-position: left top;
}
li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}
#nav-one li:hover ul, .nav li ul {
border:none;
top:28px;
padding:0 0 0 0;
background-image:none;
left: auto;
}

#nav-one ul li a { width:170px; white-space: nowrap; }
#nav-one ul { width: 170px; position: absolute; top: -999em; }
/*=FOOTER
=== === === === === === === === === === */
#footer {float:left;clear:both;margin-left:1.4em;padding-bottom:2em;margin-top:1em;margin-right:3em;width:100%;}
#footer p.footerleft {color:#ccc;font-size:78%;margin-bottom:0.3em;float:left;width:680px;}
#footer p.footerright {float:right;margin-right:5.6em;font-size:78%}
#footer p.footerright a {color:#ccc;}


/*=HOME PAGE
=== === === === === === === === === === */
#content p {
font-size: 76%;
line-height: 1.6em;
color: #FFFFFF;
margin-left: 2.4em;
margin-right: 2.4em;
margin-top: 0.6em;
margin-bottom: 0.6em;
}

#description {
float: left;
clear: left;
width: 570px;
}
#main-section-top {
background: url(images/hp-section-top.gif) no-repeat;
float: left;
height: 69px;
width: 968px;
margin-left: 0.2em;
}
.inner-section {
float: left;
width: 320px;
}
#main-section-mid {
background: url(images/hp-section-mid.gif) repeat-y;
float: left;
width: 968px;
margin-left: 0.2em;
}
#main-section-mid p {color:#000;}
#main-section-bot {
background: url(images/hp-section-bot.gif) no-repeat;
float: left;
height: 25px;
width: 968px;
margin-left: 0.2em;
}

/*=CONTENT
=== === === === === === === === === === */
#content {
float: left;
width: 980px;
margin-top: -8px;
}
#topbox {
background: url(images/top-box.gif) no-repeat;
float: left;
height: 19px;
width: 979px;
}
#botbox {
background: url(images/botbox.gif) no-repeat;
float: left;
height: 19px;
width: 979px;
}
#midbox {
background: url(images/midbox.gif) repeat-y;
float: left;
width: 979px;
}
#midbox a {color:#fff;font-weight:normal;}
.buttons {
padding-top: 1.6em;
}
#versions {
float: right;
margin-right: 1.4em;
clear: none;
}
#introtext {
float: left;
border-bottom: 1px solid;
border-color: #41566C;
margin-left: 1.2em;
}
h1.home {
font-size: 100%;
color: #FFFFFF;
margin-left: 1.8em;
margin-right: 2.4em;
margin-top: 1.2em;
margin-bottom: 0.6em;
line-height: 1.3em;
font-family: Arial, Helvetica, sans-serif;
}
#main-section-mid p {
font-size: 80%;
line-height: 1.6em;
color: #333333;
margin-left: 2em;
margin-right: 1em;
margin-top: 0.6em;
margin-bottom: 0.6em;
font-family: Arial, Helvetica, sans-serif;
}
#content p.date {
text-transform: uppercase;
color: #660000;
font-weight: bold;
}
#content p.summary {
font-weight: bold;
border-bottom: 1px solid;
border-color: #C7D2DC;
padding-bottom: 0.4em;
}
a:hover {
color: #006699;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline;
}
.inner-section-last {
float: left;
width: 314px;
margin-left: -8px;
}
.demobutton {
margin-top: 2.2em;
float: left;
}

/*=INNERSECTIONS
=== === === === === === === === === === */
#innertop {float:left;width:969px;height:19px;background: url(images/innertop.gif) no-repeat;}
#innermid {float:left;width:969px;background: url(images/innermid.gif) repeat-y;}
#innerbot {float:left;width:969px;height:19px;background: url(images/innerbot.gif) no-repeat;}
#innermid p {
font-size: 76%;
line-height: 1.5em;
color: #000;
margin-left: 2.4em;
margin-right:1em;
margin-top: 0.6em;
margin-bottom: 0.6em;
}
#innermid ul {margin-left:3.4em;margin-right:3em;}
#innermid li {padding:0.5em;font-size: 72%;list-style:square;color:#333;margin-left:1em;line-height:1.7em;}
#innermid h1 {
font-size: 130%;
color: #003366;
margin-left: 1.3em;
margin-right: 2.4em;
margin-top: 0.2em;
margin-bottom: 0.6em;
line-height: 1.3em;
font-family: Arial, Helvetica, sans-serif;
}
#innermid h2 {
font-size: 105%;
color: #8B0221;
margin-left: 1.7em;
margin-right: 2.4em;
margin-top: 0.8em;
margin-bottom: 0.6em;
line-height: 1.3em;
font-family: Arial, Helvetica, sans-serif;
}
#leftcol {float:left;width:700px;}
/*=RIGHTCOLUMN
=== === === === === === === === === === */
#rightcol {
float: right;
width:250px;
margin-right: 15px;
margin-top:0px;
}
#rightmenu {width: 100%;float:left;margin-bottom:4em;}
#rightmenu ul {margin:0;padding:0;}
#rightmenu ul li {list-style:none;margin:0;padding:0;float:left;}
#rightmenu li a {
color: #eee;
display:block;
padding-top:8px;
padding-bottom:8px;
padding-left:6px;
background-color:#516a82;
font-weight:normal;
text-decoration: none; 
float:left;
margin:0px;
border-bottom:1px solid #7a90a5;
width:247px;
font-size:12px;
}
#rightmenu li a:hover {
color: #fff;
background-color:#516d88;
padding-top:8px;
padding-bottom:8px;
padding-left:6px;
}
#rightmenu li a.parent {background-color:#660000;}
#rightmenu li a:link.parent {background-color:#660000;}
#rightmenu li a.here {background-color:#2B435B;}
#rightmenu li a.active {background-color:#2B435B;}
#rightmenu li a.parenthere {background-color:#660000;}
#quote p.quotation {margin-top:1.6em;margin-left:1em;margin-right:1em;color:#fff;}
.imgright {float:right;margin:1em;padding:0.6em;background-color:#fff;border:1px solid #eee;}
.imglarge {float:left;margin:1em;padding:0.6em;background-color:#fff;border:1px solid #eee;}
ul#consultancy {margin-left:2.8em;}
ul#consultancy li {padding:0.3em;font-size:82%;list-style:square;}
table a,
table a:link,
table a:visited {
	border:none;
	}		

table {
	width:92%;
	border-top:1px solid #e3f1fe;
	border-right:1px solid #e3f1fe;
	margin:1em auto;
	border-collapse:collapse;
	font-size:80%;
        
	}
caption {
	color: #000;
	font-size:90%;
	letter-spacing:.1em;
	padding:0;
	margin:1em;
	margin-bottom:0;
	caption-side:top;
	text-align:left;
	}	
tr.odd td,
tr.odd .column1 {
	background:#f4f9fe url(images/background.gif) no-repeat;
	}	
.column1	{
	background:#f9fcfe;
	}
td {
	color:#333333;
	border-bottom: 1px solid #e3f1fe;
	border-left:1px solid #e5eff8;
	text-align:left;
height:100px;
padding-left:0.6em;
padding-right:0.6em;
	}				
th {
	font-weight:bold;
	color: #000000;
	text-align:left;
	border-bottom: 1px solid #e3f1fe;
	border-left:1px solid #e5eff8;
	padding:1em 1em 0.4em 1em;
	}	
thead th {
	text-align:center;
	padding:1em;
	color: #FFFFFF;
	background-color: #43596E;
font-size:90%;
font-weight:normal;
	}	
#searchform {float:left;margin-left:1.8em;}		
h2 a {text-decoration:underline;}	
/*=SEARCH
=== === === === === === === === === === */
#searchcontainer {
float: right;
background: url(images/sitesearch.gif) no-repeat;
width:210px;
height:43px;
margin-right:2.3em;
}
#ajaxSearch_input {margin-left:-12px;margin-top:12px;padding:1px;width:138px;font-size:72%;border:none;background-color: #990000;color: #fff;}
#ajaxSearch_submit {background-color: #990000; color: #fff; font-weight: bold; font-size: 10px;border:none;}
.ajaxSearch_highlight {background-color:transparent;}
/*=FORMS
=== === === === === === === === === === */
#inputbox {
	border: 1px solid #000;
	width: 270;
	padding: 2px;
	font-weight: bold;
	font-size: 12px;
}

#inputlabel {
	font-weight: bold;
	font-size: 12px;

}

#textarea {
	border: 1px solid #000;
	padding: 2px;
	font-weight: bold;
	font-size: 12px;
	width:330px;
}

#submitbutton {
	border: 1px solid #000;
	background-color: #eee;

}
label {float:left;width:200px}
#searchform label {float:none;width:auto;}