/*================================================================
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:Arial, Helvetica, sans-serif;
	color: black;
	font-size: 12px;
}

h1{
	color: #244076;
	margin: 0 0 16px 0;
	padding: 3px 0;
	font-size: 15px;
}

h2 {
	color: #666666;
	margin: 0 0 6px 0;
	font-size: 14px;
}

h3{
	color:#000;
	margin: 0 0 6px 0;
	font-size: 12px;
}

h4{
	color: #666;
	margin: 0 0 6px 0;
	font-size: 12px;
}

h5{
	color: #000;
	margin: 0 0 6px 0;
	font-size: 12px;
}

p {
	margin: 0 0 6px 0;
}

a:link, a:visited {
	color:#244076;
}

a:hover {
}



/* SIDEBAR CONTENT
----------------------------------------------------------------*/



/* TABLES
----------------------------------------------------------------*/
table {
	clear: both;
	text-align: left;
	border:#ccc 1px solid;
}

th{
	text-align:left;
	background:#ccc;
}

td, th{
	padding: 2px 3px;
}

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;
}


.callOutBox h2{
	color:#244076;
	font-size:14px;
	text-align:center;
}

.callOutBox a{
	display:block;
	background:#fff;
	border: 1px solid #244076;
	width: 100px;
	padding:4px;
	margin:15px 0 0 50px;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
	text-align:center;
}

/* 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;
}

.adios
{
  display:none;
}

span.red
{
	color:Red;
}