body {
	color: #000000;
	background: url(/_assets/images/bg.gif) no-repeat center top #363636;
	font-size: 12px;	
}

body, p, h1, h2, h3, table, td, th, ul, ol, textarea, input, div {
	font: normal 0.95em verdana, arial, helvetica, sans-serif;
	line-height: 18px;}
	
a:link, a:visited, a:hover, a:active {
	color: #004785;
}

a:focus {
	outline: none;}

.clearIt {
    	clear:both;
    	height:1px;
		overflow:hidden;
}

h1 {font-size:200%;}
h2 {font-size:150%;}
h3 {font-size:130%;}
h4 {font-size:110%;}
h5 {font-size:90%;}
h6 {font-size:80%;}

h1, h3, h5 {
	color:#99ccff;	
	font-family: Time News Roman;}

h2, h4, h6 {
	color: #336633;	
	font-family: Time News Roman;}
	
hr {
	background-color:#d4d4d4;
	height:1px;
	border:0px;
}

img {border: 0px;}

strong {}

.highlight { color: #990000;}

.smallfont {font-size: 11px;}

.alert {}


/* ----- header ----- */
#headerbar {
	background-color: #000;
	color: #cc9900;
	text-transform: uppercase;}
	
#headerbar a, #headerbar a:active, #headerbar a:visited {
	color: #cc9900;
	text-decoration: none;
	display: block;}	
	
#headerbar a:hover {
	text-decoration: underline;}	
	
div.headerinput {
	background-color: #363636;}	

div.headerinput input {
	background-color: #363636;
	color: #b3b3b3;
	border: 0px;	}
	
div#logo {
	background: url(/_assets/images/bg-header.png) no-repeat;}	
	
h1 {
	background: url(/_assets/images/logo.png) no-repeat;}
	
/* ----- content home ----- */	
	
#info-holder .home1, #info-holder .home3 {
	font-size: 90%;
	color: #cccccc;}
	
#info-holder .home1 h2, #info-holder .home3 h2, #info-holder .home2 h2 {
	color: #cc9900;
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	padding: 0px;}	
	
#info-holder .home2 h2 {
	color: #336633;
	font-size: 25px;	
	border-bottom: 1px dotted #336633;}	
	
#info-holder .home1 p  {
	margin: 0px;}	
	
#info-holder .home1 div.title {
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;}		
	
#info-holder .home1 div.readmore {
	margin-top: 5px;
	color: #99ccff;}	
	
#info-holder .home1 div.readmore a, #info-holder .home3 a, #info-holder .home1 a   {
	color: #99ccff;}		
	
#info-holder .home3 input {
	width: 200px;
	height: 18px;
	background-color: #fdf3d2;
	border: 0px;
	color: #000;
	margin-bottom: 5px;}
	
	
#info-holder .home3 input.bluebutton {
	width: 87px;
	height: 24px;
	margin-top: 5px;}	
	
#info-holder .home1 h2, #info-holder .home3 h2, #info-holder .home2 h2  {	
	margin: 0px;
	margin-bottom: 10px;
	line-height: 21px;	}
	
#info-holder .home2 h2 	{	
	line-height: 25px;	
	width: 350px;}	
	

	
	
/* ----- content inside ----- */		
	
#info-holder .left {
	color: #f4f4f4;}	
	
.left h2 {
	font-size: 24px;
	color: #cc9900;
	font-style: italic;}	
	
.right h2 {
	font-size: 25px;
	text-transform: uppercase;
	font-style: italic;
	letter-spacing: 0.1em;
	padding-bottom: 3px;
	border-bottom: 1px dotted #336633;	}	
	
.right h3 {
	font-size: 14px;
	font-weight: bold;
	color: #004785;
	font-family: verdana, arial;}	
	
.right h3.calendar {
	line-height: 25px;  
	border-bottom: 1px dotted #ccc; 
	padding-left: 10px;
	font-weight: bold;}	
	
.right .seperation {
	border-top: 1px dotted #336633;
	padding-top: 3px;
	margin-top: 20px;}	
	
.right ul#calendarnav {
	list-style: none;
	display: block;
	height: 20px;
	padding: 0px;
	padding-left: 10px;
	margin: 10px 0px;
	background-color: #f4ffe7;}	
	
.right ul#calendarnav li {
	float: left;
	display: inline;}	
	
.right ul#calendarnav li a {
	display: block;
	margin-right: 15px;
	font-size: 11px;
	text-decoration: none;}	
	
.right a.readmore {
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;}	
	
.right ul#calendarnav li a:hover, .right a.readmore:hover {
	text-decoration: underline;}	
	
.right div.calendar {
	font-size: 1em;
	border-bottom: 1px dotted #83a558;}	
	
.right .lightblue {
	color: #4c96e0;}	
	
.right div.calloutbox h3 {
	font-size: 13px;
	margin-top: 0px;
	font-weight: bold;
	font-style: italic;
	}		
	

.right div.calloutbox {
	float: right;
	width: 220px;
	padding: 15px;
	margin: 15px;
	margin-right: 0px;
	border: 1px dotted #4c96e0;
	font-size: 11px;
	color: #004785;
	background-color: #ffffff;}
	
.right div.calloutbox p {
	font-size: 11px;}
	
.right div.calloutbox p {
	display:block;
	text-align:center;}

.right div.loginbox	
{   float: none;
    width: 450px;
    font-size: 14px;}
    
.right div.loginheader  
{
    font-size:16px;
    font-weight:bold;
    color:White;
    background-color:#004785;
    text-align: center;
    margin-bottom: 15px;
	padding: 5px;}
    
.right div.loginbox input 
{
    display:inline;
    margin-bottom: 15px;
	width: 330px;}

	
.right table {
	background-color: #ecf6ff;}
	
.right table td {
	vertical-align: top;}	

.right p.font11 {
	font-size: 11px;}	
	
/* ----- request forms ----- */		

fieldset {
	border: 1px dotted #cccccc;
	padding: 15px;}
	
legend {
	color: #004785;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	padding: 0 10px;}	
	
fieldset.step1 div {
	margin-bottom: 20px;
	clear: both;}	
	
fieldset.step2 div {
	margin-bottom: 10px;
	clear: both;}		
		
fieldset.step1 label {
	font-size: 12px;
	color: #4B784A;
	font-weight: bold;
	display: block;}	
	
fieldset.step2 label {
	float: left;
	text-align: right;
	width: 100px;
	margin-right: 20px;}
	
input, select {	
	font-size: 12px;}
	
select {
	border: 1px dotted #efefef;}	

input {	
	border: 0px;
	border-bottom: 1px dotted #CC9933;
	background-color: #ffffff;}
	
input.textfield {
	width: 300px;}		
		
textarea {
	width: 550px; margin-left: 20px; height: 50px; border: 1px dotted #CC9933;}		
	
input.button {
	background-color: #004785;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;}	
	

/* ----- sifr ----- */		


/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}	
	
.sIFR-active h2 {
    visibility: hidden;    
	font-family: Time News Roman;
	display: block;
	margin: 0px;
	padding:0px;    }
	
	
.left .sIFR-active h2, div.home1 .sIFR-active h2, div.home3 .sIFR-active h2	{
	width: 200px;
	font-size: 25px;
	line-height: 21px;}
	
.right .sIFR-active h2	{
	width: 500px;
	font-size: 28px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;}



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */