/* Intro
--------------------------------------------------------
   This file is used to help make cross-browser design
   easier by setting default styles. Most of these
   styles can be overriden and styled by editing
   'layout.css'.

   DO NOT EDIT THIS FILE!
   Global Font Sizes
-------------------------------------------------------
The following code is to help achieve scalable and consistant
font-sizes across major platforms. To set a font-size in the 
CSS, use one of the percentage values from the table below.

This code is courtosy of the fine folks at Yahoo, Code is 
licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
--------------------------------------------------------
	 77% = 10px	 85% = 11px	 92% = 12px
	100% = 13px	107% = 14px	114% = 15px
	122% = 16px	129% =17px	136% = 18px
	144% = 19px	152% = 20px	159% = 21px
	167% = 22px	174% = 23px	182% = 24px
	189% = 25px	197% = 26px
-------------------------------------------------------*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:10px auto 0 auto;
	text-align:center;
	background-color:#FFFFFF;
	background: #9dc6e0 url(graphics/bg-body.gif) repeat-x;
}
* {
margin:0;
padding:0;
}
h1 {
	font-size:1.3em;
	color:#990000;
	padding:5px 0 0 10px;
}
h2 {
	font-size:1em;
	color:#333399;
	padding:15px 0 0 10px;
	border-bottom: 1px solid #333399;
}
h3 {
	background-color:#2c4a8b;
	color: #FFFFFF;
	font-size: .95em;
	padding:5px;
	margin:5px 5px 3px 5px;
}
p {
	margin: 0;
	padding:10px 0 0 10px;
	font-size:.8em;
	line-height:1.3em;
}
li {
	font-size:.8em;
	}
a {
	text-decoration:underline;
	color:#294789;
}
a img {
	border: none;
	}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#main {
	width:790px;
	height:100%;
	background-color:#FFFFFF;
	margin:0 auto 0 auto;
	text-align:center;
	border:#666666 1px solid;
		}
/**************************************************/		
/************** BANNER DIVs ***********************/
/**************************************************/
#banner {
margin:0;
padding:0;
}
#bannerborder{
	background: url(graphics/bannerborder.gif) repeat-x;
}


/**************************************************/		
/************** NAVIGATION DIVs ***********************/
/**************************************************/
#nav {
width:153px;
text-align:left;
}

/**************************************************/		
/************** CONTENT DIVs ***********************/
/**************************************************/

#content {
text-align:left;
}
#content ul {
margin:10px 0 0 30px;
text-align:left;
list-style: url(graphics/bullet.png);
}
#content li {
margin: 0 0 10px 5px;
}
#content td {
vertical-align:top;
text-align:left;
	font-size:.85em;
}
#content p {
text-align:left;
}

/*#content a {
	text-decoration:underline;
	color:#294789;
	padding:0;
	font-size:1em;
}*/
#content img {
margin:0;}

.breadcrumb {
font-size:11px;
text-align:center
}
.opus {
	color: #990000;
	font-size: 1.2em;
	font-weight: bold;
}
/************** CONTACT DIVs ***********************/
#contact {
width:170px;
font-size:12px;
margin:0 5px 0 0;
padding:5px;
}
#contact h2 {
	background: url(graphics/contact_bckgd.png) repeat-x;
	height:24px;
	color:#FFFFFF;
	padding:3px;
	margin:0 2px;
	font-size:12px;
	text-align:center;	
}
#contact p {
	margin: 0 0 15px 0;}
/************** SUB TEXT DIVs ***********************/
#sub1 {
text-align:center; 	height:100%;
padding:3px 5px;
}
#sub1 p {
padding:3px 5px 12px 12px;
}
#sub1 img {
border:none;
}

a.h2link:link, a.h2link:active, a.h2link:visited, a.h2link:hover{
	color:#FFFFFF;
	text-decoration:none;
	}
#sub1 .leftcol, #sub1 .middlecol, #sub1 .rightcol {
	width: 189px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin:2px 2px 5px 2px;
	border:1px solid #cccccc;
	height:700px;
}
#sub1 .leftcol{
	float: left; /* since this element is floated, a width must be given */
}

#sub1 .middlecol{
	float: left; 
}

#sub1 .rightcol{
	float: left; 
	}
	
/*********************************************************************************/	
/************** SUB TEXT DIVs ***********************/
.sub {
text-align:center; 	height:100%;
padding:3px 5px;
}
.sub p {
padding:3px 5px 12px 12px;
}
.sub img {
border:none;
}

a.h2link:link, a.h2link:active, a.h2link:visited, a.h2link:hover{
	color:#FFFFFF;
	text-decoration:none;
	}
.leftcol, .middlecol, .rightcol {
	width: 189px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin:2px 2px 5px 2px;
	border:1px solid #cccccc;
	height:290px;
}
.leftcol{
	float: left; /* since this element is floated, a width must be given */
}

.middlecol{
	float: left; 
}

.rightcol{
	float: right; 
	}
.leftcol h2, .middlecol h2, .rightcol h2 {
	background: url(graphics/h2_backgd.png) no-repeat;
	color:#FFFFFF;
	height:42px;
	padding:7px 3px;
	border:none;
	font-size:14px;
}
.leftcol1, .middlecol1, .rightcol1 {
	width: 190px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin:2px 2px 5px 2px;
	border:1px solid #cccccc;
	height:100%;
}
/*************FORMS *************************/
 form {
 margin: 8px;}
  input.surprise {
  	display:block;
  	height:1px;
  	width:1px;
  	visibility:hidden;
  }
  fieldset {
  border:none;
    clear: both;
  font-size: 100%;
  padding: 3px;
  margin: 0 0 0 0;
  }
  form fieldset legend {
  font-size: 150%;
  font-weight: normal;
  color: #000000;
  margin: 0 0 0 0;
  padding: 0 5px;
}
  label {
  padding:3px 0;
  }
input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	margin:3px 0;
}

textarea {
  overflow: auto;
}
form div label{
display: block;
float: left;
width: 130px;
padding: 3px 5px;
margin: 0pt;
text-align: right;
}
form input, form textarea {
background-color: #ffffff;
}
input.inputSubmit{
background-color:#990033;
color: #ffffff;
text-align:center;
padding:4px;
margin:0 0 0 20px;
float:right;
}
 input.surprise {
  	display:block;
  	height:1px;
  	width:1px;
  	visibility:hidden;
  }
/**************************************************/		
/************** FOOTER DIVs ***********************/
/**************************************************/

#footer {
	color:#ffffff;
	font-size:.8em;
	height:24px;
	background: url(graphics/contact_bckgd.png) repeat-x;
line-height:.9em;
	padding:5px 3px;
}
#footer p {	padding-top:10px;
	padding-bottom:10px;
	}
#footer a {
color:#FFFFFF;
	font-size:.8em;
	}
div.footergreen {
	background-image: url(graphics/imgbackgdFooter.jpg);
	background-repeat: repeat-x;
	height:13px;
	}
div.footergrey {
background-image:url(graphics/imgbackgdFooter2.gif);
height:28px;
width:745px;}

.gx {
font-size:10px;
color:#0099CC;
padding: 25px 0 15px 0;
}