html, body
{
    margin: 0;
    padding: 0;
    height: 100%;
}
body
{
    font-size: .9em;
    font-family: Arial, Trebuchet, Verdana, Helvetica, Sans-Serif;
    color: #000000;
   /*background-color: #c4c4c4;*/
     background-color: #e9e9e9;
    text-align: center;
    background-image: url('/media/images/css/bgRepeatX.jpg');
    background-repeat: repeat-x;
    height: 100%;

}

/* Basic Text (Links, p, ul)   
----------------------------------------------------------*/


a
{
    color: #ec2227;
    text-decoration: none;
    outline: none;
}
a img{border: none;}
a:visited
{
}
a:hover
{
    text-decoration: underline;
}
a:active
{
    color: #ff0000;
}
p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Trebuchet, Verdana, Helvetica, Sans-Serif;
}

h1
{
    font-size: 1em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/


#aspnetForm
{
    min-height: 100%;
    position: relative; 

}

#wrapper
{
    background-position: center top;
    background-image: url('/media/images/css/bgSideSquares.jpg');
    background-repeat: no-repeat;  
    min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -218px; /* the bottom margin is the negative value of the footer's height */
}

#page
{
    text-align: left;
    width: 992px;
    margin: 0px auto;
}

#header
{
    position: relative;
    height: 360px;
    /*background-color: #968470;*/
}
.subPage #header{ height: 180px;}

#logo
{
    position: absolute;
    width: 146px;
    height: 181px;
    left: 90px;
    top: -1px;
    z-index: 100;
}
#nav
{
    position: absolute;
    left: 235px;
    height: 56px;
    width: 757px;
    background-color: #000000;
    margin: 0;
    padding: 0;
    z-index: 100;
     font-size: .8em;
}
#backgroundImages{height: 360px; width: 992px;overflow:hidden;  z-index: 10; position: absolute; top: 0px; left:0px;}
.subPage #backgroundImages{height: 181px; width: 992px;}
#gridOverlay{height: 360px; width: 992px;overflow:hidden;  z-index: 11; position: absolute; top: 0px; left:0px;}
.subPage #gridOverlay{height: 180px;}

#nav li{ font-size: 1.3em; font-weight: bold; display: inline;  height: 56px;}
#nav li a{ color: #8b8989; padding: 30px 10px 8px 40px; display: block; float: left;}
#nav li a:hover{color: #ffffff; background-color: #9f0007; text-decoration:none;}
#nav li a.selected{color: #ffffff; background-color: #9f0007;}
#body
{
    padding: 0px 10px; 
    padding-bottom: 245px; /* Height of the footer */
}

#footer
{
  
    bottom: 0;
    width: 100%;
    height: 218px; 
 background-image: url('/media/images/css/bgFooterRepeatX.jpg');
    background-repeat: repeat-x;
      position: absolute;
    
}
#InnerFooter 
{
    width: 992px;
    margin: 0px auto; 
    position: relative;
  }
/* other non-essential CSS */
#header p, #header h1
{
    margin: 0;
    padding: 10px 0 0 10px;
}
#footer p
{
    margin: 0;
    padding: 10px;
    position: relative;
}

/* footer address */
#footer .MiniLogo{  position: absolute; left: 0px; top: 45px;}
#footer .Tagline { position: absolute; left: 80px; top: 55px;}
#footer .adr{ font-family: 'Lucida Sans', Arial, Trebuchet, Verdana, Helvetica, Sans-Serif; font-size: 13px;  position: absolute;  left: 77px; top: 85px;  text-align: left; line-height: 115%;}
#footer .adr .street-address{}
#footer .adr .extended-address{ display: none;}
#footer .adr .locality{}
#footer .adr .region{}
#footer .adr .postal-code{}
#footer .adr .country-name{}

/* footer contact icons */
#footer #StayInTouch {position: absolute;top: 145px; margin-left: 0px; padding-left: 0px;}
#footer #StayInTouch li{ display: block; float: left; }
#footer #StayInTouch li a{display: block; height: 59px; width:58px; text-indent: -999em; background-repeat: no-repeat;}
#footer #StayInTouch li.rss a{background-image: url('/media/images/css/rss.jpg'); }
#footer #StayInTouch li.facebook a{ background-image: url('/media/images/css/facebook.jpg'); }
#footer #StayInTouch li.email a{ background-image: url('/media/images/css/email.jpg'); }
#footer #StayInTouch li.directions a{  background-image: url('/media/images/css/directions.jpg'); width:59px;}
#footer #StayInTouch li.inTouch a{ background-image: url('/media/images/css/stayInTouch.jpg'); width:200px;   background-position: 0px 0px !important; }
#footer #StayInTouch li a:hover
{
    background-position: 0 -59px;
    
}

/* Footer Contact Form */
#footer .QuickContact{width: 500px; position: absolute; right: -10px; top:16px; border: none;  height: 202px; width: 450px; text-align: right; margin: 0px; padding:0px; display: none;}
#footer .QuickContact #btnSendEmail{position: absolute; bottom: 0px; right: 0px; background-image: url('/media/images/css/btnSendMsg.jpg'); width: 207px; height: 59px; cursor:pointer; border: none; text-indent: -999em;}
#footer .QuickContact #txtName
{
    width: 185px; height: 25px;  
     line-height:25px;
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 15px;  
}
#footer .QuickContact #txtEmail
{   
    width:185px; height:25px;  
     line-height:25px;
    margin-top: 5px;  
      margin-bottom: 15px;   
}
#footer .QuickContact #txtMessage{padding-top: 5px; height: 60px; width: 393px;  overflow: auto;}
.FooterFormControl
{
    font-family: 'Lucida Sans', Arial, Trebuchet, Verdana, Helvetica, Sans-Serif;
    font-size: 12px; 
    padding: 2px 2px 2px 5px;
    border: 1px solid #ffffff;  
    background-color: #cfcfcf;
    color: #7e7e7e;
 }
 
 #footer .QuickContact .focused{ border: 1px solid #666666;}
  .clear{font-size: 0px; clear: both;}
 
 #MainContent{padding: 30px; margin-left: 280px;}
 .FullWidthContainer{margin-left: 0px !important; padding: 15px !important;}
 #MainContent h1{font-size: 2em;}
 #MainContent blockquote
{
    font-weight: bold;
    font-size: 1.2em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
    margin: 20px 0px 20px 0px;
    padding-bottom: 20px;
    line-height: 140%;
}

 /* Custom CSS Elements */


/* Homepage Deck */
 #deck{font-size: 1.25em; clear: both; line-height: 110%; }
 #subdeck{width: 530px; float: right;}
 #mission-statement{float: left; width: 370px;}
 
 
 /*Sidebars */

/** LEFT COLUMN **/
#leftColumn {
	float:		left;
	display:	inline;
	width:		260px;
}

#leftColumn h1 {
	font-size: 20px;
	color: #000000;
    margin: 40px 0px 20px 0px;
}


.LeftNav div 
{
    background: url("/media/images/css/sidebar/leftNav-dotted-line.gif") no-repeat 0 29px;
	width:		100%;
	height:     33px;
	display: table;
	clear: both;
	float: left;
	margin: 2px 0 0px 0;
	color: #ffffff;
	z-index: 4;
}

.LeftNav .navItem {
	text-indent: 22px;
	font-weight: bold;
	line-height: 22px;
    	width:240px;
}
.LeftNav .subNavItem 
{
    text-indent: 52px;
	font-size:   12px;
	line-height: 22px;
	width:240px;
	
}
.NavSmallLink{margin-top: 3px; margin-left: 18px;}
 .NavSmallLink a{font-size:  11px; }

.LeftNav .subNavItem.hide {
	display: none;
}

.LeftNav a { 
	color: #000000; 
	display: block;
	height: 29px;
}

.LeftNav .navItem a.collapsible {
	background: url("/media/images/css/sidebar/blue-down-arrow.gif") no-repeat 210px 6px;
}

.LeftNav .subNavItem a {
	color: #000000;
}
.LeftNav a:hover {
	background-color:#e3e3e3;
	 text-decoration:none;
}
.LeftNav .currentPage a {
	background-color:#e3e3e3;
}

.LeftNav .currentPage a:hover
{
	background-color:#e3e3e3;
	 text-decoration:none;
}




 .LeftNav .currentPage {
	/*background:	url("/media/images/css/sidebar/selected-blue.png") no-repeat;*/
	position: relative;
	height: 30px;
	line-height: 30px;
	top: -6px;
}

.LeftNav .navItem.currentPage {
	background: url("/media/images/css/sidebar/leftNav-dotted-line.gif") no-repeat 0 26px;
	height: auto;
	line-height: 20px;
	top: 0;
}

.LeftNav .navItem.currentPage a {
	color: #000000;
}

 
 
 /* Blog Posts */
 #recent-posts{width: 530px; float: left; margin-left: 70px; margin-top: 15px;}
 .post{margin-bottom: 35px;}
 .post-date{float: left; width: 42px; height: 53px; margin: 0px 15px 0px 0px; color: #ffffff; position: relative; background-image: url('/media/images/css/postBg.jpg'); background-repeat: no-repeat;}
 .post-date .month{position: absolute; bottom: 17px; right: 2px;  font-size : 0.8em; font-weight: bold;}
 .post-date .day{position: absolute; bottom: 0px;  font-size : 1.3em; right: 0px; font-weight: bold; right: 3px;}
 .post-title{margin-bottom: 5px;}
 .post-title a{font-size: 0.85em;  color: #000000;}
 .post-footer{   
    font-size : 0.75em;   
}
.post-rule{float: right; margin-top: 5px;}

.MediaContent
{
    padding-bottom: 20px;
    margin-bottom: 10px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #000000;}
.MediaContent .Header
{
    padding-bottom: 5px;
    margin-bottom: 0px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
    }
    
   .MediaContent .MetaInformation{ margin: 10px 0px;
     font-family: 'Lucida Sans', Arial, Trebuchet, Verdana, Helvetica, Sans-Serif;
    font-size: 14px;                               
    }
    
   .MediaContent .TopicInformation
   {
        font-size: 11px;  
        margin: 8px 0px;
    }
    
    .RSSCallOutBox
{
    margin-top: 20px;
    float: right;
    height: 33px;
    width: 33px;
}

.SocialMedia{  font-family: 'Lucida Sans', Arial, Trebuchet, Verdana, Helvetica, Sans-Serif;
    font-size: 11px; 
 }
 
 .SocialMedia img{ vertical-align: middle;}


/* Contact Section */
#GoogleMap
{
   width: 450px;
   float: right;
   margin-left: 20px;
   margin-top: 20px;
   margin-right: -15px;
}


/*Login Controls */
.FullWidth{width: 650px;}
fieldset.LoginControl
{
    border: 1px solid #e9e9e9;
    margin-top: 40px;
    padding: 10px 20px 60px 20px;
    width: 100%;
}
fieldset.LoginControl legend{ font-size : 1.5em;  font-weight: bold; padding: 10px;}
fieldset.LoginControl .txtLabel{display: block; font-size : 1.1em; font-weight: bold;}
.RequiredField{font-weight: bold;}
fieldset.LoginControl .txtLoginUserName, fieldset.LoginControl .txtLoginPassword,  fieldset.LoginControl .UserName,  fieldset.LoginControl .TextBox
{
    height:25px;
    line-height:25px;
margin-bottom:15px;
margin-right:10px;
margin-top:5px;
width:300px;
background-color:#e9e9e9;
border:1px solid #000000;
color:#000000;
font-family:'Lucida Sans',Arial,Trebuchet,Verdana,Helvetica,Sans-Serif;
font-size:12px;
padding:2px 2px 2px 5px;
}

.LoginButton  {
background:url("/media/images/css/bg_login_button.gif") no-repeat scroll 0 0 transparent;
width:98px;
border:0 none;
cursor:pointer;
display:block;
height:23px;
margin:10px 0 0 0px;
text-indent:-99999px
}
.LoginButton:hover {
background-position:0 bottom;
}


.btnChangePassword{
background:url("/media/images/css/btn_change_password.gif") no-repeat scroll 0 0 transparent;
width:118px;
border:0 none;
cursor:pointer;
display:block;
height:23px;
margin:10px 0 0 0px;
text-indent:-99999px
}
.btnChangePassword:hover {
background-position:0 bottom;
}


.btnResetPassword{
background:url("/media/images/css/btn_recover_password.gif") no-repeat scroll 0 0 transparent;
width:118px;
border:0 none;
cursor:pointer;
display:block;
height:23px;
margin:10px 0 0 0px;
text-indent:-99999px
}
.btnResetPassword:hover {
background-position:0 bottom;
}





/* Post Comments */

fieldset#CommentControl
    {
        border: 1px solid #e9e9e9;
        margin-top: 20px;
        padding: 10px 20px 20px 20px;
        width: 100%;
    }
    fieldset#CommentControl legend
    {
        font-size: 1.2em;
        font-weight: bold;
        padding: 10px;
    }
    fieldset#CommentControl .txtLabel
    {
        display: block;
        font-size: 1.0em;
        font-weight: bold;
    }
    .RequiredField
    {
        font-weight: bold;
    }
    fieldset#CommentControl .txtName, fieldset#CommentControl .txtEmailAddress, fieldset#CommentControl .txtWebsite, fieldset#CommentControl .txtComment
    {
        line-height:23px;

        height: 23px;
        margin-bottom: 15px;
        margin-right: 10px;
        margin-top: 5px;
        width: 260px;
        background-color: #e9e9e9;
        border: 1px solid #000000;
        color: #000000;
        font-family: 'Lucida Sans' ,Arial,Trebuchet,Verdana,Helvetica,Sans-Serif;
        font-size: 11px;
        padding: 1px 1px 1px 4px;
    }
    fieldset#CommentControl .txtWebsite{ width: 560px;}
    fieldset#CommentControl .txtComment{width: 560px; height: 100px; padding: 5px; font-size: 12px;}
    .PostCommentButton
    {
        background: url("/media/images/css/postComment_button.gif") no-repeat scroll 0 0 transparent;
        width: 98px;
        border: 0 none;
        cursor: pointer;
        display: block;
        height: 23px;
        margin: 10px 0 0 0px;
        text-indent: -99999px;
    }
    .PostCommentButton:hover
    {
        background-position: 0 bottom;
    }
/* Comment Display */

.commentBox
{
    padding: 0px 0px 45px 50px;
    background: transparent url("/media/images/css/commentIcon.png") no-repeat scroll left top;
}

.timeago
{
    color:Gray;
    font-size:11px;
}
.commentBody

{
    font-style:italic;
    padding-top:10px;
}
.commentDate
{
   font-weight:bold;
}