body{
	margin:0;
	padding:0;
	font-size:14px;
}
#header{
	width:950px;
	margin:0 auto;
	/* border-bottom:1px solid #333;*/
}
	#header h1{
		font-size:14px;
		margin:0;
	}

#content{
	border-top:1px solid #333;
	width:950px;
	margin:10px auto;
	overflow:auto;
}

#main{
	float:left;
	width:630px;
	margin-right:20px;
}
	#main .left{
		float:left;
	}
#pan{
	margin:0;
	padding:0 0 10px 0;
	list-style:none;
	line-height:25px;
	overflow:auto;
}
	#pan li{
		float:left;
		padding-right:5px;
		display: inline;
	}
#sidemenu{
	float:right;
	width:300px;
}
	#sidemenu .menu{
		margin:10px 0 0 0;
		padding:0;
		list-style:none;
	}
	#sidemenu .menu li{
		background:url(images/menu_bg.png) repeat-x;
		border-top:1px solid #666;
		border-left:1px solid #666;
		border-right:1px solid #666;
		line-height:40px;
		padding-left:10px;
	}
	#sidemenu .end{
		border-bottom:1px solid #666;
	}
#footer{
	border-top:1px solid #333;
	width:950px;
	margin:0 auto;
	clear:both;
	text-align:right;
	padding:10px 0;
}

.clear{
	clear:both;
}


/**********
 *  TABS  *
 **********/
.tabs li {
  /* Makes a horizontal row */
  float: left; 
 
  /* So the psueudo elements can be
     abs. positioned inside */
  position: relative;
}
.tabs a {
  /* Make them block level
     and only as wide as they need */
  float: left;
  padding: 10px 40px;
  text-decoration: none;
 
  /* Default colors */
  color: white;
  background: #ddc385; 
 
  /* Only round the top corners */
  -webkit-border-top-left-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.tabs .active {
  /* Highest, active tab is on top */
  z-index: 3;
}
.tabs .active a {
  /* Colors when tab is active */
  background: black;
  color: #ddc385;
}
.tabs li:before, .tabs li:after,
.tabs li a:before, .tabs li a:after {
  /* All pseudo elements are
     abs. positioned and on bottom */
  position: absolute;
  bottom: 0;
}
/* Only the first, last, and active
   tabs need pseudo elements at all */
.tabs li:last-child:after,   .tabs li:last-child a:after,
.tabs li:first-child:before, .tabs li:first-child a:before,
.tabs .active:after,   .tabs .active:before,
.tabs .active a:after, .tabs .active a:before {
  content: "";
}
.tabs .active:before, .tabs .active:after {
  background: black; 
 
  /* Squares below circles */
  z-index: 1;
}
/* Squares */
.tabs li:before, .tabs li:after {
  background: #ddc385;
  width: 10px;
  height: 10px;
}
.tabs li:before {
  left: -10px;
}
.tabs li:after {
  right: -10px;
}
/* Circles */
.tabs li a:after, .tabs li a:before {
  width: 20px;
  height: 20px;
  /* Circles are circular */
  -webkit-border-radius: 10px;
  -moz-border-radius:    10px;
  border-radius:         10px;
/*  background: #222; */
  color: white;
  background: white;
 
  /* Circles over squares */
  z-index: 2;
}
.tabs .active a:after, .tabs .active a:before {
  background: #ddc385;
}
/* First and last tabs have different
   outside color needs */
.tabs li:first-child.active a:before,
.tabs li:last-child.active a:after {
/*  background: #222; */
  color: white;
  background: white;
}
.tabs li a:before {
  left: -20px;
}
.tabs li a:after {
  right: -20px;
}