/* 
Title: Screen Style Sheet for NATOA
Author: Michael T. Ashby, michael@shakehowdy.com
Updated: December 29, 2007
*/


body {
	background-color: #ececec; 
	margin: 0px; 
	padding: 0px; 
	font: 70% Verdana, "Bitstream Vera Sans", arial, sans-serif;
}

/* @group links */
/* @end */

/* @group structure */
#wrapper {
	width: 980px;
	margin: 0 auto;
	text-align: center;
	background-color: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 6px solid #203880;
	border-left: 1px solid #ccc;
}

/* @group header */

#header {
	background: #fff url('../images/header_background.gif') repeat-x bottom left;
	border-top: 6px solid #203880;
	height: 159px;
}

#title {
	float: right;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	margin: 5px 20px 0 0;
}

#login {
	margin-top: 20px;
	font-style: normal;
	color: #1D1E7A;
	text-align: right;
}

#logo {
	margin: 5px 0 0 20px;
	text-align: left;
	float: left;
}

#tag {
	clear: both;
	color: #1D1E7A;
	font-style: italic;
}

/* @end */

#content {
	margin: 20px 25px 10px 25px;
	padding: 0;
	text-align: left;
}

#modules {
	padding-left: 20px;
}

#copy {
}

/* @group footer */

#footer {
	clear: both;
	padding: 5px;
	margin: 0 auto;
	text-align: center;
}

#footer p {
	font: .5em/1.5em Verdana,Arial,Sans-Serif;
	color: #666;
	text-align: center;
	letter-spacing: .3em; 
}

/* @end */
/* @end */

/* @group navigation */
#nav {
  float: left;
  width: 100%;
  font-size: 93%;
  line-height: normal;
  border-bottom: 1px solid #BCD2E6;
}
  
#nav ul {
  margin: 0;
  padding: 10px 10px 0 25px;
  list-style: none;
}

#nav li {
  display: inline;
  margin: 0;
  padding: 0;
}

#nav a {
  float: left;
  background: url("../images/tableft1.gif") no-repeat left top;
  margin: 0;
  padding: 0 0 0 4px;
  text-decoration: none;
  
}

#nav a span {
  float: left;
  display: block;
  background: url("../images/tabright1.gif") no-repeat right top;
  padding: 5px 15px 4px 6px;
  color: #1D1E7A;
}
  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {float:none;}
/* End IE5-Mac hack */

#nav a:hover span { color: #627EB7; }
#nav a:hover { background-position: 0% -42px; }
#nav a:hover span { background-position: 100% -42px; } 

#nav a .active { background-position: 0% -42px; }
#nav a span .active { 
	color:#627EB7;
	background-position: 100% -42px;
}
/* @end */

/* @group content */
h1 {
	margin: 5px 0;
	font-size: 24px;
	color: #403830;
	font-family: Georgia, Times New Roman, Times, serif;
}

h3 {
	color: #1D1E7A;
	font: 1em/1em Verdana,Arial,Sans-Serif;
	font-weight: bold;
	padding: 0px;
	margin: 0 0 5px 0;
	line-height: 1.5em;
}

p {
	margin: 0 0 1.5em 0; 
	font: 1em/1.3em Verdana,Arial,Sans-Serif;
	text-align:left;
	color:#000;
}

ul {
	margin: 0;
	padding: 0 0 10px 15px;
	list-style: circle inside;
	font-size: 12px;
}

#modules {
	float: right;
	width: 200px;
	margin: 0 0 20px 20px;
}

#modules h3 {
	background: url(../images/module_background.gif) repeat-x;
	color: #fff;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 180px;
	padding: 0;
	margin: 0 auto;
}

.blue {
	border-left: 1px solid #BCD2E9;
	border-right: 1px solid #BCD2E9;
	border-bottom: 1px solid #BCD2E9;
	width: 187px;
	background: #D8E8F8;
	font-family: helvetica, arial, sans-serif;
	font-size: 10px;
	text-align: left;
}

.blue p {
	font-size: 12px;
}

.grey {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	width:187px;
	background: #ccc;
	font-family: helvetica, arial, sans-serif;
	font-size: 10px;
	text-align: left;
}

.grey p {
	font-size: 12px;
}

.meta {
	font-size: 12px;
}

/* @end */

/* @group helpers */

img {
	border: 0;
}

.photo {
	border: 1px solid #666;
	padding: 5px;
}

.center {
	margin: 0 auto;
	text-align: center;
}

/* @end */

/* @dans stuff */

/* nothing here for now */

/* @end */