<style src="../DivBG.jpg">@charset "UTF-8";
/* CSS Document */

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {
	width:100%;
	height: 100%;
	background:url(../images/elements/bodyBG.jpg) top center repeat;}

body{
	
}

body > #wrap {height: auto; min-height: 100%; }

#divClear{position:relative; clear:both;}

#main {
	width:100%;
	height:auto;
	padding-bottom: 135px; /* must be same height as the footer */
	background:url(../images/elements/cardboardTile.jpg) top center repeat;
	z-index:4;
}



#header{
	width:850px;
	height:182px;
	position:relative;
	margin:0 auto;
	background:url(../images/elements/headerBG.png) top center no-repeat;
	z-index:1;
}

#navHolder{
	width:621px;
	height:90px;
	position:absolute;
	top:104px;
	left:205px;
	z-index:2;
}

.nav li
{
    display: inline;
	margin:-5px;
	padding:0px;
}


#navCover{
	width:100%;
	height: 90px;
	background:url(../images/elements/tornTopBorder.png) top center repeat-x;
	position:absolute;
	top:145px;
	z-index:3;
}

#centerContainer{
	width:890px;
	height:auto;
	position:relative;
	margin:0 auto;
}

#leftColumn{
	width:647px;
	height:auto;
	position:relative;
	margin:0 auto;
	padding-top:35px;
	float:left;
}

/*_____START JCAROUSEL STYLE _____*/
.carousel main {
	margin:0px;
	width: 576px;
	height: 305px;
	position:relative;
}

.carousel a.prev{
        display: block;
        float: left;
        width: 40px;
        height: 10px;
        text-decoration: none;
        background: #ff6600;
    }
.carousel a.next{
	    display: block;
        float: right;
        width: 40px;
        height: 10px;
        text-decoration: none;
        background: #ff6600;
    }
	
.carousel a.next {}
.carousel a.next:hover {background: #00CC00}

.carousel a.prev {}
.carousel a.prev:hover {background: #00CC00}   

.carousel .jCarouselLite {
	width: 576px;
	height:305px;
	margin-left:48px;
    z-index:5;    
        /* Needed for rendering without flicker */
        position: relative;
        visibility: hidden;
        left: -5000px;
    }
.carousel ul {margin: 0;}

.carousel li img, 
.carousel li p {
            
            width: 576px;
            height: 305px;
            margin: 0px;
        }
        
.widget img { cursor: pointer;}

.mid {margin-left: 80px; width: 576px; height: 305px;}


.imageSlider li img, 
.imageSlider li p, 
.imageSliderExt li img , 
.imageSliderExt li p { width: 576px; height: 305px;}

#textHolder{
	width:647px;
	height:auto;
	positoin:relative;
}

#paperTop{
	width:647px;
	height:88px;
	positoin:relative;
	background:url(../images/elements/paperTopSpace.png) top center no-repeat;
}

#paperMid{
	width:647px;
	height:auto;
	positoin:relative;
	background:url(../images/elements/paperTile.png) top center repeat-y;
}

#paperBottom{
	width:647px;
	height:34px;
	positoin:relative;
	background:url(../images/elements/paperBottomSpace.png) top center no-repeat;
}

#textPadding{
	width:84%;
	height:auto;
	margin-left:65px;
}

#groupPhoto{
	width:613px;
	height:350px;
	z-index:6;
	float:right;
	position:relative;
}



.bodyCopy{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:20px;
	text-align:left;
	color:#000000;
	padding-bottom: 15px;
}

#rightColumn{
	width:243px;
	height:600px;
	position:relative;
	margin:0 auto;
	margin-top:35px;
	float:right;
	background:url(../images/elements/frameBG.png) top center no-repeat;
	z-index:4;
	padding-top:25px;
}

.innerRight{
	background:#fff;
	width:92%;
	margin-top:5px;
	margin-left:8px;
	border-bottom:3px solid #999999;
}

#twitterDiv{
	width: 66%;
	height:auto;
	position:relative;
	background:url(../images/elements/twitDivBG.png) top left no-repeat;
	margin:0px 0px 20px 37px;
	color:#333;
}

#twitterDiv h2{
	font-size: 13px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#006699;
	padding: 14px 0px 3px 35px;
}

.twitter_update_list{background-color:#FFFFFF;}

#twitterDiv li{
	font-family:Arial, Helvetica, sans-serif;
	list-style-type:none;
	color:#333;
	font-size:13px;
	padding:6px 6px 0px 6px;
	
}

.twitterDiv a:link {color:#006699; text-decoration:underline;}
.twitterDiv a:visited {color:#006699; text-decoration:underline;}
.twitterDiv a:active {color: #006699; text-decoration:underline;}
.twitterDiv a:hover {color:#8CC63F; text-decoration:underline;}

#faceDiv{
	width: 66%;
	height:auto;
	position:relative;
	background:url(../images/elements/faceDivBG.png) top left no-repeat;
	margin:0px 0px 20px 37px;
	color:#333;
}

#faceDiv h2{
	font-size: 13px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#006699;
	padding: 14px 0px 0px 35px;
}

#tuneDiv{
	width: 66%;
	height:auto;
	position:relative;
	background:url(../images/elements/tuneDivBG.png) top left no-repeat;
	margin:0px 0px 0px 37px;
	color:#333;
}

#tuneDiv h2{
	font-size: 13px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#006699;
	padding: 14px 0px 0px 33px;
}

#dirtyDiv{
	width: 66%;
	height:auto;
	position:relative;
	background:url(../images/elements/dirtyDivBG.png) top left no-repeat;
	margin:0px 0px 0px 37px;
	color:#333;
}

#dirtyDiv h2{
	font-size: 13px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#006699;
	padding: 14px 0px 0px 33px;
}



#footer {position: relative;
	margin-top: -135px; /* negative value of footer height */
	height: 135px;
	width:100%;
	background:url(../images/elements/footerBG.png) bottom center no-repeat;
	clear:both;} 

#subNavHolder{
	width:650px;
	height:80px;
	position:relative;
	margin:0 auto;
	padding:65px 200px 0px 0px;
	text-align:center;
}

.subNav{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	letter-spacing:2px;
	
}

.subNav a:link {color:#006699; text-decoration:none;}
.subNav a:visited {color:#006699; text-decoration:none;}
.subNav a:active {color:#003366; text-decoration:none;}
.subNav a:hover {color:#003366; text-decoration:none;}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*_____ START SIFR STYLE _____*/   
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}


/*_____ START TABS STYLE _____*/ 
/* navigation */
#nav {
	height:auto;	
	width:647px;
	position:relative;
	margin-top:20px;
}

#nav ul {	
	width:637px;
	margin:0 auto;	
}

#nav li {
	display:inline;
	width:auto;
	list-style-type:none;
	padding-bottom:2px;
}

#nav a {margin:0px 11px 0px 11px;
	position:relative;
		
}	

#nav a.current {
	background:url(../images/elements/abtNavActive.png) bottom center no-repeat;	
}

#nav img {}

#nav strong {
	font-size:13px;
}

/* panes */
#panes {/* must be relative so the individual panes can be absolutely positioned */  width:647px;
	height:740px;
	position:relative;
	background:url(../images/elements/paperTile.png) top center repeat-y;
	
}

/* crossfading effect needs absolute positioning from the elements */
#panes div {
	height:auto;
	display:none;		
	position:absolute;
	top:00px;
	left:41px;
	font-size:14px;
	color:#444;		
}

#panes img {
	float:left;
	
}

#panes p.more {
	color:#000;
	font-weight:bold;
}

#panes h3 {
	margin:0 0 5px 0;
	font-size:22px;
	font-weight:normal;
}

.abt{
width: 571px;
height:auto;
margin-left:5px;

}

.abt h3{padding-left: 15px}

.abt p{padding: 0px 0px 10px 20px;}

.abt ul{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#003333;
	font-weight: bold;
	font-size:14px;
	margin:0px 10px 10px 30px;
}

.abt li{
	margin:0px 0px 10px 15px;
	list-style-image:url(../images/elements/bullet.png);
}

.abtAnswer{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size:14px;
	color:#003333;
	line-height:24px;
	text-align:left;
	padding-bottom: 15px;
}

.abtAnswerNoLink {color:#006699; font-weight: bold; text-decoration:none;}

.abt img{padding: 0px 10px 0px 10px; border:none;}

.folio{
width: 584px;
height:auto;
margin-left:20px;
}

.folio h2{text-align:left; font-size:12px;}

.folio img{border:none;padding:0px 15px 15px 0px; display:inline}

.abtAnswer a:link {color:#000; text-decoration:none; border-bottom:dotted 1px #006699;}
.abtAnswer a:visited {color:#000; text-decoration:none; border-bottom:dotted 1px #006666;}
.abtAnswer a:active {color: #000; text-decoration:none; border-bottom:dotted 1px #006699;}
.abtAnswer a:hover {color:#8CC63F; text-decoration:none; background-color:#FFFFCC; border-bottom:dashed 1px #006699;}

.linkList a:link {font-weight: bold; font-size:14px; color:#006699; line-height:22px; text-decoration:none; border-bottom:dotted 1px #006699;}
.linkList a:visited {font-weight: bold; font-size:14px; color:#006699; line-height:22px; text-decoration:none; border-bottom:dotted 1px #006666;}
.linkList a:active {font-weight: bold; font-size:14px; color: #006699; line-height:22px; text-decoration:none; border-bottom:dotted 1px #006699;}
.linkList a:hover {font-weight: bold; font-size:14px; color:#8CC63F; line-height:22px; text-decoration:none; background-color:#FFFFCC; border-bottom:dashed 1px #006699;}

.overlay {
	display:none;
	width:500px;
	padding:20px;
	background-color:#ddd;
}



/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}

#contactMain{
	width:680px;
	height:550px;
	margin:0 auto;
	background:url(../images/elements/contactBackground.png) bottom left no-repeat;
	
}

#contactLeft{
	width:280px;
	height:auto;
	float:left;
	text-align:center;
}

#contactRight{
	width:400px;
	height:506px;
	float:right;
	background:url(../images/elements/mapBackground.png) top center no-repeat;
}