/***************************************************/
/****************** Navigator Multimedia *********/
/************************************************/

body, html {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	margin:0;
	padding:0;
	background-image:url(../images/interface/bg.jpg)
}
/*, html, body, div, p, td, tr, table, span {border:none;margin:0;padding:0;} */

/************************************* layout area styles */
#wrapper {
	position:relative;
	width:759px;
	margin: 0 auto;
	padding:0;
	
}


#search {
	position: absolute;
	margin:0;
	padding:0;
	left: 558px;
	top: 43px;
	width: 196px;
	
}



#content_holder {
	background-image:url(../images/interface/ona-watermark.jpg);
	background-repeat:no-repeat;
	background-position:top;
}



#content{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align:left;
}

#content a { color: #956A35; font-size: 12px; font-weight: normal; text-decoration:none;}
#content a:link { color: #956A35; font-size: 12px; font-weight: normal; text-decoration:none; }
#content a:visited { color: #956A35; font-size: 12px; font-weight: normal; text-decoration:none; }
#content a:hover { color: #956A35; font-size: 12px; font-weight: normal; text-decoration:none;}



#footer{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-align:center;
}

#footer a { color: #000000; font-size: 9px; font-weight: normal; text-decoration:none;}
#footer a:link { color: #000000; font-size: 9px; font-weight: normal; text-decoration:none; }
#footer a:visited { color: #000000; font-size: 9px; font-weight: normal; text-decoration:none; }
#footer a:hover { color: #000000; font-size: 9px; font-weight: normal; text-decoration:none;}


#splash{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-align:center;
}

#splash a { color: #ffffff; font-size: 12px; font-weight: normal; text-decoration:none;}
#splash a:link { color: #ffffff; font-size: 12px; font-weight: normal; text-decoration:none; }
#splash a:visited { color: #ffffff; font-size: 12px; font-weight: normal; text-decoration:none; }
#splash a:hover { color: #ffffff; font-size: 12px; font-weight: normal; text-decoration:none;}





#menu{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align:left;
}

#menu a { color: #6A0400; font-size: 11px; font-weight: normal; text-decoration:none; padding:0px 0px 20px 0px;}
#menu a:link { color: #6A0400; font-size: 11px; font-weight: normal; text-decoration:none; padding:0px 0px 20px 0px; }
#menu a:visited { color: #6A0400; font-size: 11px; font-weight: normal; text-decoration:none; padding:0px 0px 20px 0px; }
#menu a:hover { color: #6A0400; font-size: 11px; font-weight: normal; text-decoration:none; padding:0px 0px 20px 0px;}



.dspcont{
   border: solid #341904 1px;
   display:none;
   position: absolute;
   background-color:#ECD7B8 
}

.dspfaq{
   display:none;
   margin-left:1.5em;
}

/************************************* Tag styles */

.designby a { color: #ffffff; font-size: 10px; font-weight: normal; text-decoration:none;}
.designby:link { color: #ffffff; font-size: 10px; font-weight: normal; text-decoration:none; }
.designby:visited { color: #ffffff; font-size: 10px; font-weight: normal; text-decoration:none; }
.designby:hover { color: #ffffff; font-size: 10px; font-weight: normal; text-decoration:none;}


.pictureleft{
   border: solid #341904 1px;
   margin:0px 6px 6px 0px;
}



.pictureright{
   border: solid #341904 1px;
   margin:0px 0px 6px 6px;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #6A0400;
	font-weight:bold;
	text-align:left;
	padding:10px 0px 0px 10px;
	margin:0px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003C80;
	font-weight:bold;
	text-align:left;
	padding: 0px;
	margin:0px;
}

h2 a { color: #003C80; font-size: 12px; font-weight: bold; text-decoration:none;}
h2 a:link { color: #003C80; font-size: 12px; font-weight: bold; text-decoration:none; }
h2 a:visited { color: #003C80; font-size: 12px; font-weight: bold; text-decoration:none; }
h2 a:hover { color: #6A0400; font-size: 12px; font-weight: bold; text-decoration:none;}


h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003C80;
	font-weight:bold;
	text-align:left;
	padding:0px 0px 0px 10px;
	margin:0px;
}


h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003C80;
	font-weight:bold;
	text-align:left;
	padding:0px 0px 0px 10px;
	margin:0px;
}


p {
	padding:0px 0px 0px 10px;
	margin:8px 8px 8px 8px;
}

/* navigation */
.navigation {
	font-size:              1em;
	list-style:             none;
	width:                  759px;
	height:                 18px;
	margin:                 0 0 0 0;
	padding:                0 0 0 0;
	display:                block;
	position:				relative;
	background: url(../images/interface/navbg.jpg) no-repeat;
	z-index:                20;
}

.navigation li {
	float:                  left;
	z-index:                30; /* ensure submenus appear above other page items.*/
	position:               relative;
}

.navigation li span {
	display:                none;
}

.navigation li a { 
    color:                  #003c80;
	height:                 18px;
	padding:                0px 0px 0px 5px;
    display:                block;
	text-decoration:        none;
	font-weight:			bold;
}

.navigation li a:hover {
	color:                  #852722;
}


.link1 {width:42px;}

.link2 {width:93px;}

.link3 {width:77px;}

.link4 {width:142px;}

.link5 {width:115px;}

.link6 {width:121px;}

.link7 {width:77px;}

.link8 {width:90px;}


/*Drop Down*/
.navigation li:hover ul,
ul.navigation li.sfHover ul
{
	left:0px; /* position first dropdown directly under parent li */
	top:18px; /* should match the height of .nav set in the Structure.css to get the em value divide .nav height by 10 eg. 36px/10 = 3.6*/
	
}

.navigation li ul {
	position:absolute; /* remove from flow and allow positioning */
	top:-999px; /* hidedropdown in screen-reader and search-engine friendly way */
	width:170px; /*sets the with of the drop down.*/
	list-style:none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.navigation li ul li{
	width: 100%;
	float:left;
	position: relative;
	z-index:40; /* ensure dropdown appear above other page items.*/
}

.navigation li ul li a  {
    color:#ffffff;
	display:block; /* make IE6 obey width when text-indent is used */
	text-decoration:none;
	height:15px;
	padding:10px 0 3px 10px;
	display:block;
	background:#950400;
	font-weight:none;
	font-size:10px;
	text-align:left;
}

.navigation li ul li a:hover {
	color: #FFFFFF;
	background: #b90400;
}


/* Main Navigation Fly Out
--------------------------------------------------------------------------------------- */
.navigation li:hover li ul,
.navigation li.sfHover li ul {
	top:-999em; /* hide flyout in screen-reader and search-engine friendly way */
}

.navigation li li:hover ul,
ul.navigation li li.sfHover ul 
 {
	left:170px; /*sould be set the the width of the dropdown.*/
	top:0px; /* position flyout horizontally aligned to parent li */
}

.navigation li ul li ul {
	position:absolute; /* remove from flow and allow positioning */
	top:-999px; /* hidedropdown in screen-reader and search-engine friendly way */
	width:150px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style:none;
}

.navigation li ul li ul li{
	width: 100%;
	float:left;
	position: relative;
	z-index:50; /* ensure dropdown appear above other page items.*/
}

.navigation li ul li ul li a {
    color:#ffffff;
	display:block; /* make IE6 obey width when text-indent is used */
	font-weight:bold;
	text-decoration:none;
	height:15px;
	padding:10px 0 3px 10px;
	display:block;
	background:#666666;
}

.navigation li ul li ul li a:hover {
    color: #000000;
	background: #FFFFFF;
}