﻿  /* CSS layout */

.block { display:block;}

.bold { font-weight: bold; }

.border { border: 1px #d5dfe5 solid }

.bordertop { border-top: 1px #d5dfe5 solid }

.borderright { border-right: 1px #d5dfe5 solid }

.borderbottom { border-bottom: 1px #d5dfe5 solid }

.borderleft { border-left: 1px #d5dfe5 solid }

.clear { clear:both }

.clearleft { clear:left }
  
.clearright { clear:right }

.expanding { line-height:1.1em; font-size:1.1em; font-family: Verdana, Arial, Helvetica, sans-serif; }

.floatleft { float:left }

.floatright { float:right }

.fs70 {font-size:70% }

.fs90 { font-size:90% }

.fs120 { font-size:120% }

.cellborder {border-width:1px;border-style:solid;vertical-align:top;}

.h1 {width:395px; height:23px; color:blue}

.h10 { height: 10px }

.hide { display: none }

.italics { font-style:italic }

.linespace li { padding-bottom:5px }

.leftmenu { margin:15px 0 0 20px; border: #2a2673 2px solid; font-size:90%; width:161px; background: url(../images/menufade.png) center top }

.leftmenu a { color:#2a2673; text-decoration:none; display:block; padding:5px; }

.leftmenu a:hover { color:#ffffff; background-color:#2a2673 }

.m10 { margin:10px }

.mb4 { margin-bottom:4px }

.mb10 { margin-bottom:10px }

.mb30 { margin-bottom:30px }

.mb40 { margin-bottom:40px }

.ml10 { margin-left:10px }

.ml40{ margin-left:40px}

.mr10 { margin-right:10px }

.mt0 { margin-top:0; }

.mt5 { margin-top:5px; }

.mt6 { margin-top:6px; }

.mt10 { margin-top:10px }

.nowrap { white-space:nowrap; }

.orgcell { font-size: 70%; padding-top: 4px; color:#ffffff; }

.orgcell a { color:#ffffff; }

.orgcell a:hover { color:#313787; }

.page-break	{ page-break-before: always; }

.p4 { padding:4px; }

.pb5 { padding-bottom:5px; }

.red { color:red }

.tac { text-align:center }

.tal { text-align:left; }

.tar { text-align:right; }

.trback1 {background-color:silver}

.w70 {width:60%;}

.w17p75 { width:17.75em }

a { color:#313787 }

html,body { font: 100% Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; width:100%;
 text-align: center; color: #1d1868; background: #2a2673 url(../images/gradient.jpg) fixed repeat-x left top; height:100%; }

html,body { font: 100% Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; width:100%;
 text-align: center; color: #1d1868; background: #03808c url(../images/gradient2.jpg) fixed repeat-x left top; height:100%; }

h1 { margin:7px 0; font-size:large }

img { border:0 }

#content { border: #2a2673 2px solid; border-width:2px 2px 0 2px; padding:7px; background-color:#ffffff; color: #2a2673; font-size:80%  }

@media screen
{
#footer { clear: both; border: #2a2673 2px solid; border-width:0 2px 2px 2px; padding:7px 20px; background-color:#ffffff; color: #2a2673 }
}

#leftcol { width:200px; float:left; font-size:medium; font-weight:bold }

#mainlinks { font-size: 18px; font-weight: bold; text-align: center; padding: 10px; color:#ffffff }

#mainlinks a { text-decoration:none; color:#ffffff }

#mainlinks a:hover { color:#313787 }

#masthead { border: #2a2673 2px solid; border-width:2px 2px 0 2px; background: #ffffff;  }

#page { width:730px; float:right; margin-right:10px }

#page a:hover { background-color:#0296a4; color:#ffffff }

#strap { background-image: url(../images/gradientback.jpg); height:90px; }
#strap { background-image: url(../images/gradientback2.jpg); height:90px; }
#topslideshow img { display:block}

#wrapper { width:970px; margin:20px auto 10px auto; text-align:left; }

