@charset "utf-8";
/* CSS Document */

/*********************************/
/*       BROWSER RESET
/*********************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,/*blockquote,*/th,td {    
    margin:0;   
    padding:0;   
} 

address,caption,cite,code,dfn,/*em,strong,*/th,var {  
    font-style:normal;   
    font-weight:normal;   
 } 

caption,th {  
    text-align:left;   
 } 

q:before,q:after {  
    content:'';   
} 

abbr,acronym { border:0;   
}  

a img { border: none; }

/*accessibility links*/
.hidden, .nostyles {
display:none;
margin:0 -10000px 0 0;
}

/*********************************/
/*            BODY
/*********************************/

body {
background:#e0ecfc url(../images/bodyBkgd.jpg) repeat-x;
color:#333;
font: 75% Verdana, Arial, Helvetica, sans-serif;
}

/*********************************/
/*           CONTAINER
/*********************************/

#container {
background:url(../images/containerBkgd.jpg) repeat-y;
height:auto;
margin:0 auto;
position:relative;
width:901px;
top:12px;
}

/*********************************/
/*          HEADER
/*********************************/

#hdr {
width:885px; /*moves contact info image away from right edge if decreased.*/
position:relative;
height:225px;
left:20px;
margin-bottom:25px;
}

/*logo*/
#hdr h1 {
background:url(../images/logo.jpg) no-repeat left;
float:left;
width:255px;
height:225px;
top:7px;
position:relative;
}

/*hotlink*/
#hdr h1 a {
display:block;
width:255px;
height:225px;
outline:none;
}

/*image replacement*/
#hdr h1 span {
display:none;
}

#hdr p {
left:0px;
position:absolute;
margin:217px 0 0 40px ;
text-align:center;
font-size:1.1em;
}

/*********************************/
/*           BANNER
/*********************************/

#bannerFrame {
background:url(../images/bannerFrame.jpg) no-repeat top left;
width:609px;
height:225px;
position:relative;
top:9px;
float:right;
right:16px;
}

#bannerFrame .photo {
position:relative;
left:11px;
top:9px;
}

/*********************************/
/*          NAVIGATION
/*********************************/

#nav {
position:relative;
float:left;
width:225px;
clear:both;
left:20px;
}

/*border seperator*/
#nav ul li {
background:url(../images/navBar.jpg) no-repeat 0 0;
background-position:bottom left;
list-style:none;
position:relative;
margin:2px 0;
padding:0 0 10px 0;
width:225px;
font: 0.9em Arial, Helvetica, sans-serif;
}

/*icon*/
#nav ul li a {
background:url(../images/navIcon.jpg) no-repeat 0 0;
background-position:top left;
display:block;
color:#333;
text-decoration:none;
outline:none;
line-height:14px;
position:relative;
height:14px;
padding:0 0 0 23px;
font-size:1.3em;
margin:0 0 0 5px;/*moves icon + text away from seperator edge*/
font-weight: bold;
}

#nav ul li a:hover {
color:#ce2580;
text-decoration:none;
}

#nav ul li .selected{
color:#ce2580;
text-decoration:none;
}

#nav li .selected li {
color:#333;
text-decoration:none;
}

#nav ul li .expanded{
}

/*BEGIN SECOND TIER NAV*/
#nav ul ul {
margin:5px 0 0px 0;
padding:0;
}

#nav ul ul li {
margin:.4em 0 0 0;
padding:0;
}

#nav ul ul li, #nav ul ul li a {
background:none;
}

#nav ul ul li a {
font-size:1.1em;
line-height:10px;
text-transform:none;
height:1.1em;
color:#666;
}

#nav ul ul li a:hover {
text-decoration:underline;
}

/* Social Media */

#socialMedia {
/*background:url(../images/socialMediaBkgd.jpg) no-repeat;*/
clear:both;
float:left;
width:225px;
height:100px;
position:relative;
/*left:35px;*/
margin:0 0 25px 0;
}

#socialMedia p {
font-size: 1.4em;
margin:3px 0 5px 25px;
}

#socialMedia a{
outline:none;
}

#socialMedia img {
border:none;
}

.facebookLogo {
margin:0 0 0 25px;
}

.youTubeLogo {
margin:0 0 0 2px;
}

/*********************************/
/*         CONTENT AREA
/*********************************/

#contentarea {
min-height:400px;
width:575px;
position:relative;
right:45px;
top:0px;
font-size:1em;
line-height:1.5em;
padding:0;
margin:0 0 0 340px;
}

#contentarea ul, #contentarea ol {
margin:0 2em;
}

#contentarea a {
color:#333;
text-decoration:underline;
}

#contentarea a:hover {
color:#ce2580;
text-decoration:none;
}

#container #contentarea .txthdr {
color:#ce2580;
font: bold 1.25em/20px Arial, Helvetica, sans-serif;
}

/*********************************/
/*            FOOTER
/*********************************/

#footer {
/*background:url(../images/footerBkgd.jpg) no-repeat;*/
background:#e0ecfc;
margin:0 auto;
width:901px;
height:450px;

}

.copyright {
text-align: center;
margin:-135px 0 10px 0;
}

.copyright a {
color:#333;
text-decoration:underline;
}

.copyright a:hover {	
text-decoration:none;
color:#ce2580;
}