﻿/* JQUERY-CSS3 Museo font using web fonts  */

@font-face {   /*fontface for local server */
        font-family:Museo;
        src: url('/template_2012-Jul-16/fonts/museo500-webfont.eot');
        src: local('Museo'),
             local('Museooo'),
       /* src: local(,xx''), /* tricking local machine to not pick similarly named font */
            
            url('/template_2012-Jul-16/fonts/museo500.ttf');        
        }


body {
background-color:#F3F1E9; 
}


/* a:link {color:#0066CC;} 
a:visited {color:#5F93D6;} 
a:active {color:#5F93D6;}  
a:hover {color:#5F93D6;} 
*/  

h1 {
			font-family:   Arial, Helvetica, sans-serif;
			font-size:   xx-large;
			margin-left:0px;
			margin-top:25px;
			margin-bottom:20px;
			color:#094B68;			
}

h2 {
        font-family:Arial, sans-serif;
        font-size: x-large;
        color:#003366;
        margin-top:5px;
        margin-bottom:5px;
        margin-left:0px;
      }


h3 {
  font-family:arial,sans-serif;
  font-size: large;
  color:#4981c8;
  margin-top:5px;
  margin-left:0px;
  
}

h4 {
  font-family:arial,sans-serif;
  font-size: large;
  color:#003366;
  margin-top:5px;
  margin-left:0px;
  margin-bottom:7px;
  
}


.container {

	 background:#FFF;
}

.container-content {

	 background:#fff;
}


.container_right {
        width:350px;
        margin-top:0px;
        margin-right:15px;
        margin-bottom:15px;
      }

#homeContent {

	 background-color:#D2D1C2;
}
#homeContent a, a:active, a:visited {
        text-decoration:underline;
        color:#0066CC;
        }
#homeContent a:hover{
        text-decoration:underline;
        color:#4981C8;
        }

#wrapperContent {
	 background-color:#FFF;
}

#wrapperContent a, a:active, a:visited {
        text-decoration:underline;
        color:#0066CC;
        }
#wrapperContent a:hover{
        text-decoration:underline;
        color:#4981C8;
        }


blockquote {
		font: 9pt Arial, sans-serif;
		color: #333;
		line-height: 1.75em;
		/* font-weight: bold; */
		margin: 0;
		margin-top:10px 5px 10px 10px;
		/* font-style:italic; */
		text-align:left;
		word-spacing:0px;
		width: 100%
		
	}

blockquote.mission {
      	width: 175px; font-size: 8.5pt; line-height: 1.5em; text-align:center; margin-left:10px;
		}
blockquote.welcome {padding: 0 10px; width: 330px; /* text-align:justify;*/
		}


/* images */

.heading_img {
        margin-right:10px;
        margin-top:15px;
        margin-bottom:15px;
        margin-left:10px;
}



/* NAVIGATION */
  
  
  .top_nav {
        height:33px;
        width:895px; 
        margin:0;
        margin-top:-5px;
        padding:0;
        border:0;
        background: url('../images/topNav/top_nav_bkg_nw.png') 0 0 repeat-x ;
        border-width:0;
       padding-left:55px;
    }
   
  
     ul.top_nav li {
        float:left;
        display:inline;
        line-height:0;
        
    }
    
    ul.top_nav a {
        text-decoration:none;
        color:#fff;
        border:0;
        padding:0;
        
    }
    
    .top_nav img{
        border:0;
        
    }
      
       #leftCol .buttons {
        margin:0;
        padding:0;
        line-height:0;
        overflow:hidden;
        display:block;
        
  
      }
    
    .sub_nav {
        height:24px;
        width:782px;
        margin:0;
        padding:0;
        border:0;
        background: url('../images/subnav/submenu_bkg.png') 0 0 repeat-x ;
        border-width:0;
       padding-left:178px;
    }
   
  
     ul.sub_nav li {
        float:left;
        display:inline;
        line-height:0;
        
    }
    
    ul.sub_nav a {
        text-decoration:none;
        color:#fff;
        border:0;
        padding:0;
        
    }
    
    .sub_nav img{
        border:0;
    }
      
       #leftCol .buttons {
        margin:0;
        padding:0;
        line-height:0;
        overflow:hidden;
        display:block;
  
      }

    

/* DROPDOWN QUICK LINKS */ 


.dropdown_box {

color:#333;
background-color:#d2e0e5;
width:215px;
font-family:arial;
font-size:10px;
height:352px;
padding:5px;
margin-left:20px;
margin-top:10px;

}

.dropdown_box select {
    width:199px;
    font:arial;
    color:#333;
    font-size:16px;
}

.dropdown_box h3 {
    font-size:16px;
    margin-bottom:5px;
    margin-top:20px;
    color:#003366;
}

.dropdown_box h1 {
    background-color:#003366;
    color:#fff;
    font-size:28px;
    font-weight:500;
    padding:0;
    margin:0;
    text-align:center;
    
}


/* Footer */

  #footer {
        clear:both;
        text-align:center;
        background: url('../images/footer_bkg.png') repeat-x;
        height:28px;
        color:#fff;
        text-align:center;
        font-family:Arial, sans-serif;
        font-size: xx-small;
        padding-top:10px;
        font-weight:500;
        text-transform:uppercase;
        margin-bottom:0;
        padding-bottom:0;
        
      }
      
      #footer a, a:active, a:visited {
        text-decoration:none;
        color:#fff;
     
       /* margin-bottom:10px; */
        
      }
      
      #footer a:hover {
        color:#fff;
        text-decoration:underline;
      }
      
      #footer .socialbuttons {
        
        float:right;
        padding-left:5px;
        padding-right:5px;
        margin-right:20px;
        height:28px;
        *margin-top:-15px;

      }
      
      #footer .socialbuttons img
      {padding-left:2px;
      padding-right:2px;
      border:0;}
 
/* Additional Classes */
/* home photo and slideshow divs */
#logo {
	  border:0;
      position:absolute;
	  left:25px;
	  top:5px;
      }


.photo_container {
	width:210px;
	height: 355px;
	float: left;
	padding-left:0px;
	padding-top:10px;
	margin-left:30px;
}
.photo_container_divTop {
	
	position:static;
	width:190px;
	height:200px;
	margin-top: 0px;
	margin-left:10px;
}
.photo_container_divBottom
{
	position:static;
	width: 205px;
	height:122px;
	margin-top: 50px;
}

.photo_container p {
	margin-left:0px;
	margin-right:30px;
	text-align: center;
	font-size:14px;
    font-family:arial;
    color:#003366;
    font-weight:bold;
    margin-bottom: 10px;

}

.photo {	
	border: solid 1px #FFF;
	padding: 10px;
	margin-left:0px;
	text-align:center;
	
}
.myMessage {
height: 108px;
width: 193px;
margin-left: 10px;
}


	/* IMG STYLES */
	
.readMore {
	display: block; 
	text-align:right;
	background-color:fuchsia;
	}


.grayBorder{
		border: solid 1px #CCC;
		padding: 10px;
		}
.grayBorderMargin{
		border: solid 1px #CCC;
		padding: 10px;
		margin: 10px;
		}

.grayBorderCtr{
		border: solid 1px #CCC;
		padding: 10px;
	 	margin-left:50px;
		}
.grayBorderRgt{
		border: solid 1px #CCC;
		padding: 10px;
	 	margin-left:450px;
		}

.whiteBorder{
		border: solid 1px #FFF;
		padding: 10px;
		}
.imgBorder{
		border: solid 1px #D2D1C2;
		padding: 0px 0px 10px 40px;
		}

.imgRight{
	display:inline;
		float:right;
		padding: 0px 0px 10px 15px;
		}
.imgRight2{
	display:inline;
		float:right;
		}

.imgLeft{
		float:left;
		padding: 0px 15px 10px 0px;
		}
.imgCenter{
		 margin-left:150px;
		margin-right:auto;
		width:70%;
		padding: 0px 15px 10px 0px;
		} 
.imgCenterT {
	text-align:center;
}
		
.caption1 {text-align:center;
	display: block;
	font-size: x-small;
	color: #C6B64B;
	font-weight:bold;
	}
    
