html { 
	min-height: 100%; 
	padding-bottom: 1px;
	background: #EAE5CE
 }
body {
	margin: 0;
	font: 100%/1.5 Arial, Helvetica, sans-serif;
	color: #717070;
	background: #FFF url(../img/header_bg.png) repeat-x;
}

body, .header, #nav, .footer { min-width: 980px }

.wrap {
	position: relative;
	width: 960px;
	margin: 0 auto;
	font-size: 80%;
}

	.section {
		clear: both;
		overflow: hidden;
		margin-bottom: 2em;
	}
	
	.article {
		float: right;/*used to be right*/
		width: 720px;
		margin-bottom: 3em
	}
	.articlewide {
		
		width: 940px;
		margin-bottom: 3em
	}
	body.register .article { float: left }
	.aside {
		float: left;/*used to be left*/
		width: 210px;
	}
	.aside2 {
		float: left;/*used to be left*/
		width: 210px;
		margin-top:18px;
	}
	body.register .aside { float: right }

/*------ general styles ------*/
a { text-decoration: none; color: #282E6C; font-weight: bold; }
a:hover, a:focus, a:active { color: #EE7E10; text-decoration: underline }
h1, h2, h3, h4, h5 { 
	margin: 1em 0 .5em; 
	color: #363636;
	line-height: 1.2
}
h1 { 
	margin: 0 0 .8em;
	font: normal 300% "Clarendon BT", "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	color: #EDE9D5; 
	line-height: 1
}
h2 { font-size: 170%; }
h3 { font-size: 140%;}
h3.message { width: 860px; }
h4 { font-size: 120% }
p { margin: 0 0 1em; line-height: 1.5 }
ul, ol { padding-left: 1.5em; margin: 0 0 1em 1.5em }
li { margin-bottom: .5em }
ul { list-style: disc }
ul ul { list-style: circle }
ol { list-style: decimal }
img { border: 0 }
abbr { border-bottom: 1px dotted }
abbr:hover { cursor: help }
strong, em { font-weight: bold }
em { font-style: italic }
address { font-style: normal }
blockquote, q { quotes: none }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

.offset { 
	position: absolute;
  left: -999em;
  overflow: hidden; 
}

.nav { 
	margin: 0;
	padding: 0;
	list-style: none
}

/*------ header ------*/
#logo { 
	float: left;
	margin: 20px 0 5px;
}

.header form {
	position: absolute;
	top: 10px; right: 0;
	width: 430px
}
	.header form div { width: 100%; overflow: hidden }
		.header form div div {
			float: left;
			width: 169px
		}
		.header form div div:last-child { margin: 0 }
			.header label { font: bold 120% "Clarendon BT", "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; }
			.header input[type=text], .header input[type=password] { padding: 5px }
			.header input[type=image], p.register, .password {
				position: absolute;
				top: 1.8em;
				right: 0;
				margin: 0
			}
			p.register, .password { margin: 0; font-size: 92.5% }
			p.register {
				top: 5em;
				font-style: italic;
				z-index: 10
			}
				p.register a { font-style: normal }
			.password {
				top: 5em;
				left: 0
			}

/*------ nav ------*/
#nav { 
	clear: both;
	margin-top: .5em;
	padding: 2px 0;
	background: #E5831E;
	color: #FFF;
	font-size: 112.5%
}
	#nav .inner { 
		width: 100%;
		padding: 1px 0;
		border: 1px solid #F0B981;
		border-width: 1px 0
	}
		#nav ul {
			width: 960px;
			margin: .5em auto;
			padding: 0;
			overflow: hidden
		}
			#nav li { 
				float: left;
				display: inline;
				margin: 0 30px 0 0
			}
				#nav a { 
					color: #FFF;
					font-weight: normal;
					text-decoration: none 
				}
				#nav a:hover, #nav a:focus, #nav a:active { color: #FF0 }
					#nav a em { font-style: normal; font-weight: bold }

/*------ banner ------*/
.banner {
	height: 4.6em;
	margin-bottom: 1em;
	background: #372A1E url(../img/banner_bg.jpg) 50% 0 no-repeat;
	border-bottom: 1px solid #786F67;
	color: #EDE9D5
}
.home .banner { 
	height: 14.2em;
	background-image: url(../img/banner_bg_home.jpg) 
}
	.home .banner .wrap {
		padding-top: 1px;
		height: 17.2em;
		background: url(../img/pen.jpg) 100% 0 no-repeat
	}
	.banner h1, .banner h2 {
		margin: 0;
		line-height: 1.8em;
	}
	.banner h2 {
		margin: .4em 250px .6em 0;
		color: #FFF;
		font: bold 260% "Clarendon BT", Georgia, serif;
	}
	
	.banner p {
		position: absolute;
		top: 20px; right: 0;
		margin: 0
	}
	.home .banner p {
		position: static;
		margin-right: 300px;
		color: #B49D85;
		font-size: 140%;
	}
	.home .banner em { font-style: normal; text-transform: uppercase }
	
/*------ content ------*/
.article h2:first-child { margin-top: 0 }

.col {
	float: left;
	display: inline;
	width: 466px;
	margin-right: 20px
}
.col + .col { margin-right: 0 }

.project {
	position: relative;
	margin-bottom: 1em;
	padding-bottom: 1em;
	min-height: 165px;
	background: url(../img/project_btn_bg.png) no-repeat;
	color: #594523;
	font-size: 120%
}
	.project .btm {
		width: 466px;
		height: 10px;
		background-image: url(../img/project_btn_bg.png)
	}
	.project:hover { background-position: -466px 0; cursor: pointer }
	.project:hover .btm { background-position: -466px 100% }

	.project h3 {
		margin: 1em 25px .3em;
		padding: 0 0 100px 120px;
		font: bold 180% "Clarendon BT", "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
		color: #594523;
		background-repeat: no-repeat
	}
	.find h3 { background-image: url(../img/icon_find-project.png) }
	.launch h3 { background-image: url(../img/icon_launch-project.png) }
	.project p { 
		position: relative;
		margin: -98px 25px 0 145px;
		font-size: 107.5%
	}
		.project a { color: #594523 }
		
.project + .project + p, .project + p + p {
	font: normal 150% "Clarendon BT", "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
}
	.project + p + p a { 
		font: normal 82.5% Arial, Helvetica, sans-serif;
		text-decoration: underline 
	}

.quote h3 {
	color: #FFF;
	padding: .8em 10px 1.8em;
	text-align: center;
	background-repeat: no-repeat
}
.popular h3 { background-image: url(../img/quote_bg1.jpg) }
.testimonials h3 { background-image: url(../img/quote_bg2.jpg) }

.popular ul { width: 458px; margin: -.7em 0 2em }
	.popular li {
		margin: 0;
		padding: .5em 20px;
		border-bottom: 1px solid #B1ACA6;
		font-size: 150%
	}
	.popular li:first-child { padding-top: 0 }
	.popular .alt { background-color: #EAE5CE }
		.popular li a { color: #717070; font-weight: normal }

.testimonials blockquote {
	margin: 0;
	padding: 0 0 0 3em;
	font: normal 140% Georgia, serif;
}
	.testimonials p { position: relative; line-height: 1.3 }
	.testimonials cite {
		display: block;
		font-style: normal;
		font-weight: bold
	}
	.testimonials blockquote span {
		position: absolute;
		left: -.5em; top: -.3em;
		font-size: 450%
	}

.btm {
	position: absolute;
	bottom: -1px; left: 0;
	background-position: 0 100%;
	background-repeat: no-repeat
}

.secrets {
	clear: both;
	position: relative;
	width: 901px;
	margin: 1em auto;
	padding: .5em 20px 1em;
	color: #000;
	font: bold 150% "Clarendon BT", "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	background: url(../img/grey_bg.png) no-repeat;
	text-align: center
}
	.secrets h2 { margin: 0 0 .3em; font-size: 180% }
	.secrets p { margin-bottom: 0; font-weight: normal }
	.secrets .btm {
		width: 941px;
		height: 10px;
		background-image: url(../img/grey_bg.png)
	}
/* forms */
form { font-size: 90% }

	#register fieldset {
		position: relative;
		padding: 8em 10px 0 0;
		border: 0;
		background: url(../img/form_bg.png) no-repeat
	}
	
		#register fieldset .btm {
			left: -20px;
			bottom: -10px;
			width: 703px;
			height: 10px;
			background-image: url(../img/form_bg.png)
		}
	
		fieldset * { margin-left: 20px }
		
		legend { padding: 0 }
		
		legend span {
			position: absolute;
			left: 20px;  
			margin: 20px 0 1em 0;
			color: #00398D;
			font-size: 200%;
			font-weight: bold;
		}
		.ie legend span { top: 0 }

		label {
			display: block;
			margin-bottom: .2em;
			color: #000;
			font-weight: bold
		}
		
		#register label {
			clear: left;
			float: left;
			width: 8em;
			margin: 0;
			font-size: 150%;
			text-align: right
		}
		
		input[type=text], input[type=password], textarea {
			padding: 2px 4px;
			font-size: 14px;
		}
		#register input[type=text], #register input[type=password], #register textarea {
			width: 424px;
			margin-bottom: 1em;
			background: url(../img/input_bg.png) no-repeat;
			border-color: #BDBDBD;
			font-size: 18px;
			vertical-align: middle
		}
		#register input[type=image] { margin: 0 0 0 152px }
		
		input[type=text], input[type=password], textarea, select { 
			margin-bottom: .5em;
			border: 1px solid #3D2F21
		}
		
		input[type=text]:hover, input[type=password]:hover, textarea:hover, input[type=text]:focus, input[type=password]:focus, textarea:focus { background-color: #EAF1FF }
		
		form p { margin-top: 1em }
		form .errors { color: #C00 }
		input.errors, textarea.errors { border-color: #C00 }
		ul.errors {
			margin: 0;
			padding: 0;
			list-style: none
		}
		#register .errors li { margin-left: 160px; width:424px;position:relative;top:-16px; }
		#register td .errors li { margin-left: 0 }
		
		#register input[type=checkbox] { margin: 0 10px 0 205px }
		#register .inl {
			float: none;
			clear: none;
			display: inline;
			font-size: 120%
		}
/*forms2*/

.shadedcontent{background-color: #ECF3F7;padding:1px 10px;}
.shadedcontent div {margin-right:70px;margin-left:30px;}

form { font-size: 90% }

	#registerwide fieldset {
		position: relative;
		padding: 0 0 0 10px;
		border: 0;
		background-color: #ECF3F7;
	}
	
	
		fieldset * { margin-left: 20px }
		
		legend { padding: 0 }
		
		legend span {
			position: absolute;
			left: 20px;  
			margin: 20px 0 1em 0;
			color: #00398D;
			font-size: 200%;
			font-weight: bold;
		}
		.ie legend span { top: 0 }

		label {
			display: block;
			margin-bottom: .2em;
			color: #000;
			font-weight: bold
		}
		
		#registerwide label {
			clear: left;
			float: left;
			width: 200px;
			margin: 0;
			font-size: 150%;
			text-align: right;
			padding-left: 30px;
			
		}
		
		input[type=text], input[type=password], textarea {
			padding: 2px 4px;
			font-size: 14px;
		}
		#registerwide input[type=text], #registerwide input[type=password], #registerwide textarea {
			width: 575px;
			margin-bottom: 1em;
			background: url(../img/input_bg.png) no-repeat;
			border-color: #BDBDBD;
			font-size: 18px;
			vertical-align: middle
		}
		#registerwide input[type=image] { margin: 0 0 50px 245px }
		
		input[type=text], input[type=password], textarea, select { 
			margin-bottom: .5em;
			border: 1px solid #3D2F21
		}
		
		input[type=text]:hover, input[type=password]:hover, textarea:hover, input[type=text]:focus, input[type=password]:focus, textarea:focus { background-color: #EAF1FF }
		
		form p { margin-top: 1em }
		form .errors { color: #C00 }
		input.errors, textarea.errors { border-color: #C00 }
		ul.errors {
			margin: 0;
			padding: 0;
			list-style: none
		}
		#registerwide .errors li { margin-left: 250px;width: 575px; position:relative;top:-16px;}
		#registerwide td .errors li { margin-left: 0 }
		
		#registerwide input[type=checkbox] { margin: 0 10px 0 205px }
		#registerwide .inl {
			float: none;
			clear: none;
			display: inline;
			font-size: 120%
		}



/* tables */
table { border-collapse: collapse }
.article table { width: 720px; margin-bottom: 2em }

td, th { vertical-align: top }

/*Added by Dovid*/
.noborder table {width: 720px; margin-bottom: 2em}
.noborder tbody th, .noborder tbody td { border: 0px;  text-align: left; }

thead { 
	background: #8AB0C7 url(../img/thead_bg1.jpg) 0 50% no-repeat;
	color: #FFF;
	text-transform: uppercase 
}

.other thead { background: #E5821C url(../img/thead_bg2.jpg) 0 50% no-repeat }

.other thead span { 
	display: block;
	margin: 1px 0;
	padding: 2px 5px;
	min-height: 3em;
	border: 1px solid #F0B981; 
	border-width: 1px 0
}

.other thead .first span { 
	margin-left: 1px;
	border-left: 1px solid #F0B981; 
	text-align: left
}

.other thead .last span { 
	margin-right: 1px;
	border-right: 1px solid #F0B981; 
}

.ie thead, .ie .other thead { background-image: none }

thead span { 
	display: block;
	margin: 1px 0;
	padding: 2px 5px;
	min-height: 3em;
	border: 1px solid #9FCBE5; 
	border-width: 1px 0
}
* html thead span { height: 3em }

thead .first span { 
	margin-left: 1px;
	border-left: 1px solid #9FCBE5; 
	text-align: left
}

thead .last span { 
	margin-right: 1px;
	border-right: 1px solid #9FCBE5; 
}

tbody td, tbody th { padding: 2px 5px }
tbody th { text-align: left }
tbody td { text-align: center }

table .center td { text-align: center }
tr.even th, tr.even td { background: #ECF3F7 }
tbody th, tbody td { border-bottom: 1px solid #BAE1F7 }

.alt { background: #FFFCEF }


.holder { width: 200px }
.date { width: 100px }
.ends { width: 120px }
.total { width: 60px }
.prize { width: 60px }

.colname { width: 170px }
.coldata { width: 550px }

/*------ sidebar ------*/
.aside .nav { font: 120% Georgia, serif }
	.aside li {
		margin-bottom: .5em;
		padding-bottom: .5em;
		border-bottom: 1px solid #EAE5CE
	}
		.aside a { font-weight: normal }

.aside2 .nav { font: 120% Georgia, serif }
	.aside2 li {
		margin-bottom: .5em;
		padding-bottom: .5em;
		border-bottom: 1px solid #EAE5CE
	}
		.aside2 a { font-weight: normal }
/*------ footer ------*/

.footer {
	clear: both;
	position: relative;
	width: 100%;
	padding-top: 1em;
	overflow: hidden
}

#footer1 {
	background: #ECF3F7 url(../img/footer_bg1.png) repeat-x;
	border-top: 1px solid #95B3C4;
	font-size: 90%;
	text-align: center;
}
	#footer1 .wrap { width: 920px; padding: 0 20px; }

		#footer1 .wrap div {
			float: left;
			display: inline;
			width: 292px;
			margin-right: 20px;
			text-align: left
		}
		#footer1 .wrap div:last-child { margin-right: 0 }
		.footer .wrap h2 {
			margin: 0 0 1em;
			color: #282E6C;
			font: normal 167% Georgia, serif;
		}
		#footer1 .wrap .bg {
			width: auto;
			min-height: 5.5em;
			margin-bottom: 2em;
			padding: 0 20px 0 80px;
			background-repeat: no-repeat;
			font-size: 120%
		}
		.clients .bg { background-image: url(../img/icon_clients.png) }
		.copy .bg { background-image: url(../img/icon_works.png) }
		.twitter .bg { background-image: url(../img/icon_twitter.png) }
			.bg p { margin: 0 }

#footer2 {
	font-size: 90%;
	text-align: center;
	background: #EAE5CE url(../img/footer_bg2.png) repeat-x
}

	.footer ul { 
		margin: 1em 0; 
		color: #717070;
		font-size: 112.5% 
	}
		.footer li {
			display: inline;
			margin-right: 5px;
			padding-right: 8px;
			border-right: 1px solid 
		}
		.ie .footer li { margin-right: 8px; padding-right: 5px }
		.footer li:last-child { border: 0 }
			.footer li a { color: #717070 }
			
	.footer p a { text-decoration: underline }
	
	
#star ul.star { LIST-STYLE: none; MARGIN: 0; PADDING: 0; WIDTH: 85px; HEIGHT: 20px; LEFT: 10px; TOP: -5px;  FLOAT: left; BACKGROUND: url('/images/stars.gif') repeat-x; CURSOR: pointer; }
#star li { PADDING: 0; MARGIN: 0; FLOAT: left; DISPLAY: block; WIDTH: 85px; HEIGHT: 20px; TEXT-DECORATION: none; text-indent: -9000px; Z-INDEX: 20;  PADDING: 0; }
#star li.curr { BACKGROUND: url('/images/stars.gif') left 25px; FONT-SIZE: 1px; }
#star div.user { LEFT: 15px; padding-top:6px; padding-left: 3px; FLOAT: left; FONT-SIZE: 13px; FONT-FAMILY: Arial; COLOR: #888; }


* {margin:0; padding:0}

#accordion {width:720px; /*margin:50px auto*/}
.accordion {width:720px; font:12px Verdana,Arial; color:#033}
.accordion dt {font-family:arial;width:700px; border:2px solid #9ac1c9; padding:8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(/images/header.gif)}
.accordion dt:hover {background:url(/images/header_over.gif)}
.accordion dd {overflow:hidden; background:#fff}
.accordion div.acc{font-family:arial;display:block; width:686px; border:2px solid #9ac1c9; border-top:none; padding:15px}

#accordion2 {width:259px; margin:50px auto; border:1px solid #333; border-top:none}
.accordion2 {width:259px; font:12px Verdana,Arial; color:#333}
.accordion2 dt {width:247px; padding:4px 6px; font-weight:bold; cursor:pointer; background-color:#666; background-image:url(/images/arrow_down.gif); background-position:right center; background-repeat:no-repeat; color:#fff; border-top:1px solid #333}
.accordion2 dt:hover {background-color:#555}
.accordion2 .open {background-color:#444; background-image:url(/images/arrow_up.gif)}
.accordion2 dd {overflow:hidden; background:#fff}
.accordion2 div.acc{display:block; width:229px; border-top:none; padding:15px}