/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: "Trebuchet MS", Helvetica, sans-serif;
 font-size: 13px;
 background:#7CAF46 url('../images/bg.jpg') repeat-x;
}
#wrapper { 
 margin: 0 auto;
 width: 800px;
 overflow:hidden;

}
#header {
 width: 803px;
 color: #333;
 background: #BD9C8C;
 height:281px; 
 background:url('../images/top.jpg') no-repeat top left;
}
#header #logo
{
	padding: 50px 0 0 5px;
}

h1 {
	margin-bottom:20px;
	font-size:23px; 
	
}

#navigation {
 width: 800px;
 margin: -3px 0px 0px 8px;
 height:43px;
 text-align:center;
 position:relative;
 background: url('../images/menu_bg.jpg') repeat-x bottom left;
}

#thicktabs{
margin: 0;
padding: 0;
float: left;
font: bold 13px Tahoma;
background: transparent url(../images/bg_right.jpg) top right no-repeat;

}

#thicktabs li{
display: inline;

}

#thicktabs li a{
float: left;
color: #000;
padding: 12px 48px 15px 48px;/*padding of tabs*/
text-decoration: none;
background: transparent url(../images/divider.jpg) top left no-repeat;
}

#thicktabs li #leftmostitem{ /*Extra CSS for left most menu item*/
background: transparent url(../images/bg_left.jpg) top left no-repeat;
padding-left: 52px; /*padding of tabs*/
}

#thicktabs li a#rightmostitem{ /*Extra CSS for right most menu item*/
padding-right: 52px;


}

#thicktabs li a:visited{
color: black;

}

#thicktabs li a:hover{
color: #002c9c;

}

#thicktabs li a.current{
color: #002c9c;

}

#content { 
 width: 775px;
 color: #fff;
text-align:left;
min-height:250px;

padding:25px 0 25px 25px;
}

#content p a{ 
color:#fff;
text-decoration:underline;
}

#content p a:hover{ 
color:#fff;
text-decoration:none;
}

#content img{
border:2px solid #FDE36A;

}


#content img.shadow{
 -moz-box-shadow: 0 0 2px #444444;
 -webkit-box-shadow: 0 0 2px #444444;
 box-shadow: 0 0 2px #444444;

}

img.shadow2 {
	background: url(../images/shadow-1000x1000.gif) no-repeat right bottom;
	padding: 5px 10px 10px 5px;
	height:192px;
	width:140px;
}

h2 {font-size:16px;
padding-bottom:20px;}

p {margin:0 0 1.5em;}
p.last {margin-bottom:0;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}

ul{
padding-left:30px;
color:#FFCE07;
}
ul ul{
list-style-type: circle;
color:#FFE36B;}

li span{color:#fff;}

div.right{
float:right;
display:block;
width:316px;
}

#box{
height:206px;
width:316px;
background:#cccccc;
float:right;
display:block;
margin:0 0 0 0;
background: url(../images/box.png)	no-repeat;}

#box h3{
display:block;
background:#0000CC;
color:#fff;
width:153px;
height:37px;
margin:12px 0 0 0;
padding-top:8px;
text-align:center;
font-weight:normal;
background: url(../images/blue-box.png)	1px 0px no-repeat;
}

#box p{
padding:0px 13px 13px 13px;
color:#808080;
text-align:center;
font-size:13px;
line-height:1.5em;

}

#box b{
color:#002c9c;
text-align:left;
}

#footer {
	background:#fff;
	padding:10px;
	text-align:center;
	color: #808080;
	}

.clear {clear:both;}