/* Unit.tv CSS Document */

/* COLOURS Pink=#FC0049  Nav Text Grey=#A5A5A5 dark blue bg = #03010D*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, em, font, img, strong, var, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}

* {margin:0; padding:0;}

html, body {
      height:100%;
}

body {
	background: #EEE9DB url(../../images/bg_body_tile.gif) top center repeat-y;
    color: #2D2D2D;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	text-align:center;
}

/* ---------------------------------------------------------- Titles and Text */

h1 {text-indent: -4000px; line-height:0;}
h2 {color:#854646; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.7em; font-weight:bold; margin: 0 0 14px 0;}
h3 {color:#854646; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; font-weight:bold; margin: 0 0 10px 0;}
h4 {}

p {font-size: 1.2em; color: #252525; line-height: 1.4em; margin: 0 0 10px 0; padding: 0;}
code {font-size: 1.2em; color: #fff; line-height: 1.4em;}

a {color: #3B83AF; margin: 0; padding: 0; outline:none;}
a:link, a:visited {text-decoration: none;}
a:hover {color: #3B83AF; text-decoration: underline;}
a.active {color: #3B83AF;}

strong {font-weight:bold;}
em {font-style:italic;}
span.strong {color:#FFFFFF;}
p.subtext {font-size:1.1em;}

.clearer{clear:both; display:block; height:1px; margin-bottom:-1px; font-size:1px; line-height:1px;}

#content_b img {border:1px solid #D3D0C8;}

/* ---------------------------------------------------------- Layout */

#master {
	/*background: url(../../images/bg_header_tile_b.gif) 0 0 repeat-x;*/
	background: url(../..//images/bg_feather_watermark.gif) center 350px no-repeat;
	text-align: left;
	position: relative;
	min-height: 100%;
	margin: 0 auto;
	padding:0;
}

* html #master { height: 100%;}

#header_cont {
	background:#FBCA65 url(../../images/bg_header_tile_b_NEW.gif) 0 0 repeat-x;
	width:740px;
	margin: 0 auto;
}

#header {
	background: url(../../images/bg_header_NEW.gif) top right no-repeat;
	width:740px;
	height:73px;
	margin: 0;
}

#header img {margin:2px 0 0 0;}

#content {
	width:740px;
	
	padding-bottom: 54px;
	margin: 0 auto;
	clear:both;
}

#content_a {
	display:inline;
	float:left;
	margin:20px 0 0 20px;
	width:190px;
}

#content_b {
	display:inline;
	float:right;
	margin:20px 20px 0 0;
	width:510px;
}

#footer {
	clear:both;
	position: relative;
	height:54px;
	margin: -54px auto 0 auto;
	width: 700px;
	overflow:hidden;
	text-align: left;
	border-top:1px dotted #D7D1BC;
}

p.footer_a {float:left; width:300px; margin: 20px 0 0 0; color:#9A9C9B; font-size:1.1em;}
p.footer_b {float:left; width:240px; margin:20px 0 0 0; text-align:left; color:#9A9C9B; font-size:1.1em; }
p.footer_c {float:right; width:140px; margin:20px 0 0 0; text-align:right; color:#9A9C9B; font-size:1.1em;}

/* A CSS hack that only applies to IE -- specifies a different height for the footer */
* html #footer {margin-top: -55px;}

/* ---------------------------------------------------------- Layout Home */

div.content_block {display:inline; float:left; width:100%; clear:both; margin:0 0 20px 0;}

div.one_column {width:250px; float:left;}

div.image_block {width:220px; float:right;}
div.image_block img {margin-bottom:2px;}
div.image_block p {margin-top:0; font-size:1em;}

div.image_block_thin {width:135px;}

div.one_column_thick {width:345px;}

div.content_border {border-top:#D7D1BC 1px dotted; padding-top:20px;}

img.img_right {float:right; margin: 0 0 20px 20px;}

img.img_left {float:left; margin: 0 20px 0 0;}

#content_b ul {margin: 10px 0 10px 30px; font-size: 1.2em; color: #252525; line-height: 1.4em; padding: 0; }

#content_b ul li {padding: 4px 0;}

#content_b ul.sub_list {list-style-type: none; margin:0; padding:0;}

div.tutor_item {width:115px; float:left; margin-right:10px;}

div.tutor_last {margin-right:0;}

span.red {color:#CC0000;}
span.amber {color:#FF9900;}
span.green{color:#00CC00;}

/* ---------------------------------------------------------- Nav */


#nav, #nav li ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#nav a {
	display: block;
	padding: 3px 0 3px 0;
	width: 170px;
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:1.5em; 
	font-weight:bold;
	color:#854646;
	border-bottom:1px dotted #D7D1BC;
}

#nav a:hover, #page_01 a.nav_01, #page_02 a.nav_02, #page_02_01 a.nav_02_01, #page_02_02 a.nav_02_02, #page_03 a.nav_03, #page_03_01 a.nav_03_01, #page_03_02 a.nav_03_02, #page_03_03 a.nav_03_03, #page_03_04 a.nav_03_04, #page_03_05 a.nav_03_05,  #page_04 a.nav_04, #page_04_01 a.nav_04_01,  #page_05 a.nav_05,  #page_06 a.nav_06,  #page_07 a.nav_07,  #page_08 a.nav_08,  #page_09 a.nav_09, #page_02_01 a.nav_02, #page_02_02 a.nav_02, #page_03_01 a.nav_03, #page_03_02 a.nav_03, #page_03_03 a.nav_03, #page_03_04 a.nav_03, #page_03_05 a.nav_03 { color:#FAB84B;}

#nav li ul {display:none;}

#page_02 #nav_02_ul, #page_02_01 #nav_02_ul, #page_02_02 #nav_02_ul, #page_03 #nav_03_ul, #page_03_01 #nav_03_ul, #page_03_02 #nav_03_ul, #page_03_03 #nav_03_ul, #page_03_04 #nav_03_ul, #page_03_05 #nav_03_ul, #page_04 #nav_04_ul, #page_04_01 #nav_04_ul {display:block;}

#nav li ul a {
	padding-left:10px;
	font-size:1.2em;
	width:160px;
	border-bottom:none;
}

a.active {text-decoration:underline;}

/* -------- Nav sub */

#content_b #nav_sub {list-style-type: none; padding:0; margin:0 0 40px 0;}

#content_b #nav_sub li {margin:0; padding:0;}

/* ---------------------------------------------------------- Forms */

fieldset {margin: 0; padding: 0; border: 0; width:360px; background-color:#F0F0F0; border:1px solid #CCCCCC; padding: 10px 0;}
fieldset p {width:350px; clear:both; margin-left:10px;}
label {float: left; width: 120px; margin: 0 0 4px 0; font-size: 1.1em; line-height:2em;}
label span {font-size:.9em;}
fieldset em  {font-size:1.2em; color:#336699; font-family:Arial, Helvetica, sans-serif;}
input {font-size: 1.1em; line-height: 1.3em; margin: 0; padding: 2px; color: #222; width: 60%;}
textarea {font-size: 1.1em; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 1.3em; color: #222; margin: 0; padding: 2px; overflow: auto; width: 60%;}
input.submit {margin: 10px 10px 0 0; padding: 2px 2px; color: #fff; font-weight: normal; background: #854646; text-decoration: none; float: right; border: none; width: 5em; line-height: 1.4em; font-size: 1em; cursor:pointer;}
input.checkbox {width:14px; border:1px solid #666666;}
.form_error {font-size:1em; color:#AE0509; width:200px;}