/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: 
Version: 
Author: 
Author URI: 

*/


body { font: 11px/1.5em Verdana, sans-serif; color:#333; background:#f7f7f7 url(images/body.gif) center; margin:5px 0 30px; }
#wrapper { margin:0 auto; background:#fff; width:984px; }
  #header { position:relative; width:984px; background:#fff; }
  
  #header h1 { width:350px; height:118px; background:#fff url(images/logo.gif) no-repeat left top; }
  #header h1 a { display:block; width:100%; height:100%; }
  #header h1 a span { display:none; }
  
  #header #util-nav{ position:absolute; right:19px; top:27px;}
  #header #util-nav li { }
  #header #util-nav a { display:block; float:left; padding-right:18px; height:13px; line-height:11px; color:#666; text-decoration:none; background:transparent url(images/arrow2.gif) no-repeat right;}
  #header #util-nav a:hover { text-decoration:underline; }
  
  #header #nav { clear: right; z-index: 10; }
  #header #nav ul { height:30px; margin:1px; background:#646f85; z-index: 10; position: relative; }
  #header #nav ul li { height: 30px; z-index: 10; display:block; position:relative; float:left; }
  #header #nav ul li a { display:block; padding:5px 5px 7px 21px; color:#fff; text-decoration:none; position: relative; z-index: 10; }
  
  #header #nav ul ul {margin: 0px 0 0 0px; display: none; position: absolute; top:30px; left: 0px; z-index: 10; background: #eee;}
  	/* 2nd level */
	#header #nav ul ul li {height: auto; margin:0; padding:0; display: block; background: none repeat scroll 0 0 #eee; position: relative; z-index: 10;}
		#header #nav ul ul li a {color: #333; display: block; margin:0; padding:3px 0 3px 12px; border-bottom: 1px solid #fff; width: 180px; z-index: 10;}
		#header #nav ul ul li a:hover {background: #d1d8df; display: block;}
	/* 3rd level */
	#header #nav ul ul ul {height: 100%; margin: 1px 0 0 191px; width: 150px; display: none; background: #eee; position: absolute; top:-1px; left:0; z-index: 11; border: 1px solid #fff;}
		#header #nav ul ul ul li {height: auto; position: relative; z-index: 10;}
  			#header #nav ul ul ul li a {padding:3px 0 3px 12px;}
  
  #side { float:left; width:183px; padding:0 20px; min-height:1px; _height:1px; z-index: 1; position: relative;}
  #center { float:left; width:759px; }
  
  #banner { padding:0 1px; overflow:hidden; z-index: 5; }
    #banner .image { z-index: 5; width:759px; height:248px; overflow:hidden; float:left; }
    #banner .caption { z-index: 5; width:222px; height:248px; padding:0; background:#b7bfc7; float:right; }

  #motto { display:block; padding:10px 0 25px 50px; }
    #motto .date { display:block; float:left; font-weight:200; color:#cc6633; font-size:30px; margin-top:8px; }
    #motto .year { display:block; float:left; font-weight:200; color:#cc6633; font-size:48px; margin-top:0px; padding:0 5px; }                                                               
    #motto .locations { display:block; float:left; font-weight:200; color:#cc6633; font-size:18px; margin-top:13px; }
    #motto .locations span { color:#73b5f7; padding:0 7px; }
    
  #content { height:1%; background:#fff url(images/content.gif) repeat-y left top; }  
    #left { float:left; width:205px; padding:0 21px 40px; overflow:hidden; }
    #main { float:left;  width:720px; padding:0 18px 40px; margin-top:20px; }
	body.page-template-section-no-image-php #main {margin-top: 0px;}    
    #right { float:left; width:210px; overflow:hidden; padding:0 1px 0 10px; margin-top:30px; background:#f1f2f4; }
    
  .home #content { background-image:url(images/content-home.gif); }  
    .home #main { margin:0; width:478px; }
    .home #right { margin:0 1px 0 0; }    
  .page-template-landing-php #main { width:502px; }
    
  #content { font-size:11px; line-height:16px; color:#333; overflow:hidden; }  
    #content h1 { font-weight:200; font-size:24px; line-height:36px; color:#3988d8; margin-bottom:10px; }
    #content h2 { font-weight:200; font-size:18px; line-height:30px; color:#cc6633; margin-bottom:10px; }
    #content h3 { font-weight:200; font-size:16px; line-height:28px; color:#3988d8; margin-bottom:10px; }
    #content p { font-weight:200; font-size:11px; line-height:16px; color:#333; margin-bottom:15px; }
    #content ul { font-weight:200; font-size:11px; line-height:18px; color:#333; margin-bottom:15px; }
    #content li { font-weight:200; font-size:11px; line-height:18px; color:#333; padding-left:10px; background:url(images/bullet.gif) no-repeat 0px 4px; }
    #content a { color:#000; text-decoration:underline; padding-left:7px; background:transparent url(images/arrow.gif) no-repeat left 1px; }
    #content table { margin-bottom: 1.4em; width:100%;}
    #content th { text-align:left;font-weight:bold;border-bottom:1px solid #d4d8dd; padding: 4px 10px 4px 5px;}
    #content td { text-align:left;border-bottom:1px dotted #d4d8dd;padding: 4px 10px 4px 5px;}
    
    
    #side h2 { z-index: 2; line-height:1; font-size:13px; font-weight:200; text-transform:uppercase; color:#cc6633; line-height:auto; padding:0; margin:20px 0 10px; position: relative;}
	    #side h2 a { color:#cc6633; text-decoration: none; z-index: 2; position: relative;}
	    #side h2 a:visited { color:#cc6633; text-decoration: none;}
    #side ul { line-height:1; padding:0; margin:0; }
    #side li { line-height:1; color:#000; background:none; padding:0; margin:0 0 10px 0; }
    #side li ul { margin:10px 0 0 10px; }
    #side a { line-height:1; color:#000; text-decoration:none; background:none; padding:0; margin:0; }    
    #side a:hover { text-decoration:underline; }
    #side li.current_page_item a { color:#3988d8; }
    #side li.current_page_item li a { color:#000; }
    
    #right h2 { margin:10px 18px 7px; line-height:1; }
    
    #sitemap { padding-left:10px; }
    #sitemap h2 { display:none; }
    #sitemap ul { line-height:1; padding:0; margin:0; }
    #sitemap li { line-height:1; color:#000; background:none; padding:0; margin:0 0 10px 0; }
    #sitemap li ul { margin:10px 0 0 10px; }
    #sitemap a { line-height:1; color:#000; text-decoration:none; bbackground:none; padding:0; padding-left:10px; margin:0; }    
    #sitemap a:hover { text-decoration:underline; }
    
    
    #content #related_links ul { clear:both; border-top:1px solid #fff; height:1%; overflow:hidden; margin:0 0 30px 0; }
    #content #related_links ul li { border-bottom:1px solid #fff; float:left; width:100%; padding:0; background:#d4d8dd url(images/arrow2.gif) no-repeat 90% 50%; }
    #content #related_links ul li a { display:block; float:left; width:170px; height:1%; line-height:20px; padding:0 0 0 10px; text-transform:uppercase; text-decoration:none; color:#333; background:transparent url(images/arrow-white.gif) no-repeat left;  }
    
    #content #quick_links ul { clear:both; border-top:1px solid #fff; height:1%; overflow:hidden; margin:0 0 30px 0; }
    #content #quick_links ul li { border-bottom:1px solid #fff; float:left; padding:0; background: transparent url(images/arrow.gif) no-repeat left;}
    #content #quick_links ul li a { display:block; float:left; width:202px; height:1%; line-height:20px; padding:0 0 0 10px; text-decoration:none; color:#333; background:transparent; }
 
 /*===================================
  * ONE COLUMN & UTILITY TEMPLATES
  *===================================*/
  #one-col-content { margin: 10px 20px 10px 20px; }
  	#one-col-content h1 { font-weight:200; font-size:24px; line-height:36px; color:#3988d8; margin-bottom:15px; }
    #one-col-content h2 { font-weight:200; font-size:18px; line-height:30px; color:#cc6633; margin-bottom:25px; }
    #one-col-content h3 { font-weight:200; font-size:16px; line-height:28px; color:#3988d8; margin-bottom:15px; }
    #one-col-content p { font-weight:200; font-size:11px; line-height:16px; color:#333; margin-bottom:15px; }
    #one-col-content ul { font-weight:200; font-size:11px; line-height:18px; color:#333; margin-bottom:15px; }
    #one-col-content li { font-weight:200; font-size:11px; line-height:18px; color:#333; padding-left:10px; background:url(images/bullet.gif) no-repeat left center; }
    #one-col-content a { color:#000; text-decoration:underline; padding-left:7px; background:transparent url(images/arrow.gif) no-repeat left; }
    #one-col-content table { margin-bottom: 1.4em; width:100%;}
    #one-col-content th { text-align:left;font-weight:bold;border-bottom:1px solid #d4d8dd; padding: 4px 10px 4px 5px;}
    #one-col-content td { text-align:left;border-bottom:1px dotted #d4d8dd;padding: 4px 10px 4px 5px;}
    
  #content .callout { display:block; width:215px; height:120px; padding:0; margin:0 0 20px 0; background:transparent url(images/callout.gif) no-repeat left bottom; overflow:hidden; text-decoration:none; cursor:pointer; }
  #content .callout img { width:90px; height:90px; float:left; }
  #content .callout .text { width:109px; padding:0 8px; float:left; }
  #content .callout h2 { font-weight:400; font-size:16px; line-height:1; color:#cc6633; margin:0 0 5px 0; }
  #content .callout h2 span { font-size:18px; text-transform:uppercase; display:block; }
  #content .callout h3 { font-weight:400; font-size:16px; line-height:1; color:#515151; margin:0 0 5px 0; }
  #content .callout p { font-weight:200; font-size:11px; line-height:1; color:#666; margin:0 0 5px 5px; }

  #footer { display:block; clear:both; }
  #footer ul { height:1%; margin:1px; background:#d4d8dd; overflow:hidden; }
  #footer ul li { display:block; position:relative; height:1%; float:left; }
  #footer ul li a { display:block; padding:5px 0px 5px 30px; color:#333; text-decoration:none; font-size:11px; background:transparent url(images/arrow-white.gif) no-repeat 20px; }    
  #footer ul li a:hover { text-decoration:underline; }
  
  #designed-by { margin:0 auto; background: none; width:984px; }
  	#designed-by p { margin: 4px 0 0 20px; color: #666; }
	#designed-by a { text-decoration: none;  color: #666; font-size: 11px; }
    
.clear { display:block; clear:both; height:1px; line-height:1px; font-size:1px; }
a:focus{outline:0;}

/*================================
 * HOMEPAGE SCROLLER
 *================================
 */
 .scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 660px;
	height:90px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}