@charset "utf-8";
/* ----------------------------------
  CompanyName Style Sheet
  by Echo Web Services
  www.echowebservices.com
  -----------------------------------
Color Scheme

blue: 2e3191
light blue: 8fc1e2
*/

/* PRINT ------------------------------------------------------ PRINT */
/*The @ media does not function correctly in IE so 
the best bet is simply to move the a:after to the print style sheet.*/
@media print {a:after {content: "  (" attr(href) ")  ";}
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12pt;
	background:none;}
}

body, div, table,tr, td, form,#nav ul{margin:0;padding:0;}
body {
	margin:0;
	padding:0;
	font:100% "Trebuchet MS", tahoma, sans-serif; /*or 11px sometimes works well*/
	background: #2e3191 url(../img/theme/bodyBackground.gif) repeat-x;
	color: #000;
	line-height:1.5;}
/* LINKS ------------------------------------------------------ LINKS */
a {text-decoration:none;}
a:link {}
a:visited {}
a:hover {text-decoration:underline;}

/* LAYOUT ELEMENTS ------------------------------------- LAYOUT ELEMENTS  */
#wrapper{ 
	background: url(../img/theme/leftShadow.png) repeat-y;
	padding-left:40px;
	width:880px;
	margin: 0 auto;}
#rightShadow {
	background: url(../img/theme/rightShadow.png) repeat-y top right;
	padding-right:40px}
	#content {
		background:#fff;
		width:840px;}
	#header{}
	#main{
		padding:15px;}
	#footer{
		width:850px;
		margin-left:-5px;
		background:#000;
		text-align:center;
		color:#fff;
		font-size:90%}
	#footer a,#footer a:visited {color:#fff;}
	#pageFooter{
		padding-left:2em;
		font-size:90%}

#logo {
	margin-left:10px;}
#miniNav {
	font-size:80%;
	text-align:right;}

#miniNav a, #mainNav a:visited{
	color:#000;
	font-weight:700;
	margin-right:5px;}


#homeDay #leftColumn {
	width:200px;
	float:left;
	line-height:100%;
	font-size:90%}
#homeDay #rightColumn {
	width:580px;
	float:left;
	margin-left:18px;
	font-size:90%;
	line-height:1.25;}
#homeDay #main a, #homeDay #main a:visited  { color:#2e3191;}
#homeDay #leftColumn h3,#homeDay #rightColumn h2{
	background:#666666;
	color:#fff;
	padding:5px;
	margin:0;
	letter-spacing:.5em;
	text-transform:uppercase;
	text-align:center;}
#homeDay #leftColumn p{
	font-size:80%;}
#homeDay #leftColumn a {
	display:block;
	border-bottom:1px dashed #ccc;
	margin-bottom:8px;
	color:#000;
	font-weight:700;
	text-decoration:none;}
#homeDay #leftColumn a:hover {
	border-bottom:1px dashed #000;}
	
#nav{
	display:block;
	height:24px;
	background:url(../img/theme/menuBackground.gif) repeat-x;
	text-align:center;
	border:1px solid #000;
	margin:auto;
	width:810px;}
	
#nav a {
	color:#fff;
	font-weight:700;
	padding:0 25px;
	margin:0;
	border-left:2px solid #fff;}
#nav a.home {border:none;}
#nav a:hover {
	background:#fff;
	color:#2e3191;
	text-decoration:none;}

/* TEXT ------------------------------------------------------- TEXT */
	
#loginName{background: url(/img/style/username.gif);}
#loginName:focus{background: #ffffff;}
#loginPassword{background: url(/img/style/password.gif);}
#loginPassword:focus{background: #ffffff;}
h1, h2, h3, h4, h5, h6, p {margin-top: 0;}
h1 {font-size: 150%;}
h2 {font-size: 130%;}
h3 {
	margin-bottom: .2em;
	font-size: 110%;}
h4 {
	margin-bottom: 0;
	font-size: 100%;}
h5, h6 {font-size: 100%;}	
.tinytext {font-size:80%;}
.tiniertext {font-size:70%;}
/* NAVIGATION ------------------------------------------------- NAVIGATION */
/* LISTS ------------------------------------------------------ LISTS */
/* IMAGES ----------------------------------------------------- IMAGES */
img {border: none;}
/* TABLES ----------------------------------------------------- TABLES */
/* FORMS ------------------------------------------------------ FORMS */

/* MISC ------------------------------------------------------ MISC */
.clearing{clear:both;}
/* Clear the container item so short pages won't "stick out" the menu*/	
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/*.clearfix {display: inline-block;} This causes Validation errors */
* html #mainBody	{display: inline;}	
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.pullout {
	border:2px solid #2e3191;
	background:#8fc1e2 /*url(../img/theme/pulloutBackgound.gif) repeat-x;*/;
	padding-left:10px;
	padding-right:20px;
	font-size:90%;}
.pullout p, .pullout h1{ margin-bottom:0;}
.leftBlock, .rightBlock {
	width:390px;
	float:left;}
.rightBlock {
	border-left:2px solid #000;
	clear:right;
	padding-left:1em;}
.leftBlock h2, .rightBlock h2 {
	margin:0;}