/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

/** { margin: 0; padding: 0; }
html { overflow-y: scroll; }
/*body { font: 12px/1.4 Helvetica, sans-serif; background: #333; color: #333; }*/
.group:after { visibility: hidden; display: block; font-size: 0; /*content: " ";*/ clear: both; height: 0; }
.group { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block;margin:0; } /* close commented backslash hack */
article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; }
a:focus { outline: 0; }

#page-wrap { 
    width: 500px; margin: 40px auto 5px; background: #91c7ff; 
    padding: 8px;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	background: -moz-linear-gradient(top,  #eee,  #ccc);
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
}

#main-content { padding: 14px; }

/*h1 { font: bold 32px Helvetica, Arial, Sans-Serif; letter-spacing: -1px; padding: 14px; color: #333; text-shadow: 1px 1px 1px white; }
p { margin: 0 0 15px 0; }*/
 
#nav ul { 
    list-style: none; /*background: #154c85;*/
   /* padding: 5px 16px; width: 97%; position: relative; 
    left: -9px; */
}
#nav ul li { /*display:inline;*/
             
             display: list-item;
    float: left;
   
     /*list-style:disc outside none;*/
   
  }

@font-face {
    font-family: 'Lucida Grande';
    src: url('lucidagrande.eot') format('eot'),
	url('lucidagrande.woff') format('woff'),
	url('lucidagrande.svg#Lucida Grande') format('svg'),
	url('lucidagrande.ttf') format('truetype');     
    font-weight: normal;
    font-style: normal;

}
#nav ul li a {
	display: block;
	float: left;
	/*border-top: 1px solid #96d1f8;
	background: #3e779d;
	background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
	background: -moz-linear-gradient(top,  #65a9d7,  #3e779d);*/
	height: 17px;
	padding: 0 10px;
	/*-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 3px;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	-webkit-text-stroke: 1px transparent;
	font: bold 11px/16px "Lucida Grande", "Verdana", sans-serif;
	color: rgba(255,255,255,.85);*/
	text-decoration: none; 
	margin: 0 5px 0 0;
	font-family:  "Lucida Grande";
	border-bottom:0;
	font-size:14px;
	 
	padding-top: 10px;
	color :#a8945d;
	 
}
#nav ul li a:hover {
	/*border-top: 1px solid #4789b4;
	baabtop: 1px solid #4789b4;
	
}
#nav ul li a:hover {
	/*border-top: 1px solid #4789b4;
	background: #28597a;
	background: -webkit-gradient(linear, left top, left bottom, from(#3d789f), to(#28597a));
	background: -moz-linear-gradient(top,  #3d789f,  #28597a);*/
	color: #CEC7B4; 
	text-shadow: 0 0 10px #A89463;
}	
#nav ul li a:active, #nav ul li a.current {
	border-top-color: #245779;
	/*background: #1b435e; 
    top: 1px; */
	color:#CEC7B4;
	position: relative;
	background-image:url('../img/triangle.png');
	background-repeat:no-repeat;
	background-position:top;
	border-bottom:0;
	 padding-top: 10px;
	 text-shadow: 0 0 15px #A89463;	
	border-bottom:0;
	font-size:14px;
}

footer { color: #999; margin: 0 auto; width: 500px; }

.seperator
{
	font-size: 20px; 
	font-weight: bold; 
	width: 10px !important;
	color:#514012;
}

.contentheading
{
	color:#CCCCCC;
	width:750px;
	height:30px;
	padding-top: 15px;
	font-family:  "Lucida Grande";
	border-bottom:0;
	font-size:24px;
	text-shadow: 0 0 10px #A89463;
	 padding-bottom: 7px;
}
.clear
{
clear:both;
float:none!important;
}
.tab_content
{
margin-top:22px;
}