/* CSS Document */

body { 
 margin: 0; 
 padding: 0; 
 background-image: url(../images/styling/bg_grad.jpg);
 background-repeat: repeat-x;
 color: #000000;
 font: small Arial, Helvetica, Verdana, sans-serif;
 min-width: 800px;
 min-height: 600px
}

#wrapper {
 padding: 10px;
 height: 100%;
 margin: 30px 40px 30px 40px;
}

#header { 
 position: relative; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 15%;
 margin-top: 0px; 
}

a:hover {
 font-style: italic;
}

/* Menu Bar */

#header-bottom { 
 background-image: url(../images/styling/glbnav_backgrounda.gif);
 background-repeat: repeat-x;
 height: 100%;
}

#header-bottom ul { 
 margin: 0;
 padding: 5px; 
 text-align: right;
 height: 100%; 
} 

#header-bottom li { 
 display: inline;
 color: #000000;
 font-size: 1em;
} 

#header-bottom a:link, #header-bottom a:visited { 
 text-decoration: underline; 
 color: #000000;
} 

#tagline { 
 font-weight: bold; 
 color: #000000; 
 font-style: italic; 
 margin: 0; 
 padding: 5px; 
 width: 250px; 
 float: left; 
}

/* Main Body of text/site */

#main { 
 position: relative; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%;
 margin-top: 20px; 
 margin-bottom: 20px;
}

/* Main Text not including sidebar */

#content { 
 margin: 0 240px 0 0; 
 color: #000000; 
 height: 100%;
}

#welcome { 
 color: #000000; 
 padding: 2em 2em 1em 20px;
}

#welcome img {
  clear: both;
  float: left;
  padding: 5px;
  border: none;
}

#welcome h2 { 
 margin: 0; 
 font-weight: normal; 
 font-size: 130%; 
}
 
#welcome p { 
 font-size: 110%; 
}

#welcome a:link, #welcome a:visited { 
 padding-left: 0px; 
 font-size: 110%; 
 text-decoration: underline; 
 color: #000000;
}

#welcome p.more { 
 margin-top: 0; 
 text-align: right;
 font-size: 12px;
} 

#welcome p.more a:link, #mainfeature p.more a:visited { 
 color: #0000FF;
}

/* Main content within the welcome part of the page */

#content .inner { 
 margin: 10px 20px 10px 40px; 
 height: 100%;
}

#content .inner h1 { 
 color: #000000; 
 padding-bottom: 0.2em; 
 border-bottom: 1px solid #000000; 
 font-size: 120%; 
}

#content .inner h2 { 
 color: #000000;
 font-size: 100%;
}

#content .inner ul .contactus {
  margin: 0;
  padding: 0;
  list-style: none;
}

#content .inner .contactus li {
  clear: both;
  margin-top: 20px;
  height: 1%; 
}

#content .inner .contactus {
  margin: 0;
  padding: 0;
  list-style: none;
}

#content .inner p.contactus {
 margin-left: 6em;
}

#content .inner .map {
  float: none;
  padding: 20px;
  position: relative;
}

#content .inner h2.staff {
  font-size: 90%;
  font-weight: bold;
  line-height: 1em;
  margin-left: 6em;
  margin-top: 0;
  display: inline-table;
  vertical-align: top;
}

#content .inner .staffimg {
  float: left;
  padding: 0px 5px 20px;
  position: relative;
}

#content .inner p { 
 color: #000000; 
 font-size: 90%;
 margin-left: 1em; 
}

#content .inner img {
  clear: both;
  float: left;
  padding: 5px;
  border: none;
}

#content .inner p.staffinfo { 
 color: #000000; 
 font-size: 90%;
 margin-left: 6em; 
}

#content .inner p.more { 
 margin-top: 0; 
 text-align: right; 
}

#content .inner a:link, #content .inner a:visited { 
 padding-left: 0px; 
 font-size: 110%; 
 text-decoration: underline; 
 color: #000000;
}

/* Sidebar showing service info and Alpha */

#sidebar {
 position: absolute;
 top: 0;
 right: 0;
 width: 230px;
 margin: 0;
 padding: 0;
 background-image: url(../images/styling/sidebar_background.jpg);
 background-repeat: repeat-x;
}

#sidebar .inner { 
 padding: 10px; 
 border-left: 1px solid #000000;
}

#sidebar .inner h1 { 
 font-size: 110%; 
 margin: 0; 
 padding: 0.2em 0 0.2em 10px; 
 font-weight: bold; 
}

#sidebar img{
  padding: 80px 10px 10px 10px;
  border: none;
}

#searchform .text { 
 width: 196px; 
 border: 1px solid ; 
}

#searchform .searchbutton { 
 text-align: right; 
 margin-top: 4px; 
}