/* CSS Document */

* {margin:0px 0px 0px 0px; padding:0px; border:0px;}

body {
text-align:center;
background-color:#003366;
background-image:url(images/bkg.gif);
min-width: 865px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
color:#333366;
}

/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */
#wrapper{
background-image:url(images/bkg_left.gif);
background-repeat:repeat-y;
text-align: left;
width: 865px;
margin: 45px auto 0px auto; 
}

#contentfloatholder {/* right faux column tab */
background-image:url(images/content_bkg.gif);
background: repeat-y 100% 0;
float: left;
width: 100%;
}

#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
	height: 0px;
    clear: both; 
    visibility: hidden;
}

#content {
margin: -7px 0px 0px 230px;
width:635px;
}

#content_wrap {
float:left;
width: 100%; 
margin: 0px -635px 0px 0px;
}


#left {
	float:left;
	position: relative;
	margin: 0px 0px 0px -230px;
	background-image:url(images/bkg_left.gif);
	background-repeat:repeat-y;
	width:230px;
}

#top {
	background-image:url(images/bkg.gif);
	float:right;
	position:relative;
	margin:-22px 0px 0px 0px;
	width:635px;
	height:62px;
	color:#FFFFFF;
}

#ocho-banner {
	float:right;
	margin:0 0 0 0;
	width:635px;
	height:auto;
}

#ocho-content {
	background-image:url(images/content_bkg.gif);
	background-repeat:repeat-y; 
	float:left;
	margin:0px;
	padding-right:11px;
}

#footer {
	background-image:url(images/ocho-footer.gif);
	background-repeat:no-repeat;
	clear:both;
	margin:0px auto;
	width:865px;
	height:21px;
	font:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000066;
	text-align:right;
}
/************* IE Mac CSS Only  works for Win too **************/
* html div#content_wrap {margin: 0 -865px 0 0;}
* html div#left {margin: 0px;}
-->

/*=========================== PAGES STYLE =======================*/
div.container_left {
margin-left:10px;
background-color:#BBD0E6;
padding:10px;
}

div.container_main {
margin:0px 1px;
padding:10px;
background-color:#E9F2FC;
}

/*<!--#DCE8F5--> color:#597E92;*/
div.bkg_blue{
background-color:#FFFFFF;
padding:3px;
width:100%;
color:#333366;
}
div.bkg_blue_visa{
background-color:#DCE8F5;
padding:10px;
color:#597E92;
font-weight:normal;
}

div.bkg_darkblue{
border-bottom: dashed 1px #981B1F;
background-color:#597E92;
color:#FFFFFF;
padding:3px;
width:100%;
}

div.bkg_red{
background-color:#981B1F;
color:#FFFFFF;
font-weight:bold;
border:solid 1px #981B1F;
width:100%;
}

div.float_left {
  float:left;
  padding-left:10px;
  }
div.float_right {
  float:right;
  text-align:justify;
  padding-left:1em;
  width:60%;
  }

div.spacer {
  clear:both;
  }

p {text-align:justify; padding:10px;}
ul {list-style-position:outside; padding-left:35px;}

.numbers{ list-style-type:decimal;}

a {color:#981B1F; font-weight:bold; text-decoration:none;}
a:hover {color:#597E92;}

#photo img {border: 1px solid #90AEC0; margin:10px;}

#top .title1{
font-size:12px;
color:#F9E48B;
font-weight:bold;
text-transform:uppercase;
}
#top .title2{
font-size:12px;
color:#ffffff;
font-weight:bold;
text-transform:uppercase;
}

#top a{
color:#FFFFFF;
text-align:right;
font-weight:bold;
text-decoration:none;
font-size:11px;
font-weight:bold;
}
#top a:hover{color:#F9E48B;}

.text_white_small{
color:#ffffff;
font-size:11px;
line-height:10px;
text-align:right;
}

.text_small{
font-size:11px;
line-height:10px;
}
.title1{
font-size:16px;
color:#44677A;
font-weight:bold;
text-transform:uppercase;
}
/*<!--#981B1F;-->*/
.title2{
font-size:16px;
color:#44677A;
font-weight:bold;
text-transform:uppercase;
}
.title3{
font-size:16px;
color:#F9E48B;
font-weight:bold;
text-transform:uppercase;
}
#up a{
background-image:url(images/up.gif);
background-repeat:no-repeat;
width:39px;
height:28px;
float:right;
}
/*======================= MENU ========================*/

ul.makeMenu{
background-image:url(images/bkg_menu.gif);
background-repeat:repeat-y;
  width: 230px;                 /* sets the size of the menu blocks */
  background-color: #E6EFF9;      /* makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! */
  padding-left: 0px;           /* stops the usual indent from ul */
  padding-right: 0px;
  padding-top:6px; 
  cursor: default;             /* gives an arrow cursor */
  margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  letter-spacing:normal;
  font-weight:bold;
  text-align:left;
}

ul.makeMenu ul {
  width: 230px;           
  padding-left: 0px;
  padding-top: 2px;         
  cursor: default;             /* gives an arrow cursor */
  margin-left:0px;            /* Opera 7 final's margin and margin-box model cause problems */
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  text-align:left;
  margin:0px;
  background-image:url(images/bkg_submenu.gif);
}

ul.makeMenu > li{
	margin:0px;
}

ul.makeMenu li {
  list-style-type: none;
  margin: 0px;
  color: #FFCC00;
}


ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}

/* and some link styles */
ul.makeMenu li a { color:#2E3967; display: block; width: 100%; text-decoration: none; height:30px;}
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { color: #4E768A; display: block;}
ul.makeMenu li:hover > a { color: #4E768A;} /* supports links in branch headings - must not be display: block; */

ul.makeMenu ul li a { color:#2E3967; display: block; width: 100%; text-decoration: none; height:29px;}
ul.makeMenu ul li a:hover, ul.makeMenu ul li a.CSStoHighLink { color: #ffffff; display: block; background-image:url(images/bkg_submenu_over.gif); background-position:top; background-repeat:no-repeat;}
ul.makeMenu ul li:hover > a { color: #ffffff;  }

[if gte IE 5]><![if lt IE 7]{

/* that IE 5+ conditional comment makes this only visible in IE 5+ */
ul.makeMenu li, {  /* the behaviour to mimic the li:hover rules in IE 5+ */
	behavior: url( IEmen.htc );
}