/* Technihowlib.css
*  Include this in all templates
*  Override individual styles as necessary in site-specific style sheet
*  This should be contained in site's include/technihowlib directory
*
*  Author | Jon Sloper
*  Copyright | Alacrify Ltd 2008
*  Website | www.alacrify.co.uk
*  Email | jon@alacrify.co.uk
*/

/* General Page styling */
* {
	border: 0;
	padding: 0;
	margin: 0;
	font-family: verdana, helvetica, arial, sans-serif;
	}

body { 
	font-size: 75%; 
	background:#45423F;
	color: #000;
	}
html { 
	overflow-y: scroll !important;
	}
h1, h2, h3, h4, h5  {
	font-weight: normal;
	}
h1 {
	font-size: 2em;
	line-height: 2em;
	margin-bottom: 1em;
	}
h2 {
	font-size: 1.8em;
	line-height: 1.8em;
	margin-bottom: 1em;
	}
h3 {
	font-size: 1.6em;
	line-height: 1.6em;
	margin-bottom: 1em;
	}
h4 {
	font-size: 1.4em;
	line-height: 1.4em;
	margin-bottom: 1em;
	}
h5 {
	font-size: 1.2em;
	line-height: 1.2em;
	margin-bottom: 1em;
	}
p {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1em;
	}
input, select {
	font-size: 1em;
	}
a {
	text-decoration: none;
	color: #0000FF;
	}
a:hover {
	color: #FF0000;
	}
ul, ol {
	margin-left: 2em;
	}
/* Placeholder DIVS */
#wrapper {
	min-height: 100%;
	width: 100%;
	text-align: center;
	}
#mainTitle {
	margin: 10px auto 0px auto;
	width: 900px;
	height: 8em;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;	
	border-bottom: 1px solid #BBB;
	background:  #D7D4C5;
	}
#mainTitle h1 {
	line-height: 4em;
	}
#userBar, #mainMenuBar, #footerBar {
	height: 2em;
	margin: 0px auto;
	width: 900px;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;	
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #BBB;
	background:  #D7D4C5;
	text-align: left;
	}
#userBar p, #footerBar p {
	padding: 0px 0.5em;
	line-height: 2em;
	margin_bottom: 0px;
	}
#userBar input {
	margin_bottom: 0px;
	margin-top: 0.25em;
	}
#mainMenuBar p {
	margin-top: -1px;
	margin-left: -1px;
	line-height: 2em;
	}
#mainMenuBar a {
	float:left;
	display: block;
	padding: 0px 1em;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #959385;
	}
#mainMenuBar a:hover {
	background-color: #EFEEE1;
	border-right: 1px solid #FFF;
	border-top: 1px solid #959385;
	border-left: 1px solid #959385;
	color: #00F;
	}
#mainContent {
	margin: 0px auto;
	min-height: 500px !important;
	width: 900px;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;	
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #BBB;
	padding-top: 2em;
	padding-bottom: 2em;	
	background-color: #F3F1E4;
	text-align: center;
	}
#maintBox {
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 2em;
	}

/* Generic Styling */
.right {
	text-align: right;
	}
.left {
	text-align: left;
	}
.nowrap {
	white-space: nowrap;
	}
/* Standard Container Box Styling */	
.stdBox {
	margin-left: auto;
	margin-right: auto;	
	background: #ddd;
	border: 1px solid #959385;
	width: 80%;
	}
.stdBox th {
	font-weight: normal;
	font-size: 1.2em;
	line-height: 2em;
	text-align: left;
	padding-left: 0.5em;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #BFBDB0;
	background:  #D7D4C5;
	}

/* Maintenance Form Styling */
.fieldTitle {
	padding: 0.5em;
	text-align: right;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #D7D4C5;
	color: #000;
	background: #EFEEE1;
	width: 25%;
	}
.fieldInput {
	text-align: left;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #D7D4C5;
	background: #FFF;
	}
.fieldInput input {
	padding-left: 0.5em;
	}
.fieldInput select {
	margin-left: 0.5em;
	width: 98%;
	border: 1px solid #D7D4C5 !important;
	}
.fieldInput textarea {
	margin: 0.5em;
	width: 97%;
	border: 1px solid #D7D4C5 !important;
	}
.formFooter td{
	text-align: right;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #BFBDB0;
	background:  #D7D4C5;
	height: 2.5em;
	line-height: 2.5em;
	padding-right: 0.25em;
	}
.formFooter input {
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #BFBDB0;
	border-right: 1px solid #BFBDB0;
	background:  #D7D4C5;
	height: 2em;
	line-height: 1.7em;
	margin-left: 0.1em;
	}
	
/* Maintenance List Styling */
.listTable {
	border: 1px solid #959385;
	text-align: left;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;	
	}
.listTable th {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #BFBDB0;
	background:  #D7D4C5;
	}
.paleRow td {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #D7D4C5;
	background: #EFEEE1;
	padding-right: 0.5em;
	}
td.paleRowDarkerCell  {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #BFBDB0;
	background:  #D7D4C5;
	}
.darkRow td {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #D7D4C5;
	background: #ebe8d4;
	}
.listTable td, .listTable th {
	line_height: 2em;
	height: 2em;
	padding-left: 0.5em;
	}
.listTableFooter td {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #BFBDB0;
	background:  #D7D4C5;
	line_height: 2em;
	padding: 0.5em;
	text-align: right;
	}
.listTableFooter p {
	margin-bottom: 0px;
	}
.maintSearch input {
	height: 1.5em;
	line-height: 1.5em;	
	padding-left: 0.25em;
	background: #FFF;
	font-size: 1em;
	}
/* Errors */
.errors {
	color: #FF0000;
	}
	
/* Code */
.code {
	font-family: Courier New;
	color: #000066;
	}
/* Status Formatting */
.current, .ok {
	color: #FFF;
	background-color: #090;
	margin: 0px !important;
	padding: 0.25em;
	}
.expired {
	color: #FFF;
	background-color: #C00;
	margin: 0px !important;
	padding: 0.25em;
	}
					 
/* Pop-up Window Wrapper */
div.winWrapper {
	position:relative;
	}
html>body div.winWrapper {
	position: absolute;
	}
div.winShadow {
	height: 100%;
	width: 100%;
	filter:alpha(opacity=20);
	opacity:0.20;
	position: absolute;
	left: 5px; 
	top: 5px;	
	background-color: #000;
	}
div.winContent {
	background-color: #FFF;
	position: relative;
	left: 0px; 
	top: 0px;
	border: 1px solid #777;
	}
	
/* Infobox */
.tooltip {
	background: #e1e1e1;
	color: #000;
	border: 1px solid #959385;
	font-size: 1em;
}
.tooltip p {
	font-size: 1em;
	margin: 0.5em; 
	text-align:left;
}
.tooltip ol, .tooltip ul {
	font-size: 1em;
	margin: 0px 0.5em 0.5em 0.5em;
	text-align:left;
}
.tooltip li {
	font-size: 1em;
	margin-left: 3em; 
	text-align:left;
}
.tooltip h4 {
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	text-transform: none;
	color: #444;
	background: #D7D4C5;
	margin: 0px !important;
	padding: 0.25em 0.5em; 
	border: 1px solid #FFF;
	border-bottom: 1px solid #959385;
	}
.hastooltip {
	cursor: help;
	}


/* Calendar */
.calendar {
	background: #DDD;
	color: #000;
	font: 11px Tahoma, Verdana, sans-serif;
	}
table.calendar  {
	border: 0;
	}
.calendar td {
	padding: 0;
	margin: 0;
	border: 0;
	}
table.calBody {
	width: 100%;
	}
td.calBody  {
	width: 14%; 
	padding: 0;
	margin: 0;
	border: 0;
	text-align:center !important;
	}
tr.calHeader {
	background: #D7D4C5;
}	
.calHeader td{
	border-top: 1px solid #FFF !important;
	border-bottom: 1px solid #AAA !important;	
	color: #000;
	}	
td.calNav  {
	padding: 4px 5px 3px 5px !important;
	color: #000;
	}
td.calDays {
	background: #D7D4C5;
	width: 14% !important; 
	height: 20px;
	margin: 0 !important;
	border: 0 !important;
	border-top: 1px solid #FFF !important;
	border-bottom: 1px solid #AAA !important;	
	padding: 3px 5px !important;
	color: #000;
	}
.calCurrent  {
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	background: #C00;
	color: #FFFFFF !important;
	}
.calWorking {
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	background: #FFFFFF;
	color: #3C6157; 
	border: 1px solid #D7D4C5 !important;
	}
.calWeekend {
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	background: #EFEEE1;
	color: #000;
	border: 1px solid #D7D4C5 !important;
	}
a:link.calDate {
	width: 100%;
 	display: block !important;
	margin: 0 !important;
	border: 0 !important;
	padding: 3px 5px 3px 0px !important;
	text-align:center; 
	color: #000; 
	}
a:hover.calDate {
	width: 100%;
	background: #FFCC00 !important;
	color: #000;
	text-decoration: none;
	text-align:center; 
	}
.calCurrent a {
	color: #FFFFFF !important;
	}
.calCurrent a:hover {
	color: #000 !important;
	}
/* 						
BODY		{ font-family: Tahoma, Verdana, sans-serif; 
			font-size: 11px; 
			font-style: normal; 
			font-weight: normal; 
			color: #4C22A8;}
			
.bodytext { font-family: Tahoma, Verdana, sans-serif; 
			font-size: 11px; font-style: 
			normal; font-weight: 
			normal; color: #4C22A8}
			
.largetext { font-size: 20px; 
             text-align: left}

.blueboxtext { font-family: Tahoma, Verdana, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #FFFFFF}

*User Login Bar*
.userloginbar {font-family:Verdana, Arial, Helvetica, sans-serif; 
			   font-size: 10px;
			   font-weight: normal;
			   background-color : #9999FF;
			   color:#000066;}
			   
* Small Forms *				
.smallform {font-family:arial; font-size:10px}
td.smallform { text-align     : right ;
			   vertical-align : middle }
.smallformBtn	{border-bottom:thin solid #000033;
				 border-right:thin solid #000033;
				 border-top:thin solid #0000CC;
				 border-left:thin solid #0000CC;
				 font-size:10px;
				 font-family:Arial;
				 font-weight:bold;
				 background-color:#000066;
				 color:#FFFFFF;
				 line-height:.85;
				 padding-top:2px;
				 cursor: hand}			
				 
*Tech Search Results*
.techresult { font-size : 11px ;
			  text-align : justify }

.techsearch { font-size : 11px ;
			  color : #006600 }

.techcode   { font-size : 11px;
			  color : #333333;
			  background-color : #CCCCCC}

* Next Link Box *
.nextlink   { font-size : 12px;
			  color     : #6699CC;
			  background-color : #000066  }
table.nextlink {border-width : 3;
				cellpadding  : 2;
				cellspacing  : 0;
			  	border-style : outset;
			  	border-color : #000099}
A.nextlink {color : #FF9933}
			  
*Dark Blue Box*
table.darkbluebox{	border-width : 3;
	border-color : #000066;
	text-align : center;
	padding : 0;}

.darkbluebox { color : #FFFFFF ;
			   font-size : 10px ;
			   font-weight: bold;
			   background-color : #000066;
			   font-family: Verdana,Arial, Helvetica, sans-serif }
			   
.darkblue	{ color : #333366 ;
			  font-weight : normal ;
			  font-size : 10px ;
			  background-color : #CCCCFF;
			  vertical-align   : top ;
			  margin-top : 2 ;
			  padding : 2} 
	  
.darkbluetitle { color : #CC3366 ;
				 font-size : 11px ;
				 font-weight : bold }	
				 
.darkbluelink  { font-size : 10px ;
				 text-align : right }				 		  

*Table Lists*
.tablehead	{ background-color : #999999 }
.tablelist1	{ background-color : #FFFFFF }
.tablelist2 { background-color : #E7E7E7 }
.tablehead2 { background-color : #CCCCCC;}

* For forms.inc.php *			  
td.formleft { text-align     : right ;
			  vertical-align : middle ;
			  font-weight    : bold }		
			  
td.formerror { font-weight : bold ;
			   color : #CC0	}
			  
*Image management for travel photos etc*
IMG  		{ border-width : 0; }

IMG.photo   { border-width : 3;
			  border-style : outset;
			  border-color : #350099;
			}

IMG.photol  { border-width : 3;
			  border-style : outset;
			  border-color : #350099;
			  float        : left;
			}

IMG.photor  { border-width : 3;
			  border-style : outset;
			  border-color : #350099;
			  float        : right;
			}

IMG.square  { border-width : 3;
			  border-style : outset;
			  border-color : #350099;
			  width : 100 ;
   			  height : 100 ;
			  float        : left;
			}
			
IMG.floatleft  { float : left; }

IMG.floatright { float : right; }

IMG.squarenofloat  { border-width : 3;
			  border-style : outset;
			  border-color : #350099;
			  width : 100 ;
   			  height : 100 ;
			}
						
IMG.flag  	{ border-width : 0;
			  width : 32 ;
    		  height : 20 ;	
			}
*/
* {	margin: 0;
	padding: 0;
	border: 0;
	}
	
/* Standard HTML Tags */
body {
	font-weight: normal;
	margin: auto auto; 
	text-align:center; 
	font-size: 70%;
	background:#45423F;
	}
h1, h2, h3, h4, h5 {
	font-weight: normal;
	text-align: left;
	color: #45423F;
	}
h1 a, h2 a, h3 a, h4 a, h5 a {
	color: #45423F;
	}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited {
	color: #45423F;
	}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	color: blue !important;
	}

h1 {
	font-size: 1.8em;
	line-height: 1.8em;
	margin-bottom: 0px;
	}
h2 {
	font-size: 1.6em;
	line-height: 1.6em;
	margin-bottom: 0px;
	}
h3 {
	font-size: 1.2em;
	line-height: 1.2em;
	margin-bottom: 0px;
	}
h4 {
	font-size: 1.1em;
	line-height: 1.1em;
	margin-bottom: 0px;
	}
a {
	color: #888888;
	text-decoration: none;
	}
a:visited {
	color: #888888;
	}
a:hover {
	color: #00f;
	}
p,ul,ol {
	line-height: 1.5em;
	}
ul,ol {
	margin-left: 4em;
	}
*,h1,h2,h3,h4,h5,p,ol,ul,li,th,td,caption,input,textarea,a {
	font-family: arial, verdana, sans-serif;
	}
	
/* PAGE STRUCTURE DIVS */
#outerContainer {
	margin: auto auto;
	width: 80%;
	min-width: 1000px;
        width: 1000px;
	padding-top: 30px;
	}
#innerContainer {
	float:left;
	position: relative;
	width: 100%;
	border: 1px solid #FFFFFF;
	text-align: left;
	}
#topNav {
	float: left;
	padding: 10px 0px;
	margin: 0 20px;
	color: #FFFFFF;
	}
#search {
	float:right;
	padding: 10px 0px;	
	margin: 0 20px;	
	color: #FFFFFF;
	}	
#masthead {
	clear:both;
	background: #0081C6;
	height: 120px;
	text-align:right;
	padding: 20px 20px 10px 20px;	
	margin: 0 20px;
	}
#midNav {
	position: relative;
	padding: 10px 0px;
	margin: 0 20px;
	color: #FFFFFF;
	background: url('images/top-shadow.jpg') repeat-x top left;
	font-weight: bold;
	}
#mainArea {
	position: relative;
	float:left;
	width: 96%;
	margin: 0px 20px;
	background: #FFFFFF;
	color: #888;
	font-size: 90%;
	overflow: hidden;
	}
#mainNav {
	position: relative;
	float:left;
	width: 22%;
	padding: 20px 0px;
	}
#mainNav form {
	margin: 0px 10px 10px 10px;
	}
#mainNav input {
	border: 1px solid #ddd;
	font-size: 120%;
	padding: 5px;
	}		
#mainNavMaint {
	float:left;
	width: 22%;
	padding: 20px 0px;
	background-color: #EFEFEF;
	}
#mainText {
	float:left;
	width: 57%;
	padding: 100px 0px 20px 0px;	
	padding: 68px 0px 20px 0px;
	font-size: 110%;
	border-left: 1px solid #88D7FC;		
	padding-bottom: 2000px;
	margin-bottom: -2000px;
	}
#mainTextMaint {
	float:left;
	padding: 20px 0px;
	width: 77%;
	}
#features {
	float:left;
	width: 20%;
	padding: 20px 0px;
	}
#shadow {
	float: left;
	width: 96%;
	margin: 0px 20px;
	background: url('images/top-shadow.jpg') repeat-x top left;
	min-height: 20px;
	}
#bottomNav {
	width: 69%;
	float: left;
	color: #FFFFFF;
	padding: 10px 0px;
	text-align: left;
	}
#footer {
	float: left;
	color: #FFFFFF;
	text-align:right;
	padding: 10px 0px;	
	width: 30%;
	}
	
/* DIV SUB-ELEMENT FORMATTING */
/* topNav */
#topNav p {
	margin-bottom: 0px;
	}
#topNav a {
	color: #FFFFFF;
	font-weight: bold;
	border-left: 1px solid #0081C6; 
	padding: 0px 10px;
	}
#topNav a:hover {
	color: #FFCC00;
	}
/* midNav */
#midNav p {
	margin-bottom: 0px;
	}
#midNav a {
	font-weight: bold;
	color: #DDDDDD;
	font-size: 1.1em;
	margin: 0 0 0 3px;
        padding-right: 7px;
        border-right: 1px solid #DDDDDD;
	}	
#midNav a:hover {
	color: #FFCC00;
	}	
/* mainArea */	
#mainArea p,
#mainArea ul,
#mainArea ol {
	line-height: 1.8em;
	}	
/* mainNav */
#mainNav p, 
#mainNavMaint p {
	margin-left: 10px;
	}
#mainNav img {
	margin: 5px 10px;
	}
.navTitle {
	font-weight: bold;
	font-size: 110%;
	}
.navBreak {
	font-size: 0px;
	line-height: 1em;
	margin: 7px 10px 7px 0px;
	border-top: 1px solid #ccc;
	}
/* mainText #maintTextMaint */		
#mainText p, 
#mainText h1, 
#mainText h2,
#mainText h3,
#mainText h4,
#mainText table,
#mainText img {
	margin-left: 100px;
	margin-left: 68px;
	padding-bottom: 1em;
	padding-right: 30px;
	border-collapse: collapse;
	}
#mainText img {
	clear: left;
	float:left;
	margin-right: 10px;
	margin-top: 5px;	
	}
#mainText table {
	margin-bottom: 1em;
	clear:left;
	width: 400px;
	}
#mainText h1, 
#mainText h2,
#mainText h3,
#mainText h4 {
	clear: left;
	}
#mainText tr {
	vertical-align: top;
	}
#mainText th {	
	color: <?php echo $author_text_colour ?>;
	background: <?php echo $author_colour ?>;
	padding: 3px;
	border: 1px solid #a5a5a5;
	font-weight: normal;
	}
#mainText td {	
	padding: 3px;
	border: 1px solid #a5a5a5;
	}
td ul {
	margin-left: 20px !important;
	}
td p {
	margin-left: 0px !important;
	}
td {
	line-height: 1.5em !important;
	}	
#mainText ul li li {
	margin-left: -100px;
	margin-left: -68px;
	list-style-type: square;
	}
#mainText ul,
#mainText ol {
	margin-left: 120px;
	padding-bottom: 1em;
	padding-right: 20px;
	clear:left;
	}
.fieldTitle {
	font-size: 1.1em;
	padding-right: 0.5em !important;
	}
.formHeader th{
	font-size: 1em !important;
	margin-left: 0px !important;
	}
#mainTextMaint p {
	font-size: 1.1em;
	}
#mainText p,
#mainText ul,
#mainText ol,
#mainText table,
#mainText tr,
#mainText td,
#mainText th,
#mainText ul li,
#mainText ol li {
	}
#mainText p img {
margin-left: 0px;
}	
/* About Us */
/* mainText #maintTextMaint */		
#mainText #about_us img {
	margin-left: 0px;
	padding-bottom: 1em;
	padding-right: 30px;
	border-collapse: collapse;
	float:none;
	margin-right: 10px;
	margin-top: 5px;	
	}
#mainText #about_us table {
	margin-bottom: 1em;
	clear:left;
	width: 300px;
	}
#mainText #about_us tr {
	vertical-align: top;
	}
#mainText #about_us th {	
	color: #45423F;
	background: #DDDDDD;
	padding: 3px;
	border: 0px;
	font-weight: normal;
	}
#mainText #about_us td {	
	padding: 3px;
	border: 0px;
	}

#mainText #about_us td img {	
	padding: 0px;
	border: 0px;
	margin: 0px;	
	}
/* Media Info */
/* mainText #maintTextMaint */		
#mainText #media_info img {
	margin-left: 0px;
	padding-bottom: 1em;
	padding-right: 30px;
	border-collapse: collapse;
	float:none;
	margin-right: 10px;
	margin-top: 5px;	
	}
#mainText #media_info table {
	margin-bottom: 1em;
	clear:left;
	width: 300px;
	}
#mainText #media_info tr {
	vertical-align: top;
	}
#mainText #media_info th {	
	color: #45423F;
	background: #DDDDDD;
	padding: 3px;
	font-weight: normal;
	}
#mainText #media_info td {	
	padding: 3px;
	}

#mainText #media_info img {	
	padding: 0px;
	border: 0px;
	margin: 0px;	
	}

table.listTable {
	margin: 0px 20px;
	width: 96%;
	}
.listTable th, 
.stdBox th {
	background: #ccc;
	border-bottom: 1px solid #999;
	font-size: 1.2em;
	color: #444;
	}
.formFooter td{
	background: #ccc;
	border-bottom: 1px solid #999;
        text-align:left;
	}
.fieldInput,
.listTable td {
	font-size: 1.1em;
	}
.listTable td {
	padding: 0px 5px !important;
	}
.listTableFooter {
	color: #444;
	}
.listTableFooter td {
	padding-top: 3px !important;
	padding: 3px 0px;
	background: #ccc;
	}
.listTableFooter p {
	font-size: 1em !important;
	margin-left: 0px !important;
	}
.fieldInput input { 
	padding-left: 3px; 
	margin-left: 5px;
	border: 1px solid #ccc;
	}
#mainTextMaint h1, 
#mainTextMaint p {
	margin: 0px 20px;
	}
th p {
	margin: 0px !important;
	}
	
.submit,
.button {
	font-weight: normal;
	font-size: 1em;
	height: 2em !important;
	margin-left: 3px !important;
	text-transform:uppercase;
	color: #444;
	background: #CCC;
	border: 1px solid white !important;
	border-bottom: 1px solid #999 !important;
	border-right: 1px solid #999 !important;	
	}
.paraIntro {
	font-weight: bold;
	font-size: 1.1em;
	}
.tl3 td, 
.paleRow td {
	color: #444;
	background: #f0f0f0;
	}
.tl4 td,
.darkRow td {
	color: #444;	
	background: #e0e0e0;
	}
/* features */
.featureBox {
	width: 90%;
	float:right;	
	height: 100px; 
	margin-bottom:20px;
	margin-right: 10px;
	background: #bbb;
	color: white;
	text-align: right;
	}
.coverBox {
	margin-top: 80px;
	margin-top: 48px;
	width: 90%;
	float:right;	
	margin-right: 10px;
	background: #d0d0d0;
	padding-top: 10px;
	padding-bottom:10px;
	text-align: center !important;
	}
.authorBox {
	width: 90%;
	float:right;	
	margin-top: 10px;
	padding: 10px 0px;
	margin-right: 10px;
	background: #DDDDDD;
	color: #45423F;
	text-align: left;
	}
.coverBox img {
	margin-top:10px;
	margin-left:10px;
	}
.authorBox h1,
.authorBox h2,
.authorBox h3,
.authorBox h4,
.authorBox p,
.authorBox img {
	color: #45423F !important;
	margin: 0px 10px;
	}
.authorBox h2 {
	padding-bottom: 5px;
	border-bottom: 1px white solid;
	}
.authorBox a {
	color: #45423F;	
	}
.authorBox a:hover {
	color: #0000FF;
	}
/* bottomNav */	
#bottomNav p {
	margin-left: 20px;
	}
#bottomNav a {
	margin-right: 30px;
	}
a.mainLink {
	color: #FFFFFF;
	font-weight: bold;
	}
a:hover.mainLink {
	color: #FFCC00;
	}
a.subLink {
	color: #CCCCCC;
	}
a:hover.subLink {
	color: #FFCC00;
	}
/* footer */	
#footer p {
	margin-right: 16px;
	margin-bottom: 0px;
	}
/* errors */
.errors {
	font-size: 1.2em;
	line-height: 1.2em !important; 
	margin-bottom: 1em !important;
	}
.error {
	color: red;
	}
.infoboxtip h1,
.infoboxtip h2,
.infoboxtip h3,
.infoboxtip h4 {
	font-size: 1.2em;
	line-height: 1.2em;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 0px;
	}
.backIssues {
	float:left;
	margin-left: 100px;
	margin-left: 68px;
	margin-bottom: 10px; 
	padding: 5px;
	background: #FFF; 
	text-align: left;
	width: 80%;
	border: 1px solid #d0d0d0;
	}
.imgArea img{
	padding: 2px 0px;
	float: left;
	margin: 3px 5px -5px 5px !important;
	}
.imgArea {
	border: 10px solid #d0d0d0; 
	border-bottom: 0px; 
	width: 150px; 
	float:left; 
	background: #d0d0d0
	}
.backIssueText {
	float: left;
	text-align: left;
	margin-left: 0px !important;
	background:#FFF; 
	padding-left: 10px;
	width: 250px;
	}
.backIssueText p {
	margin-left: 0px !important;
	margin-bottom: 0px;
	}
.backIssueText ul{
	margin-left: 20px !important;
	}
#mainText .layout {
	margin-left: 0px !important;
	}
.currentgreen td{
	background: #ddffdd;
	color: #070;
	}
.userForm input,
.userForm textarea {
	font-size: 200%;
	border-bottom: 1px solid #d0d0d0;
	}
.userForm .radio,
.userForm .checkbox {
	border: 0px;
	}
.userForm textarea {
	background: #f0f0f0;
	}
.deadlineCell {
	background: #d0d0d0;
	font-weight: bold;
	color: #444444;
	}
.eventCell {
	background: #eaeaea;
	font-weight: bold;
	color: #555555;	
	}
#socialNetworkLinks a {
	border:0; 
	margin:0; 
	padding:0; 
	margin-right: 5px;
}
#socialNetworkLinks img {
	border:0; 
	margin:0; 
	padding:0; 
	width:16px; 
	height:16px;
}
#bannerDisplay {
	width: 440px;
	float:left;
	margin-left: 100px;
	margin-left: 68px;
}
#bannerDisplay a {
	float:left;
	display:inline;
	margin: 0px;
	border: 0px;
	padding: 0px;
	margin-right: 60px;
	margin-bottom: 20px;
}
#bannerDisplay img {
	margin: 0px;
	border: 0px;
	padding: 0px;
}
hr {
color: #eee;
background-color: #ddd;
height: 1px;
width: 468px;
margin-left: 68px;
margin-bottom: 20px;
}
.oseTopic {
margin-left: 68px;
margin-bottom: 20px;
width: 428px;
background: #eee;
padding: 10px 20px;
box-shadow: 0px 0px 10px #ccc inset;
}
.usefulLink h1, 
.usefulLink h2 {
    clear:none !important;
}
.usefulLink img {
    padding-right: 0px !important;
    margin-right: 20px !important;
    margin-top: 5px !important;
}
.mediaPack {
    margin-left: 68px;
}
.mediaPack img {
    box-shadow: 0px 0px 5px #888;
    -moz-box-shadow: 0px 0px 5px #888;
    -webkit-box-shadow: 0px 0px 5px #888;
    width: 200px
    height: 283px;
    margin:10px 10px 10px 0px;
    padding:0px !important;
}