/*---------------------------------
	social bookmark
---------------------------------*/

@import url("../socialbm.css");

/* ---------------------------------------------
	global styles
--------------------------------------------- */

body {
	background-color: #fff;
}	

#content-wrapper {
	border-top: 5px solid #efefef;
}

#content-inner {
	padding: 40px 0 40px 0;
}

#main-banner-wrapper {
	background: #f68b1f;
	border-top: 1px solid #fab671;
	border-bottom: 4px solid #e67e16;
}

#main-banner-inner {
	height: 170px;
}

#header-wrapper {
	background: url(../../medianew/images/microsites/open_days/logo_tray_background.gif) repeat-x top left;
}

a:link, a:visited {
	color: #c84802;
}

/* ---------------------------------------------
	logo & branding 
--------------------------------------------- */

#logo h1 a {
	background: url(../../medianew/images/microsites/open_days/anglia_ruskin_logo.gif) no-repeat left bottom;

}

/* ---------------------------------------------
	header boxes - pre-registration
--------------------------------------------- */

#promo-container {
	overflow: auto;
	margin: 25px 0 25px 0;
	padding: 0;
}

#promo-one, #promo-two, #promo-three {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #fdf2e6;
	float: left;
	border: 1px solid #f8e4d0;
	width: 180px;
	padding: 20px 20px 15px 20px;
	overflow: auto;
}

#promo-one, #promo-two {
	margin: 0 15px 0 0;
}

#promo-one h3, #promo-two h3, #promo-three h3 {
	margin: 0 0 10px 0;
}

#promo-one p, #promo-two p, #promo-three p {
	margin: 0 0 8px 0;
}

a#promo-one-button, a#promo-two-button, a#promo-three-button {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #f3cfa7;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #943501;
	display: block;
	text-transform: uppercase;
	padding: 8px;
	margin: 15px 0 0 0;
}

a:hover#promo-one-button, a:hover#promo-two-button, a:hover#promo-three-button {
	color: #fff;
	text-decoration: none;
	background: #c84802;
}	


/* ---------------------------------------------
	pre-reg form
--------------------------------------------- */

#form-container {
	margin-top: 25px;
}

legend, fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

legend {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	margin: 0 0 15px 0;
}

fieldset.attend, fieldset.study, fieldset.prospectus-req, fieldset.your-details {
	border-bottom: 1px dotted #a8a8a8;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
}

.label-title {
	display: block;
	float: left;
	vertical-align: center;
	width: 120px;
}

.checkbox-spacer, .radio-spacer {
	display: block;
	clear: left;
	width: 22px;
	float: left;
}

fieldset.your-details input, li.study input {
	border: 1px solid #888;	
	padding: 4px;
}

fieldset.your-details select {
	padding: 4px;
}

fieldset.your-details p {
	margin-bottom: 10px;
}

fieldset.attend li {
	margin: 0 0 3px 0;
}

fieldset.your-details li {
	margin: 0 0 6px 0;
}

li.study input {
	margin-top: 5px;
}

li.study {
	padding-top: 10px;
}

li.send_form input {
	padding: 5px;
	margin-top: 12px;
}

em.req-field {	
	font-weight: bold;
	color: #ff0000;
}

p.data-protection {
	margin-bottom: 15px;
}

/* ---------------------------------------------
	left hand navigation
--------------------------------------------- */

#navigation {
	width: 220px;
	float: left;
}

#navigation ul {
	margin: 10px 30px 0 13px;
}

#navigation li {
	background: url(../../medianew/images/microsites/open_days/arrow.gif) no-repeat top left;
	display: block;
	margin-bottom: 1px;
	border-bottom: 1px solid #fff;
}

#navigation li a {
	color: #df5a11;
	font-weight: bold;
	display: block;
	padding: 8px 0 8px 15px;
	border-bottom: 1px solid #d6d6d6;
}

/* ---------------------------------------------
	right hand content area
--------------------------------------------- */

#main-content {
	width: 705px;
	color: #000;
	float: left;
	padding: 0 0 15px 0;
}

#main-content h2 {
	letter-spacing: -1px;
	color: #000;
	border-bottom: 5px solid #d9d9d9;
	margin:  0 0 30px 0;
	padding: 0 0 20px 0;
}

#main-content h4 {
	color: #000;
	border-bottom: 1px dotted #666;
	margin: 15px 0 10px 0;
	padding: 0 0 8px 0;
}

#main-content ul {
	list-style: square;
	margin: 15px 0 15px 30px;
}

#main-content ul li {
	margin: 0 0 5px 15px;
}

#main-content ul ul {
	list-style: square;
	margin: 12px 0 12px 30px;
}

.featureText h4 {
	margin: 0;
	border-bottom: none;
}

.featureText {
	background: #fff0e1;
	margin: 15px 0 15px 0;
	border: 1px solid #f8c28b;	
	padding: 15px;
}

.specialUL li {
	margin: 0 0 12px 0;
}

#notice {
	background: #fff7d2;
	border: 2px solid #f5da58;
	padding: 10px 15px 10px 15px;
	margin: 20px 0 0 0;
}

#flash-video-container {
	width: 640px;
	background: #efefef;
	padding: 15px;
	margin: 15px 0;
}

/* ---------------------------------------------
	faq
--------------------------------------------- */

#faq-list {
	font-weight: bold;
}

#faq-list ol {
	list-style: decimal;
	margin: 0 0 0 30px;
	padding: 10px 0 25px 0;
}

#faq-list li {
	margin: 0 0 8px 0;
	padding: 0 0 0 0;
}

#faq-answers h4 {
	color: #333;
	border-bottom: 1px dotted #a7a7a7;
	padding: 0 0 8px 0;
	margin: 0 0 5px 0;
}

#faq-answers p {
	color: #444;
	margin: 10px 0 0 0;
}

#faq-answers {
	border-top: 5px solid #d9d9d9;
	padding: 20px 0 0 0;
	margin: 0;
}

#faq-answers p.faq-jump {
	background: url(../../medianew/images/microsites/open_days/arrow_vertical.gif) no-repeat top left;
	margin: 10px 10px 15px 0;
	padding: 0 0 0 15px;
	float: right;
}

#faq-answers ol {
	list-style: none;
}

#faq-answers li {
	clear: both;
	margin: 0 0 20px 0;
	padding: 8px 0 8px 0;
}
	
/* ---------------------------------------------
	footer
--------------------------------------------- */

#footer-wrapper {
	background: #000;
	color: #fff;
}

#footer-col-2, #footer-col-3, #footer-col-4 {
	border-left: 1px dotted #616161;
}

#footer-wrapper a, #footer-wrapper a:visited {
	color: #f68b1f;
}


/* ---------------------------------------------
	image
--------------------------------------------- */

#main-content .tiImageRight img, #main-content .tiImageLeft img {	
	border: 8px solid #ededed;
	margin: 2px;
}