/* stylesheet for Atreum Site 2011
=================================================== */

/* general
=========================================== */
body {
  width:100%;
  background: url(../images/bgBlack.png);
  font-family: arial, helvetica, sans-serif;
  font-size: 70%;
  color: #444444;
  margin: 25px;

}
#navbar {
  width: 450px;
  height: 25px;
  margin-left: 35px;
  margin-top:15px;
  font-family: arial, sans-serif;
  font-size: 100%;
}   

#navbar-left {
  width: 120px;
  height: 300px;
  valign: top;
  font-family: arial, sans-serif;
  font-size: 10pt;
  margin-left: 0px;
  margin-top:5px;
  float: left;
  
} 

#news  {
  width: 200px;
  height: 300px;
  valign: top;
  margin-left: 25px:
  }   

#logo-container {
  width: 255px;
  padding: 8px;
  margin-left: 36px;
  margin-top:25px;
  }
  
#container-head {
  background: url('../images/homeBG.png');
  background-repeat: no-repeat;
  width:100%;
  height: 75px; 
  margin: 0px 15px;
 }
 
#container {
	height: 200px;
	Width: 955px;
    margin-left: 0px;
    padding:10px;
    
}

#body-text {
   height: 100%;
   Width: 35%;
   margin-left: 0px;
   padding:25px;
}
   
#content {
  width: 100%;
  margin: 0px 15px;
  font-family: arial, sans-serif;
  font-size: 15px;
  color: #444;	
  background: #ffffff;
  /*
  float: left;
  display: inline; - gets rid of IE6 double margin bug (which crops up here if you use float: left)
  */
} 

#pagelist {
  width: 650px;
  margin: 0px 15px;
  font-family: arial, sans-serif;
  font-size: 10pt;
  color: #000000;	
  background: #ffffff;
  
}

#container-foot {
  width: 100%;
  height: 120px;
  margin: 10px 15px;	
  background: #ffffff;
  /*
  float: left;
  display: inline; - gets rid of IE6 double margin bug (which crops up here if you use float: left)
  */
  
}
#footer {

  font-family: arial, sans-serif;
  font-size: 20px;
  color: #333;	
  background: #ffffff;
  /*
  float: left;
  display: inline; - gets rid of IE6 double margin bug (which crops up here if you use float: left)
  */
}

#img-container {
  width: 934px;
  height: 281px;
  border: solid 1px #fff;
}

#left-container {
  width:75px;
  padding: 10px;
  float: left;
}

#two-container {
  width: 150px;
  padding: 10px;
  valign: top;
  float: left;
  border-right: dotted 1px #ccc;
}

#three-container {
  width: 180px;
  padding: 10px;
  valign: top;
  float: left;
  border-right: dotted 1px #ccc;
}
#four-container {
  width: 180px;
  padding: 10px;
  valign: top;
  float: left;
  border-right: dotted 1px #ccc;
}
#right-container {
  width: 180px;
  padding: 0px;
  valign: top;
  float: left;
}

#right-content {
  background: #dedddd;
}

#right-text, #right-text2 {
  padding: 5px 10px 10px 10px;
}

.clearboth {
	clear: both;
}

p.sub-title {
  margin-top: 10px;
  margin-bottom: -0.5em;
}

p {
  line-height: 140%;
}

ul {
  font-size: 100%;
  margin-left: 0px;
  padding-left: 15px;
}

li {
  list-style-image: url(../images/bullet.gif);
  list-style-type: none;
  padding: 0px 0px 5px 0px;
  margin-left: 3px;
}

.underline {
  border-top: solid #000 1px;
  margin-top: -0.5em;
  margin-bottom: -0.5em;
}

img.map {
  padding: 0px 0px 5px 3px;
}


/* header, nav, footer
=========================================== */


#header-container {
  height: 60px;
  background: #ffffff;
}

#header {
  width: 936px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
}

.logo-pos {
  float: left;
}

#nav-container {
  width: 570px;
  padding-top: 39px;
  float: left;
}

.topnav {
  float: left;
}

#subnav {
  color: #666;
  font-family: verdana, arial, sans serif;
  font-size: 120%;
  vertical-align: middle;
  padding: 0px 0px 12px 0px;
}

#two-container a {
  color: #999;
  font-size: 100%;
  text-decoration: none;
  padding: 3px 5px;
}

#two-container a:hover {
  color: #666;
  font-size: 100%;
  text-decoration: none;
  padding: 3px 5px;
}

#three-container a {
  color: #999;
  font-size: 100%;
  text-decoration: none;
  padding: 3px 5px;
}

#three-container a:hover {
  color: #666;
  font-size: 100%;
  text-decoration: none;
  padding: 3px 5px;
}

#four-container a {
  color: #999;
  font-size: 100%;
  text-decoration: none;
  padding: 3px 5px;
}

#four-container a:hover {
  color: #666;
  font-size: 100%;
  text-decoration: none;
  padding: 3px 5px;
}

#right-container a {
  color: #999;
  font-size: 100%;
  text-decoration: none;
  padding: 0px 29px;
}
#right-container a:hover {
  color: #666;
  font-size: 100%;
  text-decoration: none;
  padding: 0px 29px;
}

.subnavon {
  color: #000;
  padding: 3px 5px;
}

#footer-container {
  clear: both;
  width: 936px;
  height: 50px;
  background: #ccc;
}

#footer {
  width: 400px;
  padding-top: 10px;
  padding-left: 12px;
  font-size: 95%;
  float: left;
}

#footer a {
  color: #444;
  text-decoration: none;
  padding: 0px 3px;
}

#footer a:hover {
  color: #000;
  text-decoration: none;
  padding: 0px 3px;
}

.footnavon {
  color: #000;
  padding: 0px 3px;
}

.foot-credit {
 padding: 0px 3px;
}

#footer-logos {
  width: 275px;
  height: 41px;
  float: right;
}

.foot-logo {
  padding: 10px 0px 0px 0px;
  float: left;
}

a {color: #999; text-decoration: none;}
a:link {color: #999; text-decoration: none;}
a:hover {text-decoration: underline; color: #000;}
a:active {
	color: red;
	text-decoration: none;
	text-align: left;
}


}

a2 { color: #000; text-decoration: none; }
a2:hover { color: #444; text-decoration: bold; }
}