body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #191a14;
}

div,p,h1,h2,ul,li {
    font-family: Verdana, sans-serif;
    vertical-align: top;
}
h1.checkout {
	color: #00acd6;
	font-size: 16px;
	font-weight: bold;
}
a {
	color: #00acd6;
}
.fakelink {
	color: #00acd6;
}
#ceefooter {
	margin-top: 9px;
}
#ceefooter a {
	font-weight: bold;
}
p {
	margin-bottom: 5px;
}
h2 {
	color: #D8C801;
	padding-bottom: 2px;
	margin-bottom: 2px;
	margin-top: 3px;
	font-weight: bold;
	border-bottom: 1px solid black;
}
div.breadcrumb {
	margin-bottom: 8px;
}
#wrapper {
	width: 800px;
	margin: 0 auto;
}

#header {
	height: 225px;
	background: url("../../img/csf/header.jpg") left bottom no-repeat;
	position: relative;
}

#header .wrapper {
	padding: 2px 0 0 2px;
	position: relative;
	height: 69px;
	width: 800px;
}

#header .logo {
	display: block;
	width: 255px;
	height: 60px;
	background: url("../../img/csf/logo.jpg") left top no-repeat;
	text-indent: -10000px;
	margin: 3px 0 0 11px;
}

#header a.contest {
	position: absolute;
	top: 81px;
	right: 63px;
	width: 142px;
	height: 20px;
	background: url("../../img/csf/contest-link.png") no-repeat;
	text-indent: -10000px;
}

#search {
	background: url("../../img/csf/search-field.jpg") no-repeat;
	position: absolute;
	top: 25px;
	left: 648px;
	display: none;
}

#search .text {
	background: none;
	width: 70px;
	padding: 3px;
	line-height: 12px;
	font-size: 10px;
	border: none;
	float: left;
}

#menu {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style-type: none;
	margin: 5px 0 0 19px;
	z-index: 2;
	position: absolute;
}

#menu li.open {
	float: left;
	line-height: 22px;
	height: 22px;
	padding-left: 20px;
	margin-right: 20px;
	background: url("../../img/csf/arrow.jpg") left center no-repeat;
	z-index: 200;
}

#menu a {
	color: #232422;
	font-size: 11px;
	font-weight: bold;
}

#menu .active a {
	color: #00acd6;
	font-size: 12px;
}

#search .submit {
	width: 74px;
	height: 18px;
	background: url("../../img/csf/search-button.jpg") no-repeat;
	border: none;
	float: left;
}

#container {
	padding-left: 182px;
	min-height: 461px;
	background: url("../../img/csf/content.jpg") left top no-repeat;
	margin-top: 8px;
}

* html #container { height: 461px; }

#content {
	width: 392px;
	float: left;
}
#sidebar {
	float: left;
	width: 204px;
	padding-left: 22px;
}
#contentFull {
	width: 610px;
	float: left;
}
#contentHalf {
	width: 544px;
	float: left;
}
ul {
	margin-left: 23px;
}
/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{ background: transparent url(../../img/img_php.png) no-repeat bottom right} 
.cssbox{ /* intended total box width - padding-right(next) */ width:165px !important; /* IE Win = width - padding */ width: 150px; /* the gap on the right edge of the image (not content padding) */ padding-right:15px; /* use to position the box */ margin:20px auto} 
/* set the top-right image */ 
.cssbox_head{background-position:top right; /* pull the right image over on top of border */ margin-right:-15px; /* right-image-gap + right-inside padding */ padding-right:40px} 
/* set the top-left image */ 
.cssbox_head h2 { 
	background-position:top left; margin:0; 
	/* reset main site styles*/ 
	border:0; 
	/* ditto */ 
	/* padding-left = image gap + interior padding ... no padding-right */ 
	padding:15px 0 5px 20px; height:auto !important; height:1%; 
	font-size: 12px;
	font-weight: bold;
}
/* IE Holly Hack */ /* set the lower-left corner image */ 
.cssbox_body{ background-position:bottom left; margin-right:5px; /* interior-padding right */ padding:5px 0 15px 20px} /* mirror .cssbox_head right/left */ 

img.pctbar {
	padding: 0;
	margin: 0;
	background: url(../../img/bar.png) no-repeat -294px 2px; 
}
#commentForm table {
}
#commentForm table tr {
	vertical-align: top;
}
#commentForm table th {
	text-align: right;
}
.commentDiv {
	border: 1px solid #000;
	margin: 8px;
	padding: 8px;
}
.commentMeta {
	width: 180px;
	color: #000;
	border-bottom: 1px dashed #000;
	padding: 8px;
}
.commentBody {
	padding: 8px;
}
.adminComment {
	background-color: #efefef;
}
.regtable th {
	text-align: right;
	text-transform: uppercase;
}
table.regform {
	width: 100%;
	vertical-align: top;
}
table.regform tr, table.regform td, table.regform th {
	vertical-align: top;
}
table.regform th {
	text-align: right;
}
.errorlist {
	color: #cc0000;
}
label {
	margin-right: 5px;
	margin-bottom: 5px;
}
label.optional {
	font-weight: normal;
}
fieldset {
	border: 1px solid black;
	padding: 3px;
}
legend {
	background-color: #ffffff;
	border: 1px solid black;
	padding: 3px;
	margin: 9px;
}

/* sheets */

#sheets .sheet {
	height: 251px;
	width: 251px;
	overflow: hidden;
	float: left;
	margin: 6px;
}

#sheets .blue {
	background: url("../../img/sheets/blue.png") no-repeat;
}

#sheets .pink {
	background: url("../../img/sheets/pink.png") no-repeat;
}

#sheets .green {
	background: url("../../img/sheets/green.png") no-repeat;
}

#sheets .yellow {
	background: url("../../img/sheets/yellow.png") no-repeat;
}

#sheets .sheet .content {
	padding: 57px 32px 0 26px
}
.formTable th {
	text-align: right;
	padding-right: 6px;
	vertical-align: top;
}
.formTable td, th {
	padding-top: 9px;
}
.formTable #id_description {
	width: 300px;
}

#sidebar .sheet {
	height: 210px;
	width: 210px;
	overflow: hidden;
	float: left;
	margin: 6px 5px;
	background: url("../../img/sheets/pink-small.png") no-repeat;
}

#sidebar .sheet .content {
	padding: 43px 32px 0 26px
}
a.button {
	border: 1px solid black;
	padding: 4px;
	font-weight: bold;
	margin-top: 4px;
}

#gallery {
	background-color: #444;
	padding: 10px;
	width: 520px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
	border: 5px solid #3e3e3e;
	border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
	border: 5px solid #fff;
	border-width: 5px 5px 20px;
	color: #fff;
}
#gallery ul a:hover { color: #fff; }


/* Easy Slider */
#slider {
	width: 280px;
	height: 180px;
	text-align: center;
}
#slider ul, #slider li,
#slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider2{margin-top:1em;}

#slider li, #slider2 li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:280px;
	height:180px;
	overflow:hidden; 
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	z-index:1000;
	}	
#nextBtn, #slider1next{ 
	left:696px;
	}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:30px;
	height:77px;
	background:url(http://csf.ceetrust.org/media/css/images/btn_prev.gif) no-repeat 0 0;	
	}	
#nextBtn a, #slider1next a{ 
	background:url(http://csf.ceetrust.org/media/css/images/btn_next.gif) no-repeat 0 0;	
	}	
	
/* numeric controls */	

ol#controls{
	margin:1em 0;
	padding:0;
	height:28px;	
	}
ol#controls li{
	margin:0 10px 0 0; 
	padding:0;
	float:left;
	list-style:none;
	height:28px;
	line-height:28px;
	}
ol#controls li a{
	float:left;
	height:28px;
	line-height:28px;
	border:1px solid #ccc;
	background:#DAF3F8;
	color:#555;
	padding:0 10px;
	text-decoration:none;
	}
ol#controls li.current a{
	background:#5DC9E1;
	color:#fff;
	}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* // Easy Slider */