div.newsbg { background: #eae5db; }

a { color: #ff4118; }
a:hover { color: black; }

b,strong a { color: #615345; }
b,strong a:hover { color: black; }

a.go { color: white; }
a.go { background: #ff4118; }
a.go:hover { background: #b0a086; }
input.submit { color: white; }
input.submit { background: #ff4118; }
input.submit:hover { background: #b0a086; }

/*ul#headernav li a { color: #b1a087; }*/
ul#headernav li a { color: #c1b097; }
ul#headernav li a:hover { color: white; }
ul#headernav li.selected a { color: white; }

ul#section { background: #ff4118; }
ul#section li a { color: #ffa08b; }
ul#section li a:hover { color: white; }
ul#section li.selected a { color: white; }

ul#news li { color: #b1a087; }
ul#news li a { color:#615345; }
ul#news li a:hover { color: #ff4118; }

li.zebra { background: #fff3d6 } 

div.callouts h3 { color: black; }
div.callouts #elist { background: #fff3d6; }
div.callouts #contact { background: #f3f0ea; }
div.callouts #classes { background: #ffebd0; }

div#header { background: #846e5e; }
div#page { background: white; }
div#footer p { color: #ffa08b; }

/* IMAGES */
ul#site li#img_corporate { background: url('../images/corporate/site_corporate.png') no-repeat; }
ul#site li#img_corporate:hover { background: url('../images/corporate/site_corporate_o.png') no-repeat; }
ul#site li#img_corporate.selected { background: url('../images/corporate/site_corporate_o.png') no-repeat; }

ul#site li#img_health { background: url('../images/corporate/site_health.png') no-repeat; }
ul#site li#img_health:hover { background: url('../images/corporate/site_health_o.png') no-repeat; }
ul#site li#img_health.selected { background: url('../images/corporate/site_health_o.png') no-repeat; }

ul#site li#img_entertainment { background: url('../images/corporate/site_entertainment.png') no-repeat; }
ul#site li#img_entertainment:hover { background: url('../images/corporate/site_entertainment_o.png') no-repeat; }
ul#site li#img_entertainment.selected { background: url('../images/corporate/site_entertainment_o.png') no-repeat; }

h1#title_home { background: url('../images/corporate/title_home.png') no-repeat; }
h1#title_home.p_news { background: url('../images/corporate/title_news.png') no-repeat; }
h1#title_home.p_contact { background: url('../images/corporate/title_contact.png') no-repeat; }
h1#title_home.p_elist { background: url('../images/corporate/title_elist.png') no-repeat; }
h1#title_about { background: url('../images/corporate/title_about.png') no-repeat; }
h1#title_services { background: url('../images/corporate/title_services.png') no-repeat; }
h1#title_team { background: url('../images/corporate/title_team.png') no-repeat; }
h1#title_courses { background: url('../images/corporate/title_courses.png') no-repeat; }
h1#title_clients { background: url('../images/corporate/title_clients.png') no-repeat; }
h1#title_portfolio { background: url('../images/corporate/title_portfolio.png') no-repeat; }

div.formbg { background: #eae5db url('../images/corporate/h4_background.png') no-repeat bottom right; }
div#splash { background: #eae5db url('../images/corporate/h4_background.png') no-repeat bottom right; }
div.story .hr { background: url('../images/corporate/hr.png') no-repeat 0px 0px; }
hr { background: url('../images/corporate/hr_long.png') no-repeat 0px 0px; }
hr { height: 8px; margin: none; padding: none;}


ul#news { background: url('../images/corporate/latestnews.png') no-repeat; }

div#footer div { background: url('../images/corporate/footer_gradient.png') repeat-x; }

/* more advanced elements */


div#page {
	text-align:	center;
}

div#column {
	position:	relative;
	top:		-45px;
	width:		900px;
	margin-left:	auto;
	margin-right:	auto;
	text-align:	left;
}

ul#headernav {	
	list-style-type:none;
	width:		900px;
	margin-left:	auto;
	margin-right:	auto;
	text-align:	right;
	padding-top:	20px;
}

ul#headernav li {
	width:		80px;
	font-size:	.65em;
	display:	inline;
	padding:	0;
	margin:		0 0 0 24px;
	text-align:	right;
	text-transform:	uppercase;
}

ul#site {
	list-style-type:none;
	width:		100%;
	margin:		0;
}

ul#site li {
	width:		160px;
	height:		45px;
	display:	inline;
	float:		left;
	padding:	0;
	margin:		0 4px  0px 0;
}

ul#site li a {
	display:	block;
	width:		160px;
	height:		45px;}

ul#site li a span {
	position:	relative;
	top:		-1000px;
	left:		-1000px;
}

ul#section {
	margin:		0;
	clear:		both;
	width:		100%;
	height:		30px;
}

ul#section li {
	width:		100px;
	height:		30px;
	display:	inline;
	float:		left;
	padding:	7px 0px 5px 20px;
	margin:		0 4px 0 0;
	font-size:	.7em;
	text-transform: uppercase;
}

ul#section li a {
	display:	block;
	width:		100px;
	height:		30px;
	clear:		both;
}

h1.title {
	width:		100%;
	height:		120px;
}

h1.title span {
	position:	absolute;
	top:		-1000px;
	left:		-1000px;
	height:		-1px;
}

div#content {
	width:		700px;
}

div#content #splash {
	padding:	20px 30px 40px 30px;
}

div#content #splash #editor {
	height:		200px;
	width:		600px;
}

div#side {
	float:		right;
	width:		185px;
}

ul#news {
	list-style-type:none;
	float:		right;
	width:		180px;
	margin:		0;
}

ul#news li {
	margin:		0;
	list-style-type:none;
	font-size:	.7em;
	line-height:	1.3em;
	padding:	.6em 0 .7em 14px;
}

ul#news li a {
	padding-bottom:	2px;
	display:	block;
}

ul#news li h3 {
	height:		30px;
	padding:	0;
	margin:		0;
}

ul#news li h3 span {
	position:	absolute;
	top:		-1000px;
	left:		-1000px;
	height:		-1px;
}

#newscontent div.featured {
	font-size:	.6em;
	font-weight:	bold;
	padding:	6px 0 4px 0;
}

#newscontent div.summary {
	font-size:	.9em;
	font-weight:	normal;
	line-height:	150%;
}

div.endlayout {
	clear:		both;
}

div.callouts {
	height:		110px;
}

div.callouts div {
	float:		left;
	padding:	2px 0px 0px 14px;
	margin-right:	8px;
	position:	relative;
}

div#side div.callouts div {
	width:		170px;
	padding-bottom:	10px;
	margin-bottom:	10px;
}

div#bottom div.callouts div {
	width:		190px;
	height:		110px;
	margin-top:	16px;
}


div.callouts h3 {
	font-size:	.8em;
	line-height:	2em;
	text-transform:	uppercase;
	padding:	0;
}

div.callouts p {
	line-height:	1.5em;
	font-size:	.65em;
	padding:	0 8px 0 0;
}

div#bottom div.callouts p {
	padding-right:	15px;
}

div#side div.callouts p {
	padding-right:	30px;
}


div.callouts label {
	display:	block;
	padding-bottom:	2px;
}

div.callouts input.email {
	display:	block;
	width:		136px;
	height:		17px;
}

div#side div.callouts input.email {
	width:		116px;
}

a.go {
	font-family:	verdana, sans-serif;
	height:		10px;
	display:	block;
	float:		right;
	font-size:	11px;
	width:		20px;
	padding:	5px 6px 9px 6px;
	margin-right:	10px;
	text-align:	center;
	line-height:	100%
}

a.gorb {
	position:	absolute;
	top:		100%;
	left:		100%;
	margin-left:	-32px;
	margin-top:	-24px;
}

div.elist {
}

div.elist input {
	vertical-align:	middle;
	font-family:	verdana,sans-serif;
	padding:	2px;
	font-size:	.9em;
	margin:		0;
}	

div.elist input.submit {	
	border:		none;
	height:		22px;
	padding:	2px;
	margin:		0;
}

div.login {
	width:		270px;
}

div.login input {
	width:		180px;
	vertical-align:	middle;
	font-family:	verdana,sans-serif;
	padding:	2px;
	font-size:	.9em;
	margin:		0;
}	

div.login input.submit {	
	width:		auto;
	border:		none;
	height:		22px;
	padding:	2px;
	margin:		0;
	float:		right;
}


div#header {
	height: 	100px;
	width: 		100%;
	margin: 	0;
	text-align:	center;
}

div#footer {
	text-align:	center;
	height:		50px;
}

div#footer p {
	width:		900px;
	font-size:	.6em;
	margin-left:	auto;
	margin-right:	auto;
	text-align:	left;
}

div#footer div {
	clear:		both;
	height: 	20px;
	width: 		100%;
}

div#adminbar {
	z-index:	9001;
	position:	fixed;
	top:		0;
	left:		0;
	width:		100%;
	color:		#555;
	background:	black;
	font-size:	.6em;
	padding:	8px;
}

div#adminbar div {
	position:	relative;
}

div#adminbar a {
	color:		#555;
}

div#adminbar a:hover {
	color:		#888;
}

div#adminbar a.warn {
	color:		#811;
}

div#adminbar a.warn:hover {
	color:		#C11;
}

div#adminbar a.save {
	color:		#159;
}

div#adminbar a.save:hover {
	color:		#18C;
}

div#adminbar div.aleft {
	float:		left;
	text-align:	center;
}

div#adminbar div.aright {
	float:		right;
	text-align:	center;
	padding-right:	16px;
}

div#recaptcha_image {
	border: 	1px solid gray;
}

div.story {
	padding:	12px 0 0 0;
	margin:		0 0 0 0;
	width:		680px;
	clear:		left;
	
}

div.story .hr {
	height:		20px;
}

div.story h5 {
	float:		left;
	width:		170px;
	padding:	0 0 0 30px;
	margin:		0;
	z-index:	100;
}

div.story p {
	margin:	0 0 0 220px;
	padding:	0;
	width:		250px;
	
}

#editor {
	position:	relative;
	left:		-150px;
	width:		700px;
	height:		360px;
}

#welcomemessage #editor {
	width:		542px;
	height:		201px;
}

form.mainform {
	padding:	0 50px 0 30px;
	font-size:	.7em;
	padding-bottom:	1em;
	line-height:	150%;
	display:	block;
}

form.mainform dl dt {
	width:		80px;
	float:		left;
	text-align:	right;
	display:	block;
	padding-right:	8px;
}

form.mainform dl dd {
	padding-bottom:	8px;
	float:		left;
	width:		490px;
	display:	block;
}

form.mainform dl dd input {
	width:		300px;
	border:		1px solid gray;
	margin:		0;
	padding:	2px 0 2px 0;
	
}

form.mainform dl dd select {
	width:		300px;
	border:		1px solid gray;
	margin:		0;
	padding:	2px 0 2px 0;
	
}

form.mainform dl dd textarea {
	width:		300px;
	height:		130px;
	font-family:	verdana, sans-serif;
	font-size:	.9em;
}

form.mainform dl dd .submit {
	margin-left:	250px;
}

form.mainform input.submit {
	width:		50px;
	display:	block;
	text-align:	center;
	border:		none;
	height:		22px;
	padding:	2px;
	margin:		0;
}

form#loginform {
	height:		250px;
}

div.formbg {
	min-height:	300px;
}

div.formbg h4 {
	padding-bottom:	0px;
}

div.newsbg h4 {
	padding-bottom:	0px;
}

div.adminpage table.editlist {
	margin:		0 0 0 30px;
	width:		100%;
}

div.adminpage table.editlist th {
	font-weight:	bold;	
}
div.adminpage table.editlist td,th {
	font-size:	.65em;
	padding:	2px;
	text-align:	left;
	
}

div.adminpage .subbuttons {
	padding:	12px 10px 0 0;
	float:		right;
}

div.adminpage .subbuttons a {
	color:		#888;
}

div.adminpage .subbuttons a:hover {
	color:		#444;
}

div.adminpage .subbuttons a.warn {
	color:		#a11;
}

div.adminpage .subbuttons a.warn:hover {
	color:		#f00;
}

div.adminpage .subbuttons a.save {
	border:		1px solid gray;
	padding:	2px;
	background:	white;
	color:		#18C;
}

div.adminpage .subbuttons a.save:hover {
	background:	#18c;
	color:		white;
}

div.adminpage #newseditor {
	left:		0;
	position:	relative;
	margin:		0;
	width:		600px;
	height:		200px;
}