
/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

html,body,div,span,table,tr,th,td,p,span,h1,h2,h3,h4,ul,ol,li,a,form { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-family: Verdana;  }  /* Default font for all items */
* { -moz-box-sizing:border-box; box-sizing:border-box; -ms-box-sizing: content-box; -webkit-box-sizing: border-box; }
html { min-height: 100%; height: 100%;  } /* Set height to 100% + 1px to force scroll bar in FF */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 20px;  height: 100%;   }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: none; height: 1px; overflow: hidden; }
textarea, select, select * { color: #333333; font-size: 12px; }


object:active, div:active { outline: none; }
object:focus, div:focus { -moz-outline-style: none; }


ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
ol { margin-left: 30px; }


ul li { list-style-type: square; }

.bordered { border: 1px solid #33CCFF; }

h1, h2, h3, h4, h5 { font-family: Arial; font-weight: bold; }

h1, h1 a { color: #264971; font-size: 22px; margin: 0px 0px 8px 0px; line-height: 26px; font-weight: bold; }
h2, h2 a { color: #486e93; font-size: 18px; margin: 0px 0px 15px 0px; line-height: 22px; font-weight: normal; }
h3, h3 a { color: #000000; font-size: 12px; margin: 0px 0px 15px 0px; line-height: 15px; }
p  { margin: 0px 0px 12px 0px; }
p, table, td, div, a  { color: #333333; font-size: 12px; line-height: 18px; }
a  { color: #486e93; font: normal 12px Verdana; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus, a:active { outline: 0;}


.frm td, .frm th { padding: 3px 0px 3px 0px; vertical-align: top; }
.frm th { padding-right: 10px; text-align: left; }


/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/

#main {
	
}


#header_container {
  width: 893px;
  margin: 0px auto;
  background: url('../images/layout/header-bg.jpg');
  height: 157px;

}

#logo {
  float: left;
  position: absolute;
}

#main2 {
  width: 893px;
  margin: 0px auto;
  background: url('../images/layout/content-bg-repeat.jpg');
}


#main3 {
  background: url('../images/layout/bg-bg.jpg') no-repeat top left;
}


#fading_image_container {
  height: 280px;
}

#tagline_container {
  width: 893px;
  margin: 0px auto;
  background: url('../images/layout/tagline-bg.jpg');
  height: 35px;
}

#tagline {
  padding-left: 25px;
  color: #FFFFFF;
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
  line-height: 35px;
  letter-spacing: 0.05em;
}


#header {
    height: 100px;
}

#logo {
  float: left;
  border: none;
  margin-top: 10px;
  margin-left: 70px;
}

#mini_nav {
  float: right;
  width: 500px;
  text-align: right;
  margin: 10px 15px 0px 0px;
  font-size: 10px;
  color: #666666;
}

#mini_nav a {
  font-size: 11px;
}


#nav_container {
  width: 893px;
  margin: 0px auto;
}

#content_container {
  width: 893px;
  margin: 0px auto;

}

#body_container {
}


#body {
	min-height: 370px;
	height: auto !important; /*MOZ/IE7*/
	height: 360px; /*IE6*/
}

#body_inner {
    padding: 25px 25px 0px 25px;
}

#content { width: 680px; float: left; }

#logos { width: 148px; float: right; text-align: center; border-left: solid 1px #CCC; }
#logos img { border: none; padding: 5px 0; }


#footer_container {
  bottom: 12px;
  height: 35px;
  width: 100%;
  height: 35px; /* #push must be the same height as #footer_container */
}

#push {
  height: 35px;
}



#footer {
  width: 893px;
  margin: 0px auto;
    text-align: center;
  color: #868586;
  line-height: 20px;
}

#footer a {
  color: #868586;
}

#footer span {
    color: #1063ac;
    padding: 0px 3px 0px 3px;
}



/* Navigation */

#p7menubar { float: right; width: 500px;  margin-top: 66px; margin-right: 18px; }


#p7menubar a { display: block; }
#p7menubar a.trigger { color: #FFFFFF; }
#p7menubar li { float: left; width: 9em;	list-style-type: none; margin: 0px; }
#p7menubar li { position: relative; }
/* hide from IE mac \*/
    #p7menubar li {position: static; width: auto;}
/* end hiding from IE5 mac */
#p7menubar li ul, #p7menubar ul li  { width: 100%; }
#p7menubar li ul { position: absolute; display: none; margin: 0px; }
#p7menubar li:hover a, #p7menubar a:focus, #p7menubar a:active, #p7menubar li.p7hvr a { }
#p7menubar li:hover ul, #p7menubar li.p7hvr ul { display: block; }
#p7menubar li:hover a, #p7menubar a:focus, #p7menubar a:active, #p7menubar li.p7hvr a { /*    background: #33CCFF;*/ }

#p7menubar li:hover a, #p7menubar a:focus, #p7menubar a:active, #p7menubar li.p7hvr a {background: #10589b; } /*  */

/* Set styles below */
#p7menubar li a { padding: 0px 30px 0px 30px; color: #FFFFFF; font-weight: bold; font-size: 14px; font-family: arial; line-height: 53px; }
#p7menubar a:hover { color: #FFFFFF; background: #10589b; text-decoration: none; }
#p7menubar li ul { width: 210px; background: #f2a728; }
#p7menubar li ul li a { font-size: 12px; line-height: 15px; font-weight: normal; padding: 8px 30px; }
#p7menubar li ul li a:hover { background: #4678D5; }


