/* ----------------------------------------------*/
/* ----------->>> PAGESTYLES #1 <<<-------------*/
/* --------------------------------------------*/

/*
Styles
------

individual page layouts and ALL site typography styling at top
misc site elements (horz, vert lines etc) below

for alternate styling options (ie styleswitcher) use the names pagestyle2.css & pagestyle3.css
and change the body font-size property.
*/


/*  development bar - this style is also in admin.css (top of page)  */

#devHeaderOuter
{
    width: 100%;
    background-color: #ff0000;
    color: #ffffff;
    height: 20px;
    font-size: 12px;    
}

.devHeaderColumn
{
    padding: 0 120px;
    text-align: center;   
}


/* misc site elements */

/* solid horizontal divider line */
.horzSolidLine 
{
margin: 1px 1px 1px 1px;
padding: 3px 0 0 0;
border-top: 1px solid #E5E5E5;  
}  

/* dotted horizontal divider line */
.horzDottedLine 
{
margin: 1px 1px 5px 1px;
padding: 0;
border-top: 1px dotted #E5E5E5; 
} 

/* solid vertical divider line */
#vertLine 
{
border-left: 1px solid #E5E5E5;    
padding: 0;
}



/* global */

* 
{
    margin: 0; 
}
 
html, body
{
margin: 0;
padding: 0;
height: 100%;
font-size: 90%;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.6em;
color: #333333;
background-color: #FAF8F3;  
text-align: center; /* used for centering layout templates in FireFox, for left aligned layouts comment out */
}

h1 
{ font-size: 170%; }

h2, .post-title 
{ font-size: 160%; }

h3, .subTitle
{ font-size: 145%; }

h4
{ font-size: 135%; }

h5 
{ font-size: 125%; }

h6 
{ font-size: 115%; }


/* header */

#headerInnerLeftHome img, #headerInnerLeft img
{
margin: 30px 0 0 20px;
}

#headerInnerLeftBottomHome h4
{
margin-top: 55px;
margin-bottom: -14px;
color: #1A5D91;
}

#headerInnerLeftBottomHome p
{
font-size: 90%;
font-weight: bold;
color: #4A381B;
}

#headerInnerRightHome img
{
margin-top: 25px;
border: solid 8px #ffffff;
}

#headerInnerRight img
{
margin-top: 35px;
}

/* top menu */

#menuInner ul 
{
display: inline;
list-style: none;
text-align: left;
}	

#menuInner li 
{
display: inline; 
margin: 0;
padding: 0;
height: 53px;
text-align: center;
}

#menuInner li a 
{
display: inline-block;
margin: 0;
padding: 15px 20px 0 20px;
height: 53px;
font-family: Arial, Helvetica, sans-serif;
font-size: 110%; 
font-weight: bold;
color: #ffffff;
text-decoration: none;
text-align: center;
}

#menuInner li a:hover 
{
display: inline-block;  
margin: 0;
padding: 15px 20px 0 20px;
height: 53px;
font-family: Arial, Helvetica, sans-serif;
font-size: 110%;
font-weight: bold;
color: #C3DDEF;   
text-decoration: none;
text-align: center;
}

#menuInner .highliteTab
{
margin: 0;
padding: 18px 20px 20px 20px;
*padding: 15px 20px 18px 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 110%;
font-weight: bold;
color: #19598B; 
background-color: #BBD1E6; 
text-decoration: none;
text-align: center;
}


/*

site page(s) styling

default styles
*/

.linktext
{
font-weight: bold;
font-size: 100%;    
color: #336699;
font-family: Arial, Helvetica, sans-serif;
}

a:link, a:visited, a:active
{
font-weight: bold;
font-size: 100%;    
color: #336699;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none
}

a:hover
{
font-weight: bold;   
font-size: 100%;
color: #336699;
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline
}

.linkCatBar
{
height: 20px;
background-color: #49779B;
color: #ffffff;
font-weight: bold;
padding-left: 8px;
}

.mandatoryField
{
color: #ff0000;
font-size: 130%;
font-weight: bold;
padding-right: 2px;
}

#ClientValidationSummary
{
color: #000000;
font-weight: bold;
padding: 0 0 20px 0;
}

#ClientValidationSummary ul li
{
list-style-type: none;
}

#ClientValidationSummary a:link, #ClientValidationSummary a:visited, #ClientValidationSummary a:active
{ 
font-weight: bold;
font-size: 100%;    
color: #ff0000;
text-decoration: none
}

#ClientValidationSummary a:hover
{   
font-weight: bold;   
font-size: 100%;
color: #ff0000;
text-decoration: underline
}

.newsDate, .date-header
{ 
font-size: 110%;
font-style: italic;
font-family: Cambria, Georgia, serif;
color: #8E8D8B;
padding: 8px 0;
}

#contactForm, #form
{
width: 420px;
}

#contactForm .label
{
display: block;
float: left;
width: 120px;
vertical-align: top;
font-size: 90%;
font-weight: bold;
color: #666666;
margin: 0;
padding: 10px 0 2px 6px;    
}

#contactForm .label2
{
display: inline-block;
width: 130px;
vertical-align: top;
font-size: 90%;
font-weight: bold;
color: #666666;
margin: 0;
padding: 5px 0 2px 6px;  
}

.labelstyle
{
float: left;
vertical-align: top;
font-size: 90%;
font-weight: bold;
color: #666666;
margin: 0;
padding: 10px 0 2px 6px;    
}

#contactForm .text 
{
float: right;
margin: 2px 0 2px 0;
vertical-align: top;
}

#contactForm img 
{
margin-top: 25px;
}
 
img.formIcon {
float: right;
margin: 8px 0 0 0;
}
 
input, textarea {
color: #666666;
background: #EDE2CF;
border: 1px solid #EDE2CF;
padding: 6px;
margin: 6px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

input#submit.addressButton 
{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #ffffff;
padding:4px 8px 4px 8px;
background: url(../images/button_address.gif) no-repeat top left;
border:none;
width:165px;
height:37px;
cursor: pointer;
}

input#submit.addressButton:hover {
background-position:0 -37px;
}
 
input#submit.emailButton 
{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
padding:4px 8px 4px 8px;
background: url(../images/button_submit.gif) no-repeat top left;
border:none;
width:107px;
height:37px;
cursor: pointer;
}
 
input#submit.emailButton:hover {
background-position:0 -37px;
}
 
input#reset.emailButton 
{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #ffffff;
padding:4px 8px 4px 8px;
background: url(../images/button_submit.gif) no-repeat top left;
border:none;
width:107px;
height:37px;
cursor: pointer;
}

input#reset.emailButton:hover {
background-position:0 -37px;
}
 
input:focus, textarea:focus{
border: 1px solid #EDE2CF;
background-color: #F9F1E4;
}
 
input[type=text]:focus, input[type=password]:focus {
outline: 0 none;
}


/* site specific styles  */

h1.pageTitle
{
color: #1A5D91;
font-size: 230%;
}

h2.pageTitle
{
color: #1A5D91;
font-size: 230%;
font-weight: normal;
}

h3.pageTitle
{
color: #1A5D91;
font-size: 150%;
font-weight: normal;
}


h4.subPageTitle
{
color: #1A5D91;
font-size: 150%;
}

.comments
{
color: #333333;
font-family:Georgia;
font-style:italic;
font-size:12px;
}


a.subTitleLink:link, a.subTitleLink:visited, a.subTitleLink:active
{
font-size: 145%;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none
}

a.subTitleLink:hover
{ 
font-size: 145%;
color: #333333;
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline
}

.diaryPad
{
margin: -20px 10px 0 190px;
}

#contactBox img, #rightContactBox img, #rightHistoryBox img
{
float: right;
}

/*  blooger override styles  */
.sidebar-title 
{
font-size: 135%;
font-weight: 500;
}

#sidebar2 ul li
{
list-style-type: none;
padding: 0;
margin: 0 0 0 -13px;
}

/* footer */

#footerInner p
{
padding: 6px 0 10px 0;
color: #333333;
font-size: 120%
}

#footerInner .imgPadding
{
margin-right: 45px;
}

/* xtrafooter */

#xtrafooterInnerLeft
{
font-size: 90%; 
color: #828282;
}

#xtrafooterInnerRight
{ 
font-size: 90%;
color: #828282;
}



/*  Google Map Styling  */

#pledgeForm
{
width: 350px;
}

#Esa
{
 width: 345px; 
 height: 285px;  
 border: 1px solid black;
}

/*
#map
{
width: 345px; 
height: 285px; 
border: 1px solid black; 
display: none;
}
*/