/* --------------------basic stylesheet--------------- */

/*css browser reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0; 	padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; 	background: transparent;}
body {line-height: 1.4;}
ol, ul {	list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {	content: '';content: none;}
/* remember to define focus styles! */
:focus {	outline: 0;}
/* remember to highlight inserts somehow! */
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
/*end browser css reset*/

html {}
body { font:16px "Lucida Grande",arial,verdana,sans-serif; line-height: 1.3; min-width:785px; width:100%; background-color:#e1e1e1;}
img {border:none;}

#start .start, #home .home {color:#fafafa;}

#wrapper { position:absolute; width:900px; min-width:785px; left:50%; margin-left:-450px; margin-top:2px;  text-align:left; }

.accessaid {position:absolute; height:0; overflow:hidden;}	
	
/*begin header*/
#header {height:160px; width:900px; margin:0; padding:0;  }
#logos {float:left; margin:10px 0 0 -10px; z-index:1000;  }
.hide  {display:none;}
/*navigation  header bottom*/
#siteNav {position:relative; height:16px; width:85%; float:right; margin:-16px 10px 0 0; z-index:100; color:#ffcc00; text-align:right; font-size:90%; font-weight:bold;  background:transparent; }
#siteNav ul{list-style-type:none; width:100%; padding:0; margin:0; }
#siteNav li {display:inline; margin:0; padding:0;}
#siteNav a{color:#ccc; text-decoration:none; padding: 0 6px;}
#siteNav a:hover{color:#ffaa00; text-decoration:none;}
/*end navigation header bottom*/
/*end header*/

		
#wrapContent {margin-top:0;}

#mainContent {float: left; }
#mainContent {width: 900px; font-size:12px; color:#333; }
#mainContent h1   { font-family: Georgia;  font-size: 24px; letter-spacing: 3px; font-variant: small-caps; font-weight: normal; color:#666;}  
#mainContent h2 {}
#mainContent p {padding: 5px 0 5px 0;}
#mainContent ul {list-style-type:disc; list-style-position:inside; margin:0;  font-variant:normal; }
#mainContent blockquote {  }

.dividerBlack {float:left; background-color:#404040; color:#fff; font-weight:bold;  width:882px; padding:1px 0 0 18px; margin:0;} 
.dividerBlackCenter {float:left;  text-align:center; background-color:#404040; color:#fff; font-weight:bold;  width:892px; padding:1px 0 0 8px; margin:0;} 
.dividerPink  {float:left; background-color:#ff3399; color:#fafafa; font-size:90%; min-height:19px; width:892px; padding:1px 0 0 8px; margin:0;} 
.fullContent {float: left;  background-color:#fafafa; color:#333; padding:1px 1px 0 8px;  }
.columnContainer {padding-top: 10px; }
.columnContainerSpecial {padding-top: 10px; background: url(../img/background.jpg); height:350px;}
.column {float: left;  margin: 0 5px 5px 10px;}
.visitButton {padding-left: 54px;}

#mainContent .column {width: 268px; padding:10px; margin: 0 5px 0 5px;}
#mainContent .spanTwo {width: 575px;}
#mainContent .spanThree {width: 890px; font-size:12px; color:#fafafa;}
#duoContentspanTwo  {width: 890px;}	
.duoContentColumn  {float: left; width: 422px; padding:10px 10px 10px 13px;}
#quartContent .spanTwo {width:429px;}
#quartContent .spanThree {width:655px;}
#quartContent .spanFour  {width:890px;}
.quartContentColumn {width:202px;}
#quintContent .spanTwo {width: 340px;}
#quintContent .spanThree {width: 510px;}
#quintContent .spanFour {width: 700px;}
#quintContent .spanFive {width: 890px;}
.quintContentColumn {width: 157px;}

.clearFix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#footer {width:900px;  }

#bottomNav {position:relative;  width:890px; float:left;  margin-top:10px; min-height:18px; padding-top:2px; z-index:100; color:#333; text-align:center; font-size:70%;  }
#bottomNav ul{list-style-type:none; width:100%; padding:0; margin:0; }
#bottomNav li {display:inline; margin:0; padding:0;}
#bottomNav a{color:#ccc; text-decoration:none; padding: 0 6px;}
#bottomNav a:hover{color:#ffaa00; text-decoration:none;}

/*debugging stuff 

#grid {
		background: url(grid.png) 50% 0 repeat-y;
		z-index: 1000;
		}
		
 Debugging colours

#mainContent {
		background: orange;
		}

#sidebar {
       background: #00a651;
		}

.column {
		background: red;
		}

	*/