/*		Styles by gavjof		www.gavjof.com			\\ SCREEN.CSS (for Front End Styles) //*/

html,body{
height:100%;}body {
font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 0.8em;	color: #000;	background: #555 url('http://www.sdrefugeetutoring.com/templates/allcss2/tiledbg.jpg') top left;	margin: 0;}/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	
Customise the standard HTML
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a:link, a:visited, a:active {	color: #02347D;	text-decoration: none;}a:hover {	color: #4A7ABC;	text-decoration: underline;}hr {	margin: 5px 0px 5px 0px;	color: #02347D;	border: 0;	border-top: 1px solid #02347D;	height: 1px;}/* Page Headings */h1, h2, h3, h4, h5, h6 {color: #02347D;font-weight:bold;font-family:Tahoma, sans-serif;letter-spacing: -0.5px;}h1  	{font-size:2.2em;}h2  	{font-size:1.2em;}h3  	{font-size:1em;}form {margin: 0;}blockquote 	{	font-family:"Times New Roman", Times, serif;	font-style:italic;	color: #666;	border-left: 2px solid #666;	padding-left: 10px;	font-size: 1.2em;}abbr				{}acroynm			{}cite				{}address			{}strong			{}em					{}/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ *//* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~	Layout Blocks~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */#main { /* Holds the page items in place */	width: 750px;	margin: 20px auto 0px auto;	padding: 0px auto;	background-color: #fff;	height:auto;	min-height:84%;}#extras {  /* objects outside main page (powered by etc) */	width:750px ;	margin: 0 auto;	padding-bottom:10px;	font-family:Tahoma, "Lucida Sans", sans-serif;	font-size: 80%;	color: #666;	padding:0;	color:#eee;}#banner {	padding: 0px 20px;	text-align: left;	background: #666 url('http://www.sdrefugeetutoring.com/templates/allcss2/sdrt-banner.jpg');	font-weight: bold;	border: 0px;	height: 100px;	/*	put a nice background in here	background: transparent url('my-image.jpg') top left no-repeat;	*/}#banner a, #banner h1, #banner h2	{color: #fff; margin:0;padding:0;}* html #banner {clear:both;height:70px;} /* ie6 misbehaves again */#banner h1	{font-size: 3em;padding-top:6px; display: none;} /* WEBSITE_TITLE */#banner h2	{ /* PAGE_HEADER */	font-size: 0.8em;	text-transform:uppercase;	letter-spacing:8px;	margin-top:-20px;	padding-left:8px;	font-family:Arial, Helvetica, sans-serif; display: none;}#sideColumn { /* Currently holds the login box */	float: left;	display: block;	width: 140px;	margin: 10px;	margin-top: 3px;	min-height:300px;  	height:auto !important;	height:300px;	background-color: #fff;}#sideColumn h1,h2.include {color: #91B1D8; 	text-transform: uppercase; 	font-weight: bold; 	font-family: Arial Black, sans-serif;	font-size: 1.1em;	position: relative;	}#sideColumn a {color: #91B1D8; font-weight: bold;}#sideColumn p.include,#sideColumn ul {font-size: 0.85em;}#sideColumn ul li {margin-bottom: 6px;}div.share {background: #3c5c83;-moz-border-radius: 8px;border-radius: 8px;padding: 5px;width: 140px;color: white;font-weight: 600;}div.twitter {	background-color: #ddd7be;	border: 1px solid #3c5c83;	padding: 0px;	width: 152px;	margin-bottom: 15px;	-moz-border-radius: 8px;	border-radius: 8px;	}div.twitter div {padding: 6px;}div.twitter h2.include {background: #3c5c83; color: white; padding-left: 8px;}

div.twitter a {font-size: 0.8em;}a.t-link {	display: block;	background-color: #444;	background-image: url('http://www.sdrefugeetutoring.com/templates/allcss2/tbird3.png');	background-repeat: no-repeat;	background-position: left middle;	padding: 14px 2px; 	width: 110px; 	font-size: 0.65em; 	text-align: left;	padding-left: 40px;	margin-bottom: 10px;	}	a.t-link:hover {	background-color: #3c5c83;	}#content { /* main content from the WYSIWYG goes in here */	margin-left: 200px;	margin-top:20px;	padding: 4px 20px 14px 10px;	text-align: left;	clear: right;		min-height:300px;  	height:auto !important;	height:300px;	background-color: #fff;}* html #contentContainer #content {text-align:left;} /* ie6 misbehaves */* html #contentContainer #content table {width: 90%;} /* ie6 fix to stop tables being pushed below floats */#footer { 	font-family:"Times New Roman", Times, serif;	font-size: 90%;	color: #fff;	border-top: 2px solid #555;	padding: 10px 5px 10px 5px;	margin: 0 auto;	clear: both;	background: #928864;	width: 741px;}#footer a {color: white; text-decoration: underline;}#footer a:hover {color: #3c5c83;}.stuff {position: relative; display: block; float: right; width: 440px; margin: 0px;}#fb-root,.fb-like-box {position: relative; display: block; float: left; width: 260px; margin: 0px;}#powered_by, #coding 	{text-align:right;}#powered_by a, #coding a {color:#ddd; text-decoration:none; border-bottom: 1px dashed #ddd;}#powered_by a:hover, #coding a:hover {color:#fff; border-bottom: 1px dashed #fff;}/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ *//* Search Box in banner */#search_box {	color: #fff;	text-align: center;}#search_box {	float: right;	clear: right;	width: 200px;}#search_box fieldset {border:0;}#search_box legend, #search_box label {display:none;}#search_string {	width: 100px;	height: 16px;	font-size: 90%;	vertical-align: middle;	border: 1px inset #ccc;}#search_submit {	width: 50px;	height: 20px;	font-size: 90%;	vertical-align: middle;	padding: 0 0 4px 0;}/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 	####	Header Menu #####	#######################	Horizontal Drop-Down Menu based off :	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */#navContainer {width: auto;display:block;clear:both;border-right:0px;margin-bottom: 5px;}/* Remove List Formattings~~~~~~~~~~~~~~~~~~~~  */ ul.menu, li.menu {	list-style-type: none;	margin: 0px;	padding: 0px;}/* Header menu */	 #header_menu {position: absolute; margin-left: 20px;background:#555;}#header_menu li {line-height: normal;}ul#header_menu  {z-index: 10; clear: both;}#nav {	height: 1.68em;	background: #928864;	border: 0px;	padding:0;}#nav ul {	list-style-type: none; 	margin: 0; 	padding: 0; 	font-size: 81%; 	text-transform: uppercase;	width: auto;	/*	(Disappearing List-Background)	http://www.positioniseverything.net/explorer/ie-listbug.html	*/	position: relative; /* Fix the Stupid IE6 Bug */}#nav ul li {float: left; color: #fff; text-align: center; font-weight: normal;}#nav ul li a {display: block; background: #928864; padding: 5px 10px; padding-bottom: 4px; border-left: 1px solid #837955; border-right: 1px solid #837955; color: #fff; text-decoration: none;}/* Root Level Link Formatting */#nav ul li a:hover, #nav li a:focus {background: #8BB2D3; border-color: #837955; color: #4b4c4d;}#nav li a:active, #nav ul li a.active {background: #d1d2d4; border-color: #837955; color: #4b4c4d;}/* Current page Customisations*/#nav li.menu-current a		{background: #837955; color: #fff; border-bottom: 1px solid #837955;}#nav li.menu-current a		{font-weight: bold;} /* 2nd Child menu */#nav .menu li ul {position: absolute; width: 12em; margin: 0; display: none; text-transform: none; border: 1px solid #000; border-top: 0; font-size: 100%;}#nav .menu li ul li {width: 12em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em;}#nav .menu li ul a {width: 11.5em; padding: .6em .1em .6em .4em; background: #4b4c4d; color: #fff; border: 0;}/* 2nd Child link hover */#nav .menu li ul a:hover {color: #4b4c4d; background: #666; border: 0; color:#fff;}/* Show and hide */#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}#nav .menu li ul ul { display: none;}#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}/* 3rd Child Menu Appreances */#nav .menu li ul li ul li a 	{ width: 11.5em; padding: .6em .1em .6em .4em; background: #c6c6c6; color: #fff; }/* Positioning the Pop-out Drops */#nav li {position: relative;}#nav ul ul ul {	position: absolute;	top: 1px;	left: 100%;}/* end menu *//* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ *//* Customise the Login Box */#login-box { background: #eee; text-align: center;	line-height: 140%; margin: 1em 0 0.3em 0; border: 1px solid #ddd;}#login-box fieldset {border:0;text-align:center;}#login-box legend		{	font-size: 90%;	text-transform: uppercase;	font-family:"Times New Roman", Times, serif;	color: #333;	font-weight: normal;	letter-spacing: 0.15em;}.username {color: #009;} /* Color of name when logged in*/.topboxbody {font-size:0.8em;padding:2px;}#login-box input {	text-transform: uppercase;	font-size: 10px;	margin: 5px 0px 1px 0px;	width: 100px;}/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 	Custom Classes (Re-useables)~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	/*  Float containers fix: */.clearfix:after {    content: ".";    display: block;    height: 0;    clear: both;    visibility: hidden;}/*  \*/* html #clearfix {	height: 1%;}/*  */.stealth {visibility:hidden; display:none;} /* hides from normal css enabled browsers */.campaign {text-indent: -20px; position: relative; left: 20px; font-size: 0.85em;}/* Inline font Styles *//* Pretty styles for changing text in the WYSIWYG editor */.important	{font-weight:bold;color:#f00;}.code				{font-family: "Courier New", Courier, mono; color:#093;letter-spacing: 1px;}.info-box		{border: 1px solid #cc3; background-color:#F9F8E2;padding:4px;}