﻿/*
    This is the main stylesheet for CSS layout.
    It is not for things that affect an individual page, or a section - only things that 
    affect the site as a whole.
    
    If you have style elements that go to a group of pages, consider making a new CSS
    page that will be used for all of those.

   
*/
 /**
Red Text: links on white: #DC2C27;
Black: Main Text: #000000;
Dark Blue: #042886;
Light Blue: #007DC3;
Other Light blue: #037EC4;
Pale Blue: #DDF4FF;
White: Links/Text on Blue: #FFFFFF
**/

body,html {
    width:100%;
    height: 100%;
    margin:0; 
    padding:0; 
    background: #FFFFFF;
    font-family: Lucida Sans, Helvetica;
    font-size:85%;
    background-color: #007DC3;
}
 
.ContentTable {
    width:936px;
    overflow-x:hidden; 
    border-collapse:collapse
}

.RightColumnRegion {
    padding: 0px 0px 2px 0px;vertical-align:top;width:270px
 }
 
.ContentArea {
    padding:16px;width:666px
}

/* Information related elements */
h1,h2,h3 {
    margin: 0px !important;
}

h1 {
    font-size:140%;
}

h2 {
    font-size:120%;
}


h3 {
    font-size:110%;
}

a, a:hover { 
    color: #DC2C27
}

a
{
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}
a.reverseTextDecoration
{
	text-decoration:underline;
}
a:hover.reverseTextDecoration
{
	text-decoration:none;
}

.bold
{
	font-weight:bold;
}
.smallCaps
{
	font-variant:small-caps;
}

.mainLayoutPane {
    position:relative;
    margin: 0px auto;    
    width: 936px;
}

#topMenuPane
{
    padding:0px 7px 0px 7px;
}

#contentPane  {
    border-collapse:collapse;
    background-color: White;
    color: black;
    margin:0px;
    border-bottom: 0px;
    border-top:0px none;
    
}

#bottomPane {
    text-align: center;
    padding: 0px;
    margin: 0px auto;
    bottom:0;
    margin: 0px auto;
	font-size:95%;
    font-weight:bold;
}

#bottomPane a 
{
	
}

#bottomPane a:hover
{
}
@media print {
    .hideInPrint { display: none }
    
#TranslateSection { display: none }    

#aspnetForm, .mainLayoutPane { width: 100% !important }

.ContentTable { width: 100% }

}

#TranslateSection
{
	width:270px;
	height:142px;
	border-top:2px solid black;
	border-left:2px solid black;
	border-bottom:2px solid black;
	border-right: 0px none;
}

#TranslateSection span
{
	color:#FFFFFF !important;
}

#TranslateSection a, #TranslateSection a:hover
{
	color:#FFFFFF !important;
}

#pageTitle
{
	padding:2px 0px 2px 0px;
    display:none;
    border-bottom: 2px solid #007DC3;
}

#pageBreadcrumb
{
	padding:2px 0px 2px 0px;
	font-weight:bold;
	border-bottom: 2px solid #007DC3;
}

#pageBreadcrumb a, #pageBreadcrumb a:hover
{
	
}

#pageBreadcrumb a
{
	text-decoration:none;
}

#pageBreadcrumb a:hover
{
	text-decoration:underline overline;
}

.CMSBreadCrumbsLink {
    
}
.CMSBreadCrumbsCurrentItem{
    font-weight:bold;
}

.articleHeader
{
	border-bottom:2px solid #007DC3;
	text-align:left;
}

.rightSection 
{
	width:270px;
	border-top: 0px none;
	border-left: solid 2px black;
	border-bottom: solid 2px black;
	border-right: 0px none;
}
.rightSection h1,.rightSection h2
{
	padding: 0px 0px 0px 6px;
}
.rightSection .currentPage
{
	font-weight:bold;
	text-decoration:underline;
}

.rightSectionTable
{
	width:270px;
	border-left: solid 4px #042886;
}
.rightSectionTable th
{
	text-align:left;
	font-size:110%;
	font-weight:bold;
	border-bottom: solid 2px #007DC3;
}
.navTableImage
{
	vertical-align:top;
	width:80px;
}

.navTableImage img
{
	border:none;
	width:72px;
}

.navTableSubpages
{
	width:220px;
	vertical-align:top;
}

.navTableSubpages a
{
	display:block;
	padding-bottom:4px;
}

.redText
{
	color:#DC2C27;
}
:hover.redText
{
	color:#DC2C27;
}
.darkBlueText
{
	color:#042886;
}
:hover.darkBlueText
{
	color:#042886;
}
.lightBlueText
{
	color:#007DC3;
}
:hover.lightBlueText
{
	color:#007DC3;
}
.paleBlueText
{
	color:#DDF4FF;
}
:hover.paleBlueText 
{
	color:#DDF4FF;
}
.whiteText
{
	color:#FFFFFF;
}
:hover.whiteText
{
	color:#FFFFFF;
}
.blackText
{
	color:#000000;
}
:hover.blackText
{
	color:#000000;
}
.redBackground
{
	background-color:#DC2C27;
}
.darkBlueBackground
{
	background-color:#042886;
}
.lightBlueBackground
{
	background-color:#007DC3;
}
.paleBlueBackground
{
	background-color:#DDF4FF;
}
.whiteBackground
{
	background-color:#FFFFFF;
}
.blackBackground
{
	background-color:#000000;
}

input, textarea
{
	/*
	scrollbar-base-color: #042886;
	scrollbar-arrow-color: white;
	scrollbar-DarkShadow-Color: #042886;
*/
	

	
}

 /**
Red Text: links on white: #DC2C27;
Black: Main Text: #000000;
Dark Blue: #042886;
Light Blue: #007DC3;
Pale Blue: #DDF4FF;
White: Links/Text on Blue: #FFFFFF
**/
