/*-----------------------------------------------
Cooper Design
Author:   Jason Cooper
Version:  1 June 2008
----------------------------------------------- */


/* Global
----------------------------------------------- */

/* Remove border around linked images */
img {
	border: 0;
	padding: 0;
	margin: 0;
	}

a:link, a:visited, a:active {
	color: #872f00;
    text-decoration: underline;
	}    
	
a:hover {
	color: #872f00;
    text-decoration: none;
	}  

h1 {
	font-family: helvetica, tahoma, sans-serif;
	font-size: 24px;
	font-weight: bold;
	}
	
h2 {
	font-family: helvetica, tahoma, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	}	
	
	
h3 {
	font-family: helvetica, tahoma, sans-serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	margin: 8px 0 0 0;
	}	
	h3 a:link, h3 a:visited, h3 a:active {
		color: #872f00;
    	text-decoration: none;
		}    
	
	h3 a:hover {
		color: #c69701;
    	text-decoration: none;
		}  

/* Navigation
----------------------------------------------- */
#nav ul {
	margin:0px;
	padding: 0px;
	font-family: helvetica, tahoma, sans-serif;
	font-size: 20px;
	color: #f7dc7c;
	}

	#nav ul li {
		list-style-type:none;
		display: inline;
		}	
		
	#nav ul li a{
		color: #fff;
		text-decoration: none;
		}
		
	#nav ul li a:hover{
		color: #fff;
		text-decoration: underline;
		}		

#sideNav {
	float: left;
	position: relative;
	top: 320px;
	width: 165px;
	text-align: right;
	font-weight: bold;
	}
	#sideNav ul li {
		list-style-type:none;
		color: #fff;
		font-size: 12px;
		line-height: 20px;
		}	
		#sideNav li a:link, #sideNav li a:visited, #sideNav li a:active {
		color: #fff;
    	text-decoration: none;
		}    
		#sideNav li a:hover {
		color: #fff;
    	text-decoration: underline;
		}	  

	
/* Body 
----------------------------------------------- */
body {
	background: #aa5828 url('../media/bodyBg.jpg') no-repeat top center;
	background-attachment:fixed;
  	font-family: verdana, helvetica, arial, sans-serif;
  	font-size: 11px;
  	line-height: 15px;
  	color: #872f00;
  	text-align: center;
	}

#container {
	margin: 0 auto;
	width: 1000px;
  	position: relative;
	}
	
#mainHome{
	margin: 0px;
  	padding: 0px;
  	background: #aa5828 url('../media/homeBg.jpg') no-repeat top center;
  	text-align: left;
  	font-size: 11px;
  	width: 1000px;
  	height: 625px;
  	border: solid 5px #d8a254;
	}	
	
#mainSub{
	margin: 0px;
  	padding: 0px;
  	background: #fff url('../media/subBg.jpg') no-repeat top center;
  	text-align: left;
  	font-size: 11px;
  	width: 1000px;
  	height: 625px;
  	border: solid 5px #d8a254;

	}		
	#contentSub {
	margin: 30px 0 0 280px;
	padding : 4px; 
	width : 700px; 
	background-color: #fff;

  	}	
	
/* Styles
----------------------------------------------- */	
#socialMedia {
	position: absolute;
	top: 70px;
	right: 25px;
	}
	#twitter {
		width: 30px;
		height: 30px;
		display: inline;
		}
	#facebook {
		width: 30px;
		height: 30px;
		display: inline;
		}
	


#logosHome {
	}

#boxesHome {
	margin-top: 0;
	margin-left: 180px;
	text-align: center;
	position: relative;
	left: 20px;
	width: 700px
	}

.imgLeft {
	float: left;
	margin: 0 10px 10px 20px;
	border: 2px solid #d8a254;
	}


.imgRight {
	float: right;
	margin: 0 10px 10px 20px;
	border: 2px solid #737373;
	}
	
.imgLeftNone {
	float: left;
	margin: 0 10px 20px 20px;
	}

.imgRightNone {
	float: right;
	margin: 0 10px 20px 20px;
	}	
	

.imgLeftIcon {
	float: left;
	margin: 0 8px 0 0;
	}

	
.border {
	border: 3px solid #430009;
	}

.border:hover{
	background-color: transparent;
	border: 3px solid #c49400
	}
	
	
.borderThumb {
	border: 2px solid #430009;
	}

.borderThumb:hover{
	background-color: transparent;
	border: 2px solid #c49400
	}
	
.icon {
	position: relative;
	top: 14px;
	}
	
#hintbox{ /*CSS for pop up hint box */
	position:absolute;
	top: 0;
	background-color: #fec714;
	width: 150px; /*Default width of hint.*/ 
	padding: 5px;
	border:1px solid black;
	font: 11px Verdana;
	line-height:18px;
	z-index:100;
	border-right: 3px solid black;
	border-bottom: 3px solid black;
	visibility: hidden;
	text-align: left;
	color: #000;
		font-weight: bold;

	}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
	color: navy;
	margin: 0px 0px;
	}	
	
.chart {
	width: 400px;
	border-left: solid 1px #d4ebf5;

	}
	
.chart td {
	padding: 3px 3px 3px 3px;
	border-right: solid 1px #d4ebf5;
	border-bottom: solid 1px #d4ebf5;
	}
	
.chartTd {
	background-color: #d4ebf5;
	}


/* JQuery Hover 
----------------------------------------------- */


ul.thumb {
	float: left;
	list-style: none;
	margin: 0; 
	padding: 0 0 0 43px;
	}
ul.thumb li {
	margin: 0; 
	padding: 0 5px 0 0 ;
	float: left;
	position: relative;
	width: 57px;
	height: 115px;   
	}

ul.thumb li img {
	position: absolute;
	left: 0; top: 0;
	-ms-interpolation-mode: bicubic; 
	}
ul.thumb li img.hover {
    border: solid 3px #dc810f;

	}


			
/* Slideshow
----------------------------------------------- */	

/*** set the width and height to match your images **/

#rotate {
	margin-top: 40px;
	margin-left:  230px;
	text-align: center;    	
	position:absolute;
		height: 50px;
	}

#rotate IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	}

#rotate IMG.active {
    z-index:10;
    opacity:1.0;
	}

#rotate IMG.last-active {
    z-index:9;
	}



/* Slideshow
----------------------------------------------- */

#slideshow {
	margin:0 auto;
	width:325px;
	height:450px;
	background:transparent url(..media/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
  	margin:0 auto;
	width:255px;
	height:450px;
  	overflow:auto; /* allow scrollbar */
  	position:relative; 	
  	left: 5px;
	}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:250px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:450px; 
	}
	
.control {
  display:block;
  width:39px;
  height:450px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;  
	}
	
#leftControl {
  top:0;
  left:0;
  background:transparent url('control_left.jpg') no-repeat center center;
	}
	
#rightControl {
  top:0;
  right:0;
  background:transparent url('control_right.jpg') no-repeat center center;
	}

/* Footer 
----------------------------------------------- */
#footer {
	text-align: center;
	font-size: 12px;
  	line-height: 20px;
	}	
	#footer ul{
	margin:0px;
	padding: 20px 0 0 0;
		}	
	#footer ul li{
		list-style-type:none;
		display: inline;
		}