html, body, #wrap {height: 100%;}
html { font-size: 16px; }

body {  
  font-family: Arial, Helvetica, sans-serif;
  background-color: #ddd;
  color: black;
  font-size: 62.5%; 
  line-height: 1.6em;

}


/*
--------------------------------------------
GENERAL HTML STYLES
--------------------------------------------
*/

h1 { 
  font-size: 2.4em; 
  font-weight: bold; 
  color: white; 
  background-color: transparent;
  padding: 100px 0 0 0;  
}
h1 .qualifications { padding-top: 10px; float: left; font-size: 0.7em; }

h2 { font-size: 1.6em; font-weight: bold; color: black; 
  padding: 16px 0px 22px 0px; line-height: 1em; 
}
h3 { font-size: 1.1em; font-weight: bold; color: black; padding: 6px 0px 8px 0px; }
h4 { font-size: 1.0em; font-weight: bold; color: black; padding: 6px 0px 8px 0px; } 
h5 {}
h6 {}

p { padding-bottom: 8px; }

ul, ol {margin-bottom: 8px; }
li { padding-bottom: 4px; padding-left: 8px; margin-left: 28px; list-style: disc; }

a { color: #005f85; }
a:hover { color: #000000; }

blockquote { padding-left: 18px; padding-bottom: 6px;}

strong { font-weight: bold; }
em { font-style: italic; }
img { padding: 0; margin: 0; }

/*
--------------------------------------------
COMMON STYLES
--------------------------------------------
*/

.hidden { visibility: hidden; }
h2 .hidden { display: none; }

.introduction { padding: 8px 0 8px 0; font-weight: bold; font-size: larger; color: #76A9BE; }
.clear { clear: both; font-size: 1px; overflow: hidden; height: 1px; }
.indent { padding-left: 18px; }

.jumptocontent { display: none; }
.contentanchor { display: none; }

.logo { width: 570px; height: 26px; float: right; }

/*
--------------------------------------------
PAGE STRUCTURE STYLES
--------------------------------------------
*/

#page {
    border: 2px solid black; background-color: #F1F6F9;
      width: 950px; 
  margin: 12px auto;
}

#branding {  
  background: #005F85 url(../styles/bg_branding.jpg) top right no-repeat; 
  height: 200px; 
  border-bottom: 5px solid #313131;
  padding: 28px 0px 0px 14px; color: white; }
#branding p { clear: left; padding-top: 12px; font-size: 1.2em; }


#main-content { clear: both; background: white; height: auto;
   padding-top: 12px; overflow: auto; }
* html #main-content { padding-top: 6px; }

#content { 
display: block;
width: 545px; 
font-size: 1.2em; 
background: #F1F6F9 url(../styles/bg_main_content.gif) top left repeat-x;
padding: 0 17px 24px 50px;
float: left;
}

#content.full {
  width: 883px;
} 

#side-bar {
  float: left;
  width: 325px; background: white; height: auto; padding: 0 0 12px 12px; overflow: hidden; 
}



#links {  }
#links img { padding: 0; margin: 0;  }

/*
---------------------------------------------------------
NAVIGATION STYLES
---------------------------------------------------------
*/

#nav, #nav ul, #nav ul li { padding: 0; margin: 0; list-style: none;}

#nav a { font-size: 1.2em; 
  display: block; 
  padding: 0 15px; 
  line-height: 28px; 
  text-align: center; 
  background: #F1F6F9 url(../styles/bg_nav_a.gif) -1000px bottom no-repeat; 
  font-weight: bold; 
  text-decoration: none;
}
#nav ul li ul li a { text-align: left; 
  display: block; 
  line-height: 28px; 
  width: 120px; 
  padding: 2px 14px 3px 12px; 
  background: #F1F6F9 none no-repeat; 
  font-weight: bold; 
  font-size: 1.1em;
  border-bottom: 1px solid #b3bfcc;
}

#nav { background: #F1F6F9; }
#nav ul { padding-left: 16px; } 
#nav ul li { list-style: none; float: left; position: relative; padding-right: 2px; 
  background: url(styles/bg_nav_li.gif) center right no-repeat; }
#nav ul li.last { background: none; }

/* sub menu items */
#nav ul li ul { padding-left: 0; position: absolute; display: none; text-align: left; background-color: transparent; left: 1px; top: 28px; width: 146px; filter:alpha(opacity=85); opacity: 0.85; -moz-opacity:0.85; }
#nav ul li ul li { background-image: none; filter:alpha(opacity=100); opacity: 1.0; -moz-opacity:1.0; }
#nav li > #nav ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ top: auto; left: auto; z-index: 10; }
#nav ul li:hover ul, #nav .sfhover ul { display: block;  }

#nav a { color: #005F85;  }
#nav a:hover, #nav li.selected a { background: #F1F6F9 url(../styles/bg_nav_a.gif) center bottom no-repeat; }


/*
---------------------------------------------------------
FOOTER STYLES
---------------------------------------------------------
*/

#site-info {
  clear: both; background-color: #005F85; color: white; 
  line-height: 22px; text-align: left; font-size: 0.95em; padding: 0 12px 0 12px} 
#site-info p {
  padding: 0;
}
#site-info p.right { float: right; }
#site-info a { color: white; text-decoration: none; }
#site-info a:hover { color: #ddd; text-decoration: underline; }