/* CSS Document */

/*
===== CONTENTS =====

last-updated: PUT DATE HERE;

=1: Universally
=2: Accessibility
=3: Body
=4: Outline Construction
=5: Navigation

====================
*/

/*
===== =1: Universally =====
*/

* {
font-size:100%;
margin: 0;
padding: 0;
text-decoration: none;
}
body {
/* border: 1px solid #545352;*/
padding:24px 0;
}

/*hacktastic*/#wrap:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

#wrap {
position:relative;
}
/*
===== =2: Accessibility Aids =====
*/

.hidden
{
position: absolute;
left: -9999px;
width: 0px;
overflow: hidden;
}

h1 a {
overflow: hidden;
height: 0;
}


/*
===== =3: Body =====
*/

body {
font: 62.5%/120% Verdana, Arial,   Helvetica, sans-serif;
color: #4B4948;
background: #EFEDEC url("../stat/right_bg02.gif") left repeat-y
}



/*
===== =4: Header =====
*/

#header { 
width:100%;
height:132px;
color:#fff;
background: url("../stat/header_bg.jpg") repeat-x;
z-index:2;}

#header h2 {
padding-top:16px;
margin:0px 0 10px 400px;
font-size:14px;}

address {
font-size:11px;
float:left;
font:11px/13px normal Verdana, Arial, Helvetica, sans-serif;
display:inline;
margin-left:200px;}

address.second {margin:13px 0 0 10px;}

#header address a:link {padding:0 2px;color:#fff;}
#header address a:visited {padding:0 2px;color:#fff;}
#header address a:hover { padding:0 2px;color:#811338;background:#fff;}
#header address a:active { padding:0 2px;color:#811338;background:#fff;}


#flashcontent {
width:370px;
height:68px;
margin-bottom:10px;
background:url("../img/home_content_top_img.jpg");}

/*
===== =4: Left - Logo - Menu =====
*/

h1 a {
float:left;
width:200px;
padding-top: 132px;
background:url("../stat/logo.png") center no-repeat;
}

/* Root = Horizontal, Secondary = Vertical */
div#navmenu {
position:relative;
  clear:both;
  border-bottom: 1px solid #A4A2A3;
  padding: 6px 0 0 300px;
  list-style: none;
  height:18px;
  background:#C2C3C3 url("../stat/nav_bg.jpg") repeat-x;  
  /* for opera */
  voice-family: "\"}\""; 
  voice-family:inherit;
  margin: 0;
}
div#navmenu ul {width:100%;}

div#navmenu ul li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 18px;
  color:#666;
}

div#navmenu ul ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 150px;
  list-style: none;
  display: none;
  position: absolute;
  top: 16px;
  left: 0;
  text-align:left;
}

div#navmenu ul ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
div#navmenu  ul a {
  border-right: 1px solid #666;
  padding: 0 8px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: inline;
  color: #666;
  font: bold 10px/12px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}
div#navmenu ul .last a {border-right:none;}


div#navmenu  ul ul li a {display:block;}

/* Root Menu Hover Persistence */
div#navmenu ul a:hover,
div#navmenu ul li:hover a,
div#navmenu ul li.iehover a {
  color: #003473;
}

/* 2nd Menu */
div#navmenu ul li:hover li a,
div#navmenu ul li.iehover li a {
  float: none;
  background:none;
  color: #666;
  font: bold 10px/18px Verdana, Arial, Helvetica, sans-serif;
  border-right: none;
  
}

/* 2nd Menu Hover Persistence */
div#navmenu ul li:hover li a:hover,
div#navmenu ul li:hover li:hover a,
div#navmenu ul li.iehover li a:hover,
div#navmenu ul li.iehover li.iehover a {
  color: #003473;
}


/* Do Not Move - Must Come Before display:block for Gecko */
div#navmenu ul li:hover ul ul,
div#navmenu ul li:hover ul ul ul,
div#navmenu ul li.iehover ul ul,
div#navmenu ul li.iehover ul ul ul {
  display: none;
}

div#navmenu ul li:hover ul,
div#navmenu ul ul li:hover ul,
div#navmenu ul ul ul li:hover ul,
div#navmenu ul li.iehover ul,
div#navmenu ul ul li.iehover ul,
div#navmenu ul ul ul li.iehover ul {
  display: block;
}
/*
===== =5: Content =====
*/
#content {
padding:20px 0 0 50px;
width:355px;
}

a img {border:none;}

#portfolio #content, #contact #content {
padding:50px 0 0 50px;
} 
#contact #content {width:525px;} 
#contact #content p {margin-right:110px;}


#content h2 {
font-weight:bold;
color:#003473;
font-size:13px;
margin:15px 0 15px 0;}

#content h3 {
font-weight:bold;
color:#003473;
font-size:11px;
line-height:11px;
margin:15px 0 0 0;}

em {
font-style:normal;
color:#003473;
}

#content p {
margin:10px 0;
padding:0 15px 0 0;
font:11px/14px Arial, Helvetica, sans-serif;
}

#middle {
position:absolute;
top:248px;
left:420px;
padding:12px 0 0 0;
width:350px;
}
#portfolio #middle {left:470px;}

#contact #middle {width:150px;left:600px;}


#middle dl {
margin:0 40px 10px 0;
border-top:1px solid #B6B3B3;
}
#middle dt {
margin:2px 0 0 60px;
font:12px/14px Arial, Helvetica, sans-serif;
}
#middle dd {
margin:0 0 0 80px;
font:10px/14px Arial, Helvetica, sans-serif;
}

#middle dd a:link {  color: #666;}
#middle dd a:visited {  color: #666;}
#middle dd a:hover {  color: #811338;}
#middle dd a:active {  color: #811338;}

#right {
position:absolute;
top:300px;
margin-left:785px;
color:#fff;
z-index:200;
}
#right ul {
margin:0 12px;
list-style-type:disc;}

#right ul li {
font:11px/16px Arial, Helvetica, sans-serif;
list-style-type:disc;}

img.even {float:left;}

form#contactForm {
width:47em;
float:left;
display:inline;
}
form#contactForm p{font-size:1.1em;}
fieldset {
border: 0;
clear: both;

}

form#contactForm legend {
font-weight: bold;
margin: 0 0 0.5em -0.6em;
padding: 0.4em;
color: #fff;
background-color: #69c;
}

form#contactForm p {
clear: left;
}

form#contactForm label {
clear:left;
float: left;
width:18em;
padding: 0.4em 0;
margin: 0 0.4em 0 0;
}

form#contactForm input, form#contactForm textarea {
float: left;
width: 20em;
margin: 0 1.5em 1em 0;
padding: 0.3em;
border:none;
}
form#contactForm textarea {
width:21em;
height:10em;
font-size:1.2em;
}

form input.error, form textarea.error {
background:#fff;
} 

form#contactForm input.submit {
clear:both;
display:block;
color: #fff;
width:97px;
height:25px;
padding:0;
margin: 0 0 0 26.5em !important;
margin: 0 0 0 15.1em;
border: 0;
text-align: center;
font: bold 1.3em/2em Verdana, Arial, Helvetica, sans-serif;
cursor: pointer;
background: orange url("../stat/button_bg.gif") no-repeat 0 0;
}

div.errMsg {
width:78%;
margin-bottom:1em;
padding:0.5em 1em 1.5em 1em;
clear:left;
border:1px solid #FAE554;
background:#FFC;
}

div.errMsg ul li {
width:auto;
clear:left;
list-style-type:disc;
background:none;
padding:0;
margin:0 40px;
}