body { paddintg:15px; font-family:arial, sans-serif; font-size:0.8em; line-height:19px; }
input, textarea { font:1em arial, sans-serif; }
table p { margin:0; }
p, table { margin-bottom:25px; }
ul { list-style-type:square; margin:0 0 20px 40px; line-height:1.8; }
a { outline:none; color:#3A3A3A; }
a:hover { text-decoration:none; }
a img {  }
a:hover img {  }
a img.noback { background:none; padding:0; border:none; }
a:hover img.noback { background:none; padding:0; border:none; }
h1, h2, h3, h4, h5, h6 {  }
h1 { color:#023274; margin:10px 0; font-size:2.0em; } 
h2 { color:#023274; margin:25px 0; font-size:1.6em; } 
h3 { background:#002577; color:#FFF; padding:2px; margin:10px 0; font-size:1.4em; } 
h4 { color:#023274; font-size:1.4em; margin:10px 0; } 
h5 {  }
h6 {  }
pre {  }
address {  }
del {  }
img.clsleft { margin-right:20px; margin-bottom:10px; float:left; }
img.clsmiddle { margin-right:20px; margin-left:20px; margin-bottom:15px; }
img.clsright { margin-left:20px; margin-bottom:10px; float:right; }
img.clsborderleft { margin-right:20px; margin-bottom:15px; } 
img.clsbordermiddle { margin-right:20px; margin-left:20px; margin-bottom:15px; }
img.clsborderright { margin-left:20px; margin-bottom:15px; }
.datatable {  }
.datatable th {  } 
.datatable td {  } 
.notes { font-size:0.9em; } 
.shout {  } 
.shout2 {  } 
.submit, .reset { cursor:pointer; outline:none; border:none; width:90px ! important; background:#011748; color:#FFF; margin-right:10px; } 
.reset {  } 
.quote, blockquote {  } 
.caption {  } 
.custom1 {  } 
.custom2 {  } 
.border {  } 
.noborder { border:0; }
.code {  }
.clear { clear:both; }
.float_right { float:right;}
.float_left { float:left; }
.contact_form, .contact_form fieldset  { display:inline; }
.contact_form label { display:block; float:left; width:150px; padding:2px 0; }
.contact_form input, .contact_form textarea { width:300px; margin-bottom:8px; }
.contact_form .errorMsg label { float:none; width: 100%; }
.contact_form textarea { height:140px; }
.contact_form p { text-align:right; margin-top:10px; }

#container { margin:auto; width:980px; }

#head { height:129px; }
#head .logo { float:left; width:317px; margin:38px 0 0 0; }

#menu { float:right; width:auto; margin-top:50px; font-size:1.4em; }

#sidemenu { width:339px; height:404px; background:url(sidemenu-back.gif) top left no-repeat; position:relative; float:left; }
#sidemenu .lady { position:absolute; right:0; top:0; }

#sidemenu .telephone { width:327px; height:46px; background:url(telephone-top.gif) top right no-repeat; float:right; margin-top:30px; margin-bottom:4px; }
#sidemenu .telephone span { position:relative; left:-999em; }

#video { width:641px; height:404px; background:url(video-back.gif) top left no-repeat; float:right;  }
#videoContainer { border: 9px solid #FFF; outline: 1px solid #eaecee; }

#nav2, #nav2 ul { clear:both; width:331px; float:right; padding:0; margin:0; font-size:1.2em; }
#nav2 a { height:36px; display:block; color:#9ca1a1; text-transform:uppercase; width:282px; background: url(nav2-bottom.gif) left bottom repeat-x; text-decoration:none; padding-left:45px; }
#nav2 li {display:block; width:327px;  height:36px; line-height:35px; float:right;  background: url(nav2-arrow-odd.gif) 15px 10px no-repeat #f2f4f4; }
.odd {  background: url(nav2-arrow-even.gif) 15px 10px no-repeat #e6e9e9 !important;}

#nav2 #active, #nav2 a:hover { color:#3a4040; font-weight:bold; }

#left { width:235px; float:left; border-right:1px solid #FFF; margin:30px 0 10px 0; color:#919393; font-size:1.2em; background:url(left-bottom.gif) bottom no-repeat; padding-bottom:10px; line-height:19px; }
#left h2 { width:220px; height:38px; background:url(heading-back.gif) left no-repeat; }
#left .contact { background:url(heading2-back.gif) left no-repeat !important; }
#left h2 span { position:relative; left:-999em; }

#left .contactbox { width:200px; padding:10px; background:url(contact-back.gif) bottom right no-repeat; }

#left marquee { width:200px; padding:10px;  }
.marquee { background:url(left-bottom.gif) bottom no-repeat; margin-bottom:10px; padding-bottom:10px; }

#right { float:right; width:723px; padding-left:20px; border-left: 1px solid #e0e3e3; margin:30px 0 0 0; color:#919393; font-size:1.2em; line-height:19px; position:relative;}
.enlarge { position:absolute; right:10px; top:10px; }
.enlarge a { text-decoration:none; }

#footer { height:63px; background:#011748; color:#FFF; line-height:62px; margin-top:10px; clear:both; }
#FooterContainer { width:980px; margin:0 auto; }

.divider { border-top:1px dotted #ccc; margin-bottom:25px; }

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
background:url(nav_child.png) top left;
	top:			-999em;
	width:			226px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
background:url(nav-border.gif) right no-repeat; 
}

#nav li.nav_parent {
background:url(nav_normal.gif) right no-repeat; 
padding-right:15px;
}

.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.6em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			226px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#3a3a3a;
}
.sf-menu li {
}
.sf-menu li li {
background:url(nav_child_arrow.gif) 10px 10px no-repeat;
padding-left:10px;
border:0;
                font-size:0.9em;
                line-height:8px;

}
.sf-menu li li li {
background:url(nav_child_arrow.gif) 10px 10px no-repeat;
                font-size:1.0em;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
color:97cbdc;
}

#nav li:hover.nav_parent {
background:#333333 url(nav_normal_over.gif) right no-repeat;
}

.sf-menu li li a, .sf-menu li li li a { color:#d4ecf8;  border:0; }
.sf-menu li li a:hover, .sf-menu li li:hover { background:transparent; color:#FFF; }
.sf-menu li li:hover { color:#FFF !important; background:url(nav_child_arrow.gif) 10px 10px no-repeat !important; }

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

#flashcontent { float:right; }

.oddrow { background:#e6e9e9 !important; }
.evenrow { background:#c8cccc !important; }

ul.download { list-style:none; padding:0; margin:0; }
.download li { background:url(download-arrow.gif) left no-repeat; padding-left:20px; }

fieldset { padding:10px; border: 1px dotted #ccc; }
legend { padding:5px; background:#babbbb;  margin-bottom:10px; color:#FFF; text-transform:uppercase; font-weight:bold; }

#menu li a.active { color:#FFF; }
.sf-menu .nav_parent a:hover { color:#FFF; }

.key-concepts { margin: 20px; background: #eee; border: 1px solid #ccc; color: #333; padding: 0 10px 0 10px;  }
.key-concepts div { display: none;  }
.key-concepts h5 { font-weight: bold; color: #002372; font-size: 14px; padding: 10px 0;  cursor: pointer; }