/*================================================================
The MAIN stylesheet for the website.

Define SITE-WIDE styles:
  - General Typography
  - Header Content
  - Sidebar Content
  - Forms
  - Tables
  - Footer
  - Sitewide Custom Definitions
  
================================================================*/

@import url("base.css");
@import url("layout.css");
@import url("nav.css");
@import url("forms.css");


/* GENERAL TYPOGRAPHY (Standard HTML tags)
----------------------------------------------------------------*/
html, body {
	font-family: verdana, helvetica, sans-serif;
	color: black;
	font-size: 12px;
}

h1{
	color:#013266;
	margin: 0 0 16px 0;
	padding: 3px 0;
	font-size: 20px;
}

h2 {
	color: #666;
	margin: 0 0 6px 0;
	font-size: 18px;
}

h3{
	color: #666;
	margin: 0 0 6px 0;
	font-size: 16px;
}

h4{
	color:#013266;
	margin: 0 0 6px 0;
	font-size: 14px;
}

h5{
	color: #000;
	margin: 0 0 6px 0;
	font-size: 12px;
}

p {
	margin: 0 0 6px 0;
}

a:link, a:visited {
	color:#013266;
}

a:hover {
}


/* HEADER CONTENT
----------------------------------------------------------------*/
#Header h1 {
	margin: 0 20px;
	padding: 20px 0; 
	color: white;
	font-weight: normal;
	font-size: 24px;
}
#Header h1 em {
	color: yellow;
	font-family: georgia;
	font-weight: bold;
	font-size: 28px;
}


/* SIDEBAR CONTENT
----------------------------------------------------------------*/



/* TABLES
----------------------------------------------------------------*/
table {
	clear: both;
	text-align: left;
	border:#ccc 1px solid;
	margin:15px 0;
}

.dataTable{

}

th{
	text-align:left;
	background:#ccc;
}

td, th{
	padding: 2px 3px;
	vertical-align:top;
}

td.altRow{
	background:#eee;
}


/* FOOTER CONTENT
----------------------------------------------------------------*/
#Footer p {
	
}


/* SITE-WIDE CUSTOM STYLES (Your own id's and classes)
----------------------------------------------------------------*/
.error {
	color: red;
}

hr{
	border:none;
	border-top: dashed 1px #ccc;
	height:0px;
}

.center{
	text-align:center;
}

.left{
	text-align:left;
}

.right{
	text-align:right;
}

img.floatRight{
	float:right;
	display:block;
	margin:0 0 15px 15px;
}

img.floatLeft{
	float:left;
	display:block;
	margin:0 15px 15px 0;
}

.callOut{
	border:#999 1px solid;
	padding:10px;
	background:#eee;
	font-style:italic;
}

/* SITE COLORS
----------------------------------------------------------------*/
.blue{
	color:#003366;
}

.red{
	color:#CC0000;
}

.green{
	color:#003300;
}


/* STYLEGUIDE COLORS
----------------------------------------------------------------*/
th.color, td.color{
	width:150px;
}

.color img{
	width:25px;
	height:25px;
}

img.blue{
	background:#003366;
}

img.red{
	background:#CC0000;
}

img.green{
	background:#003300;
}