/* CSS Document */

/* COLOR PALETTE

  purple #993399   
  orange #f07800
  neutral #cccc99
  green   #   669933
  medium brown #8b713e
  dark brown 352c18
  light purple #cc99ff
*/

body{
	padding: 39px 0 0 0;
	margin:0;
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
    background-color: #f07800;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}
ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}
 
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
#wrapper
	{
	width:948px;
	margin:0px auto;
	padding:0px;
    border-left:  5px solid #993399;
    border-right:  5px solid #993399;
	}
img.left {
   float: left;
   padding: 2%;
}
img.right {
   float: right;
   padding: 2%;
}
img { border: none; }
/*------------------------------------------------text details--------------------*/


p{
 font-size: 14px;
 padding: 5px;
 }
 
h2 {
 color: #ffffff; 

 } 
 
.quotes{
 font-size: 1.3em;
 padding: 10px;
 font-family:  Times, "Times New Roman", serif;
 font-style:italic;
 color: #993399; 
   }


/*------------------------------------------------top--------------------*/
#topMain{
	width:100%;
	background:url(images/top_bg.gif) 0 0 repeat-x;
	height:207px;
    
}
#top{
	width:948px;
	height:207px;
	 
    background:url(images/headerpic8.png) no-repeat;
}
#top ul.top{
	width:112px;
	height:16px;
	float:right;
	margin:1px 0 0 0;
    padding: none
}
#top ul.top li{
	float:left;
	font-size:0;
	line-height:0;
}
  
#top ul.nav{
	width:906px;
	height:25px;
	margin:153px 0 0 0;
	float:left;
	background:url(images/nav_div.gif) left top no-repeat;
	padding:0 0 0 2px;
}
#top ul.nav li{
	float:left;
	font-size:0;
	line-height:0;
	background:url(images/nav_div.gif) right top no-repeat;
	height:25px;
	padding:0 2px 0 0;
}
#top ul.nav li.noImg{
	background-image:none;
}
#top ul.nav li a{
	display:block;
	padding:0 18px;
	font:bold 10px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#670606;
	background-color:inherit;
	text-decoration:none;
	text-transform:uppercase;
	border:none;
}
#top ul.nav li a:hover{
	background:url(images/nav_hover.gif) 0 0 repeat-x;
	padding:0 17px;
	border-left:#000000 solid 1px;
	border-right:#000000 solid 1px;
	color:#fff;
	background-color:inherit;
}
#top ul.nav li a.hover{
	display:block;
	background:url(images/nav_hover.gif) 0 0 repeat-x;
	padding:0 16px;
	border-left:#000000 solid 1px;
	border-right:#000000 solid 1px;
	color:#fff;
	background-color:inherit;
	font:bold 10px/25px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
}
#top ul.sub{
	width:898px;
	padding:10px 0 0 10px;
	float:left;
}
#top ul.sub li{
	float:left;
	color:#C0C0C0;
	background-color:inherit;
	font:normal 11px/9px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#top ul.sub li a{
	color:#C0C0C0;
	background-color:inherit;
	font:normal 11px/9px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0 12px;
	text-decoration:none;
}
#top ul.sub li a:hover{
	color:#EFEF94;
	background-color:inherit;
}
#top ul.sub li a.bright{
	color:#ff0033;   /*  medium red  */	 
}
#top ul.sub li a:hover{
	color:#ff0033;   /*  medium red  */
	background-color:inherit;
    font:normal 11px/9px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0 12px;
	text-decoration:none;
}
/*------------------------------------------------top--------------------*/

/*------------------------------------------------bodyTop--------------------*/
#bodyTopMain{
	width:100%;
	padding:23px 0 40px 0;
	background-color:#cccc99;
	color:#000000;
}
#bodyTop{
	width:908px;
	margin:0 auto;
}
#bodyTop p.rightTop{
	display:block;
	 
	width:324px;
	height:6px;
	font-size:0;
	line-height:0;
	float:right;
}
#bodyTop p.rightBot{
	display:block;
	 
	width:324px;
	height:21px;
	font-size:0;
	line-height:0;
	float:right;
}
#bodyTop a.sp{
	display:block;
	background:url(images/special_offer.png) 0 0 no-repeat;
	width:270px;
	height:91px;
	margin:10px 0 10px 0;
	float:right;
}
#bodyTop a.sp:hover{
	background:url(images/special_offer2.png) 0 0 no-repeat;
}
/*------------------------------------------------left--------------------*/
#left{
	width:538px;
	float:left;
    
}

 
 
 
#left p.lftTxt2 a:hover{
	color:#670606;
	background-color:inherit;
}
#left ul.link{
	width:538px;
	height:155px;
	margin:30px 0 0 0;
}
#left ul.link li{
	float:left;
	line-height:0;
	font-size:0;
}
#left ul.link li a.checkNote{
	display:block;
	background:url(images/birthdaybox.png) 0 0 no-repeat;
	width:166px;
	height:155px;
	margin:0 18px 0 0;
}
#left ul.link li a.checkNote:hover{
	background:url(images/birthdaybox2.png) 0 0 no-repeat;
}
#left ul.link li a.userinfo{
	display:block;
	background:url(images/how.png) 0 0 no-repeat;
	width:166px;
	height:155px;
	margin:0 18px 0 0;
}
#left ul.link li a.userinfo:hover{
	background:url(images/howhover.png) 0 0 no-repeat;
}
#left ul.link li a.download{
	display:block;
	background:url(images/say2.png) 0 0 no-repeat;
	width:166px;
	height:155px;
	margin:0;
}
#left ul.link li a.download:hover{
	background:url(images/sayhover.png) 0 0 no-repeat;
}
/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/
#right{
	width:295px;	 
	float:right;
	border: 5px solid #ffffff; 
    margin-bottom: 20px;
    background-color: #669933;
    color: #ffffff;
    
}
#right p{
  padding: 5px 5px 5px 20px;
  font-size: 1.05em;
 }
#right a{
  color: #352c18;
  text-decoration:underline;
 }
 #right a:hover{
  color: #ffffff;
  text-decoration:underline;
 }
#grabber{
	width:295px;	 
	float:right;
	border: 5px solid #ffffff; 
    margin-bottom: 20px;
    background-color: #669933;
    color: #ffffff;
} 
.connect {
  background:url(images/connect.png) 0 0 repeat-x ;
  height: 71px; 
  padding: 10px 0 0 100px;
 
 } 
 .location {
  background:url(images/location.png) 0 0 repeat-x ;
  height: 71px; 
  padding: 10px 0 0 75px;  
 }
 
/*------------------------------------------------right--------------------*/

/*------------------------------------------------bodyTop--------------------*/

/*------------------------------------------------bodyBot--------------------*/
#bodyBotMain{
	width:100%;
    background:url(images/body_bot_bg.gif) 0 0 repeat-x #993399;
	 
	padding:25px 0 10px 0;
	color:#fff;
}
#bodyBot{
	width:908px;
	margin:0 auto;
}
#bodyBot a.whatNew{
	display:block;
	background:url(images/eblem.png) 0 0 no-repeat;
	width:211px;
	height:194px;
	float:right;
	margin:15px 0 0 0;
}
#bodyBot a.whatNew:hover{
	background:url(images/eblem2.png) 0 0 no-repeat;
}
#story{
	width:309px;
	background:url(images/body_bot_div.gif) right top no-repeat;
	float:left;
    height:194px;
	padding:0 24px 0 0;
	margin:0 25px 0 0;
}
#story h2{
	color:#FFFEF4;
	background-color:inherit;
	font:normal 28px/22px Arial, Helvetica, sans-serif;
	margin:0 0 14px 0;
	display:block;
}
#story ul{
	padding:0 0 2px 0;
}
#story ul li{
	font-size:0;
	line-height:0;
}
#story ul li a{
	display:block;
	background:url(images/arrow.gif) 0 5px no-repeat;
	padding:0 0 0 14px;
	color:#CF9201;
	background-color:inherit;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#story ul li a:hover{
	color:#fff;
	background-color:#393939;
}
#story a.rm3{
	display:block;
	background:url(images/read_more_bg2.gif) 0 0 no-repeat;
	width:76px;
	height:18px;
	margin:0 0 0 231px;
	color:#232424;
	background-color:inherit;
	font:bold 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
}
#story a.rm3:hover{
	color:#670606;
	background-color:inherit;
}
#event{
	width:290px;
	float:left;
	padding:0;
	margin:0;
}
#event h2{
	color:#FFFEF4;
	background-color:inherit;
	font:normal 28px/22px Arial, Helvetica, sans-serif;
	margin:0 0 14px 0;
	display:block;
}
#event ul{
	padding:0 0 2px 0;
}
#event ul li{
	font-size:0;
	line-height:0;
}
#event ul li a{
	display:block;
	background:url(images/arrow.gif) 0 5px no-repeat;
	padding:0 0 0 14px;
	color:#CF9201;
	background-color:inherit;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#event ul li a:hover{
	color:#fff;
	background-color:#393939;
}
#event a.rm4{
	display:block;
	background:url(images/read_more_bg2.gif) 0 0 no-repeat;
	width:76px;
	height:18px;
	margin:0 0 0 213px;
	color:#232424;
	background-color:inherit;
	font:bold 10px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-align:center;
}
#event a.rm4:hover{
	color:#670606;
	background-color:inherit;
}
/*------------------------------------------------bodyBot--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain{
	width:100%;
	height:97px;
	background:url(images/footer_bg.gif) 0 0 repeat-x #cccc99;
	padding:30px 0 0 0;
	color:#000;
}
#footer{
	width:908px;
	height:97px;
	margin:0 auto;
	position:relative;
}
#footer ul{
	width:590px;
	position:absolute;
	left:0;
	top:0;
}
#footer ul li{
	float:left;
	font:normal 11px/20px Arial, Helvetica, sans-serif;
	color:#363636;
	background-color:inherit;
}
#footer ul li a{
	padding:0 7px;
	font:normal 11px/20px Arial, Helvetica, sans-serif;
	color:#363636;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer ul li a.home{
	padding:0 7px 0 0;
	font:normal 11px/20px Arial, Helvetica, sans-serif;
	color:#363636;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a.home:hover{
	text-decoration:underline;
}
#footer p.copyright{
	font:normal 10px/20px Arial, Helvetica, sans-serif;
	position:absolute;
	left:0;
	top:20px;
	width:830px;
	color:#670606;
	background-color:inherit;
}
#footer p.xhtml{
	font:normal 10px/20px Arial, Helvetica, sans-serif;
	position:absolute;
	left:0;
	top:60px;
	width:38px;
	color:#670606;
	background-color:inherit;
}
#footer p.css{
	font:normal 10px/20px Arial, Helvetica, sans-serif;
	position:absolute;
	left:44px;
	top:60px;
	width:38px;
	color:#670606;
	background-color:inherit;
}
.xhtml_link {
	color: #670606;
	text-decoration: none;
}
#footer p.design{
	display:block;
	width:245px;
	height:20px;
	padding:0;
	position:absolute;
	left:0;
	top:36px;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#8B8228;
	background-color:inherit;
}
#footer p.design a.link{
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#8B8228;
	background-color:inherit;
	text-decoration:none;
	padding:2px;
}
#footer p.design a.link:hover{
	color:#fff;
	background-color:#000;
}
/*------------------------------------------------footer--------------------*/