/* JQUERY-CSS3 Museo font using web fonts  */

@font-face {   /*fontface for local server */
        font-family:Museo;
        src: url('/cip_new/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:#EFE7CB; */
        padding:0;
        margin:0 ;  
         background-color:#F3F1E9; 
        
      }
     
p {
        font-size:13px;
        font-family:arial;
        color:#003366;
        padding:2px;
        text-align:left;
         text-decoration:none;
      }

      /* headings */      
h2 {
        font-family:Arial, sans-serif;
        font-size:17px;
        color:#003366;
        margin-top:5px;
        margin-bottom:5px;
      }
      
h3 {
        font-family:Arial, sans-serif;
        font-size:14px;
        color:#003366;
        margin-top:5px;
        margin-bottom:5px;
      }

      
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;
		}
blockquote {
		font: 9pt Arial, sans-serif;
		color: #333;
		line-height: 1.75em;
		
		margin: 0;
		font-style:italic;
		text-align:left;
		word-spacing:0px;
		width: 100%
		
	}
      
         
      	/* IMG STYLES */

.goldBorder{
		border: solid 1px #998752;
		padding: 10px;
		}
.grayBorder{
		border: solid 1px #CCC;
		padding: 10px;
		}
.grayBorderCtr{
		border: solid 1px #CCC;
		padding: 10px;
	 margin-left:50px;
		}

.whiteBorder{
		border: solid 1px #FFF;
		padding: 10px;
		}
.home_whiteBorder{
		border: solid 1px #FFF;
		padding: 10px;
		margin-left:5px;
		text-align:center;		
		}
.imgRight{
	display:inline;
		float:right;
		padding: 0px 0px 10px 15px;
		}
.imgLeft{
		float:left;
		padding: 0px 15px 10px 0px;
		}
.imgCenter{
		 margin-left:150px;
		margin-right:auto;
		width:70%;
		padding: 0px 15px 10px 0px;
		}     
.imgfloatleft{
		float: left;
		padding: 10px 20px 10px 20px;
		/* border:1px solid #dedede; */
		}	
.imgfloatleft2{
		float: left;
		padding: 10px 10px 10px 10px;
		 border:1px solid #dedede; 
		 margin-right:10px;
		 margin-left:25px;
	}
.imgfloatright{
		float: right;
		padding: 10px 10px 10px 10px;
		 border:1px solid #dedede; 
		 margin-right:25px;
		 margin-left:10px;
	}
     	
      /* Structure */ 
#wrapper {                 /* this wrapper image is of the  left nav menu  */
        width:960px;       
        margin:0 auto; /* centers wrapper */
        /* margin:0; */
         background:#D2D1C2 url('../images/body_bkg.png') repeat-y;
  
      }
	
#wrapper_page {		 /* this wrapper image is of the grey solid color with wht line down 2/3rds  */
	 	width:960px;  	  
      	 margin:0 auto; 	/* centers wrapper */
        /* margin:0; */
       background:#D2D1C2 url('../images/body_bkg_home.png') repeat-y;          
	}

#wrapper_home {				/* wrapper for home page */	
	/*	background:#D2D1C2 url('../images/body_bkg_home.png') repeat-y; */	
	}
	
#wrapper_content {
	    width:960px;  
	         
        margin:0 auto; /* centers wrapper */
        /* margin:0; */
       margin-top:0px; /* added negative margin to allow for menu being display:block, not inline! */
        border:1px solid #dddddd;
         background:#fff ;
     
	}
	     
#masthead {
	/* *************
        background: url('../images/header.jpg')#b79d5c no-repeat;
        background-color:#b79d5c;
    */
        position:relative;
        width:960px;
        height:133px;
      }    
#masthead img {
      border:0;
      left:0px;
      top:0px;
      }
      
#masthead .logo {
	  border:0;
      position:absolute;
	  left:25px;
	  top:5px;
      }
      
      
#midcol_home { /* Department sites do not have a leftcol, so midcol is larger */		
		float:left;
        /* width:548px; */
        width:548px;
        /* margin-left:20px; */
        margin-top:15px;
        margin-right:5px;
        padding-left:20px;
		}
      
#rightCol {
        float:right;
        margin-top:15px;
        width:350px;
        margin-right:20px;
        margin-left:10px;        
      }
     
 /*  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:0.688em;
        padding-top:10px;
        font-weight:500;
        text-transform:uppercase;
        margin-bottom:0;
        padding-bottom:0;        
      }
      
#footer a {
        text-decoration:none;
        color:#fff;     
       /* margin-bottom:10px; */       
      }
      
#footer a:hover {
        color:#cc9966;
      }
      
#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;}
      
      
      /* Simple reusable cell container - */
.contentCell { 
		  display: table-cell;
		  vertical-align:top;
		  width: 410px; 
		  padding-left: 9px;
		  padding-right: 9px;
	/*	  border-right: 1px dotted #d7ad7b; */
		  background-color:#FFF;
	} 

 /* Simple reusable float container for two column content - similar to cell container above */
 .contentColA {
        float:left;
        background-color: #FFF;
		  vertical-align:top;
		  width: 410px; 
		  padding-left: 9px;
		  padding-right: 9px;	
}
.contentColB {
        float:right;
        background-color:#FFF;
		vertical-align:top;
		width: 410px; 
		padding-left: 9px;
		padding-right: 9px;	
}

 

      /* Content section styles */      
.content_container {
        width:350px;
        margin-top:0px;
        margin-bottom:5px;
      }
      
.content_left_img {
        width:60px;
        height:60px;
        margin-left:10px;
        float:left;
        padding-bottom: 10px;
      }
      
.content_right_txt {
        width:250px;
        float:right;
        height:60px;
        padding-bottom: 10px;
      }
      
.content_right_txt a,  .content_full_txt a {
		text-decoration: none;
		color: #308CC5; }
      
      
.content_full_txt {
        width:280px;
        float:left;
        height:60px;
        padding-bottom: 10px;
        padding-left: 0px
      }
   
.content_container .heading_img img {       
        margin-top:15px;
      }
      
.content_container p {
        margin:0;
      }
      
/* home photo and slideshow divs */
.photo_container {
	width:210px;
	height: 355px;
	float: left;
	padding-left:0px;
	padding-top:10px;
	margin-left:30px;
	text-align: center;
}
.photo_container_divTop {
	
	position:static;
	width:190px;
	height:200px;
	margin-top: 0px;
	margin-left:10px;
	text-align: center;
}
.photo_container_divBottom
{
	
	width: 205px;
	height:112px;
	margin-top: 60px;
	text-align: center;
}

.photo_container p {
	margin-left:0px;
	text-align: center;
	font-size:14px;
    font-family:arial;
    color:#003366;
    font-weight:bold;
   


}

.photo {	
	border: solid 1px #FFF;
	padding: 10px;
	margin-left:5px;
	text-align:center;
	
	
}

.myMessage {
	height: 108px; 
	width: 193px;
	text-align:center;
	font-weight:bold;
	padding-top: 10px;
	
}



      
/* contains spot_col_left and right, which have nested divs themselves to create 4 column effect */ 
.spot_container {
        width:350px;       
      }
      
.spot_col_left {
        width:175px;
        float:left;
      }
      
.spot_col_right  {
        width:175px;
        float:right;
      }
.spot_subcol_left {
        width:75px;
        float:left;
      }
.spot_subcol_right {
        width:100px;
        float:right;
        }
    
.spot_container img {
        border:1px solid #dedede;
        }
           
.spot_container a {
        text-decoration:none;
        color:#003366;        
    }
    
.spot_container a:hover {
        text-decoration:none;
        color:#fff;        
    }
    
.spot_container p {
        margin:0;
    }    
    
      /* misc */
      
.readmore {      
        font-family: Arial, sans-serif;
        font-size:10px;
        text-align:right;
        display:block;
        padding-right:40px;
        padding-bottom:10px;        
      }
      
.clearfix
     {clear:both;}
                          
      /* images */ 
.heading_img
      {
        margin-right:10px;
        margin-top:15px;
        margin-bottom:15px;
      }
      
.heading_img_short
      {
        margin-right:10px;
        margin-top:5px;
        margin-bottom:15px;
      }
      
.widget_styles {
        margin-left:13px;
        margin-right:13px;
        margin-top:15px;
        border:0;
       
       
        text-align:center;
      }
.widget_styles img {
        border:0;
      }
      
.widget_styles_weather_top {
        background:url('../images/weather_top.png') no-repeat;
        height:34px;
        margin-left:13px;
        margin-right:13px;
        margin-top:25px;
      }
      
.widget_styles_weather_bkg {
        
        background: url('../images/weather_bkg.png') no-repeat;
      
       padding:0px;
       padding-left:4px;
       margin-left:13px;
       margin-right:13px;
       height:85px;
      }
      
.leftnavWeather {
	background-image: url('../images/weather_box_bkg.png');
	height:113px;
	background-repeat:no-repeat;
	}

      
  /* NAVIGATION */
.top_nav {
        height:32px;
        width:895px;
        margin:0;
        padding:0;
        border:0;
        background: url('../images/topNav/top_nav_bkg_nw.png') 0 0 repeat-x ;
        border-width:0;
       padding-left:65px;
    }
    
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;
    }
      
    
.sub_nav {
        height:24px;
        width:782px;
        margin:0;
        padding:0;
        border:0;
        background: url('../images/ASVsubnav/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;  
      }

    .whiteline {
        background:url('../images/whiteline_bkg.gif') repeat-x;
        width:100%;
        height:15px;
       clear:both;
       margin-top:5px;
    
    }
    .whiteline2 {
        background:url('../images/whiteline_bkg.gif') repeat-x;
        width:100%;
        height:15px;
       margin-top:5px;    
    }

  .leftnav_buttons {
        margin-left:20px;
        margin-right:15px;
        margin-top:20px;
        margin-bottom:10px;
        border:0;
    }
    
    .leftnav_buttons img {
        border:0;
    }
   
   /* JQuery Cycle - change home page image cycle. */
#cycle {
    margin: 0;
    padding: 0;
    width: 274px;
    height: 275px;
    padding: 0px;
    background: #eee;
    /* -moz-box-shadow: 0 0 2px #000;
    -webkit-box-shadow: 0 0 2px #000;*/  
    }
    
#cycle li {
    position: relative;
    list-style:none;
    margin: 0;
    padding: 0px;
    width: 274px;
    height: 275px;
    overflow: hidden;
    }
    
#cycle li div {
    /* position: absolute; */
    /* bottom: 3px; */ 
    /* left: 3px; */
   /* padding: 3px; */
    width: 274px;
    height:275px;
    background: black;
    color: black;
    font-size: 12px;
    opacity: .8;
    }
    

/* modifications for internal pages with White bkg 
	float:left; 
	width:959px;	
	border:1px solid #dddddd;
	background:#fff ; */
#main { 	
	width:860px;	
	margin-left:50px;
	margin-right:50px;
	background:#fff ;
	}
	
#main p {
 
 font-size:13px;
 color:#6c6c6c;
 padding-left:25px;
 padding-right:35px;
 margin-top:-5px;
 padding-top:10px;
     	}
     	
.main_p {
 font-family:Arial, Helvetica, sans-serif;
 font-size:15px;
 color:#6c6c6c;
 padding-left:0px;
 padding-right:35px;
 margin-top:-5px;
 padding-top:10px;
     	}


#main h1 {
			font-family:   Arial, Helvetica, sans-serif;
			font-size:29px;
			margin-left:25px;
			margin-top:25px;
			margin-bottom:20px;
			color:#094B68;			
}

#main h2 {
        font-family:Arial, sans-serif;
        font-size:18px;
        color:#003366;
        margin-top:5px;
        margin-bottom:5px;
        margin-left:25px;
      }


#main h3 {
  font-family:arial,sans-serif;
  font-size:16px;
  color:#4981c8;
  padding-left:25px;
  padding-top:5px;
  
}

#main h3 a {
  font-family:arial,sans-serif;
  color:#4981c8;
  
}

#main h3 a:hover {
  font-family:arial;
  color:#003366; 
}

#main .title img  {
  padding-left:15px;
  padding-bottom:10px;
  padding-top:25px;
}

/* links for Main*/

#main ul {
font-size:12px;
font-family:Arial, sans-serif;
line-height:2.0em;
list-style-type:square;
 margin-left:25px;

}

#main ul a {

text-decoration:underline;
color:#003366;
}

#main ul a:hover {
color:#9E8037;
}


#wrapper_main

{
  width:960px;
   
  margin:0 auto;
  padding:0;
 /* background: #ccc url('../images/main_bkg.png') repeat-y; */
}

.links_container {
	
	width:160px;
	float:left;
	padding-left:5px;
	padding-top:10px;
	text-align:center;
	
}
.news_wrapper_home {
	width:515px; /* can probably be up to 515px */
	/* padding-top:10px; */
	margin-top:5px;
	margin-bottom:5px;
	overflow:hidden;		
}

.news_wrapper_left {
	width:125px;
	float:left;	
}
    
.news_wrapper_right {
	width:375px;
	float:right;
}

.news_wrapper_home h3 {	
	font-size:16px;
	padding-top:0;
	margin-top:0;
}

.news_wrapper_home .readmore {        
        font-family: Arial, sans-serif;
        font-size:11px;
        text-align:right;
        display:block;
        padding-right:5px;
        padding-bottom:5px;
        color:#308CC6;
        text-decoration:underline;
        margin-right:10px;
	}

.tmpSlideCopy .readmore a{        
        font-family: Arial, sans-serif;
        font-size:11px;
        text-align:right;
        display:block;
        padding-top:10px;
        padding-right:2px;
        padding-bottom:5px;
        color:#308CC6;
        text-decoration:underline;
        margin-right:-45px;       	
}
	
.photocell {
		float: left; 
		width: 200px; 
		height: 90px;  
		padding: 5px;  
		margin-top:10px;
		padding:0px 
	}

.placeImage {
	width: 150px;
	padding: 0px 15px 5px 35px; /*top, right, bottom, left */
	height: 70px;
	}	
.placeCaption{
    text-align:left;
    margin-left:15px;
    font-size:13px;
    font-family:arial;
    color:#003366;
    padding:2px;
	}
	

.box_red {background-color: #F3E3E3; border: 1px solid #FF0000;
                margin: 10px 14px 1em 14px; padding: 2px 5px 2px 5px;
	        font-family: arial, helvetica, sans-serif; color: #FF0000;
                font-size: 16px; font-weight: bold; margin: 0;
	        padding: 0; text-decoration: none; TEXT-ALIGN: center}
	        

#APlftcol {
  float:left;
   width:290px;
   height: 400px;
   padding-left: 25px;
      }

#APctrcol {
   float:left;
   width:240px;
   height: 400px;
   padding-left: 25px;
      }


#APrgtcol {
   float:right;
   width:340px;
   height: 400px;
   padding-left: 25px; 
      }

.AP_wrapper_mayor {
	width:750px; /* can probably be up to 515px */
	/* padding-top:10px; */
	margin-top:5px;
	margin-bottom:5px;
	overflow:hidden;
	margin-left:25px;
}

.AP_wrapper_left {
	width:125px;
	float:left;
	
}
    
.AP_wrapper_right {
	width:600px;
	float:right;
}

.AP_education_left {
	font-family:Arial, Helvetica, sans-serif;
	width:125px;
	float:left;
	font-size:11px;
 	color:#6c6c6c;
 	padding-left:0px;
	padding-right:0px;	
}

    
.AP_education_right {
	font-family:Arial, Helvetica, sans-serif;
	width:600px;
	float:left;
	font-size:15px;
 	color:#6c6c6c;
 	padding-left:0px;
	padding-right:35px;	

}

.AP_h2 {
  font-family:arial,sans-serif;
  font-size:18px;
   font-weight:bold;
  color:#4981c8;
  padding-left:0px;
  padding-top:0px;
  
}

.AP_h3 {
  font-family:arial,sans-serif;
  font-size:16px;
   font-weight:bold;
  color:#4981c8;
  padding-left:0px;
  padding-top:0px;
  margin-left:25px;
  
}
.AP_indent {
	margin-left:60px;
}

.AP_box_red {background-color: #F3E3E3; border: 1px solid #FF0000;
                margin: 10px 14px 1em 14px; padding: 2px 5px 2px 5px;
	        font-family: arial, helvetica, sans-serif; color: #FF0000;
                font-size: 16px; font-weight: bold; margin: 0;
	        padding: 0; text-decoration: none; TEXT-ALIGN: center}