/* ############  CSS Document ############ */ 

/* ############  General Styles ############ */ 
.clear { clear: left; clear: right; clear:both } 
.left { float: left; display: inline; }
.right { float: right; display: inline; }
.decimal { text-align:right }
.fracNum, .fracDen { font-size: 70%; }
.fracNum { vertical-align: 0.4em; }
.fracDen { vertical-align: -0.1em; }

/* ############  Website Tag Styles ############ */ 
body { font-family: Tahoma; font-size: 14px; background-color: #e9ebef; padding: 0; margin:0; text-align: center; color:#425463;}
a h1 { font: bold 1.5em Tahoma; color:#284a67; padding:0; margin: 0; text-align:left; }
h1 span { display:none }
h2 { font: bold 1.5em Tahoma; color:#284a67; padding:0; margin: 0; text-align:left; }
h3 { font: bold 1.5em Tahoma; color:#284a67; padding:0; margin: 0; text-align:left; }
h4 { font: bold 1.25em Tahoma; color:#284a67; padding:0; margin: 0; text-align:left; }
p { margin:0; padding: 0 0 1em 0; text-align:justify; }
div, form, img { padding: 0; margin: 0; }
hr { clear: left; clear: right; clear: both; }
address { font-style:normal; margin:0; padding:0; }
a { text-decoration: none; outline: none; color:#38a1ff; font-weight: bold; }
a:hover { text-decoration: underline; }
a:visited { color: #38a1ff }
a:active { outline: none; color:#000 }
a img { border: none; }
small { font-size: 9px; }
button { border: 3px solid #c6d1d9; background-color: #d1dde4; color: #fff; font-weight: bold; height: 26px; vertical-align:bottom; }
input { border: 1px solid #ddd; background-color: #fff; height: 22px; vertical-align:bottom; font-size: 16px; }
fieldset { border: 0; padding:0; margin:0; position: relative; }
legend { font: bold 1.25em Tahoma; color:#284a67; padding:0; margin: 0; text-align:left; }
label { font-weight: bold; } 

/* ############  sIFR Styles ############ */ 
@media screen {
.sIFR-flash {visibility: visible !important; margin: 0; padding: 0; } 
.sIFR-replaced, .sIFR-ignore { visibility: visible !important; height: 30px; overflow: hidden;}
.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;}
}

/* ############  Template Styles ############ */ 
.buttonStyle { border: 3px solid #c6d1d9; background-color: #d1dde4; color: #fff; font-weight: bold; height: 26px; vertical-align:bottom; }


#bodyWrapper {margin: 0 auto; margin-top: 50px; text-align: left; position: relative; width: 970px; background: transparent url(../images/templateImages/topCurve.png) top center no-repeat; border: 1px solid #e9ebef;}
#content { border: 5px solid #f6f7f8; background-color:#f1f2f4; margin-top: 15px; padding:0; }
#logo { position: absolute; top: -25px; left: 415px; z-index: 1; height: 107px; width: 107px; margin:0; display: block; }
#logo h1 { background:url(../images/templateImages/BigBlogo.png) top left no-repeat; padding: 0; margin: 0; }
#logo a { display: block; height: 107px; width: 107px;}
#logoText { float: left; }
#logoText h1 { display: block; width: 200px }
#header { padding: 10px 20px; }
#header .right { margin: 5px; }

/* main navigation */
#mainNav { position: relative; display: block; clear: both; background-color: #284a67; width: 100%; padding:0; margin:0; font: bold 1.25em Tahoma; color:#fff; text-align:left; border-bottom: 1px solid #2d689b; border-top: 1px solid #badefd; }
#mainNav dd, #mainNav span { display: none }
#mainNav dt { display: block; float: left; margin: 15px 30px 15px 30px; }
#mainNav a, #mainNav a:visited { color:#fff; }

/* top content summary */
#contentSummary { position: relative; background: #4c87ad url(../images/templateImages/BGbottomShadow.png) top left repeat-x; padding: 20px 40px; }
#contentSummary .right { width: 250px; height: 210px; padding: 20px; border: 1px solid #346b8e; background: transparent url(../images/templateImages/opacityWhite.png) top left repeat; }
#contentSummary h3 { text-align: center; }
#contentSummary .left, #contentSummary .left img { width: 565px; height: 250px; }

/* main content area */
#mainContent { clear:both; position: relative; background-color: #fff; border: 1px solid #cdd4d9; padding: 40px; }
.rightSidebar { display: block; width: 250px; padding: 20px; border: 1px solid #346b8e; float: right; }

/* footer */
#footer { clear: both; position: relative; z-index: 20; margin-top: 10px; background: transparent url(/images/templateImages/BGfooter.gif) bottom left repeat-x; color:#5499da; }
#footer img { text-align: center; }
.footerColumn { display: block; width: 300px; height: 250px; padding: 10px; margin-top: 10px; float: left; }

#websiteCredit { clear: both; }
#websiteCredit p { text-align: center; clear: both; margin:0; }
#websiteCredit a { color:#fff; }


/* ############  Page Styles ############ */ 
/* Login Page */
.loginIndent { line-height: 25px; margin: 5px 0 20px 30px; }
#ctl00_cphMainContent_lMain_LoginButton, 
#ctl00_cphMainContent_PasswordRecovery1_UserNameContainerID_SubmitButton { border: 3px solid #c6d1d9; background-color: #d1dde4;  font-weight: bold; height: 26px; vertical-align:bottom; }

#ctl00_cphSidebox_prMain_UserNameContainerID_UserNameLabel { text-align: left }
#ctl00_cphSidebox_prMain { width: 247px; }


/* Portfolio Page */
.portfolio { border-bottom: 1px solid #ccc; margin-top: 20px; }
.portfolio .imgborder { padding: 3px; border: 1px solid #ccc; float: left; margin: 0 20px 20px 0; }
.portfolio .description { }