/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
html{
	color:#000;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
	text-align:left;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

td{
	padding:5px;
}
	
fieldset,img{
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;font-weight:normal;
}

li{
	list-style:none;
}

caption,th{
	text-align:left;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}

q:before,q:after{
	content:'';
}

abbr,acronym {
	border:0;
	font-variant:normal;
}

sup {
	vertical-align:text-top;
}

sub {
	vertical-align:text-bottom;
}

input,textarea,select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

legend{
	color:#000;
}

strong{
	font-weight:bold;
}

/**********************************************************
Copyright ninefootone.co.uk
Design CSS

NOTE: This code is copyrighted.  No unauthorized use
is allowed.  Don't steal code.  However, please feel free
to look at how we did something then write it yourself - 
that's how a lot of the stuff on this page has been done!

***********************************************************/

/* SITE SPECIFIC CODE STARTS HERE */

/* MAIN LAYOUT STUFF */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
	color: #333333;
	background:url(../images/layout/bgnd.jpg) repeat-x ;
	behavior:url("csshover.htc");
}

#wrapper{
	position: relative;
	margin:0px auto;
	width:900px;
}

#header{
	position: relative;
	width:900px;
}

#navcolumn{
	position:relative;
	width:150px;
	padding-left:20px;
	padding-right:20px;
	float:left;
	z-index: 100;
}

#textcolumn{
	position:relative;
	width:520px;
	padding-right:20px;
	float:left;
	z-index:1;
}

#infocolumn{
	position:relative;
	width:150px;
	float:left;
}

#infoholder{
	position:relative;
	width:140px;
	height:auto;
	background-color: #F5F5F5;
	padding:5px;
	margin-bottom:10px;
	font-size:11px;
}

hr {
	color: #999999;
	background-color: #999999;
	height: 1px;
	border: none;
	clear:both;
}

.imagepadding {
	float:left;
	padding:0px 10px 10px 0px;
}

/* FOOTER STUFF */

#footer{
	position: relative;
	clear:both;
}

#footertext{
	padding:5px 20px 50px 20px;
	font-size:10px;
	line-height:14px;
}

/* NAV STUFF */


#menu ul, #menu ul li {
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	
	
}

#menu ul {
	width: 150px;
	background: #fff;
	list-style-type: none;
}

#menu li {
	position: relative;
	padding: 0px;
	z-index: 9;
}

#menu li.folder	{
	font: normal 11px/16px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
	padding: 2px 0 4px 15px;
	background-color: #DFDFDF;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
}	

/* */#menu li.folder:hover {
	z-index: 10;
	background-color: #DFDFDF;
	border-bottom:1px solid #4992a7;
	font: normal 11px/16px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
}
		
#menu li.folder ul {
	position: absolute;
	display: none;
	left: 130px; /* IE */
	top: 5px;
}
				
#menu li.folder>ul { 
	left: 130px;
}
		
#menu ul.level1 li.folder:hover ul.level2 {
	display: block;
	width: 160px;
}

#menu a {
	padding: 2px;
	text-decoration: none;
	width: 100%; /* IE */
}

#menu li>a { 
	width: auto;
}

/* */#menu li a.submenu {
	background-color: #DFDFDF;
	padding-left: 10px;
	font: normal 11px/16px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
	display: block;
	margin: 0;
	border-bottom: 2px solid #FFF;
	border-top: 0;
	padding-bottom: 4px;
}
			
#menu li.explain { 
	font: bold 11px Verdana, Arial, Tahoma, Sans-Serif, Helvetica;
	background-color: #DCEAF9;
	border-bottom: 1px solid #FFFFFF;
	color: #6699CC;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 190px;	
}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html li.explain { 
	width: 202px;
}
/* End hide from IE5/mac */

#menu a:link, a:visited {
	color: #333333;	
}

#menu a:hover {
	color: #4992a7;	
}

#menu {
   border: 1px solid #ccc;
   margin: 0;
   padding: 0;
   width: 150px;
}

/* IE < 7  */


*html #menu ul li a { display: none; }

*html #menu ul li, *html #menu ul li * { z-index: 0; }

*html #menu ul li a.ie-sub { 
	display: block; 
	margin: 0;
	margin-left: -10px;
	margin-top: -14px;
}

*html #menu ul ul, *html #menu ul li a:normal.ie-sub ul {
	display: block;
	visibility: hidden;
	margin-left: -3px;
	margin-top: -1em;
	position: absolute;
}

*html #menu ul li a table {
	position: absolute;
	left: 1px;
}

*html #menu ul li a.non-ie {
	display: none;
}

*html #menu ul li a:hover {
	background:#EFEFEF; 
}

*html #menu ul li a:hover a{
	visibility: visible;
	width: 100%;
}
*html #menu ul li a:hover a:hover{
	
}
*html #menu ul li a.ie-sub ul { display: block; }

*html #menu ul li a:hover.ie-sub ul {
	display: block;
	visibility: visible;
	width: 11em;
	position: absolute;
	z-index: 10000 !important;
}



/* TEXT STUFF */

h1 {
	font-size:24px;
	line-height:28px;
	font-weight:bold;
}

.bluetext{
	color:#006785;
}

/* LINK STUFF */

.pagelinks ul li{
	background:url(../images/layout/linkarrow.gif) no-repeat 0 6px;
	color:#ec008c;
	padding:0px 0 4px 14px;
}

.pagelinks a:link, .pagelinks a:active, .pagelinks a:visited{
	color: #ec008c;
	text-decoration:none;
}

.pagelinks a:hover{
	color:#ec008c;
	text-decoration:underline;
}

#textcolumn a:link, #textcolumn a:active, #textcolumn a:visited{
	color: #ec008c;
	text-decoration:none;
}

#textcolumn a:hover{
	color:#ec008c;
	text-decoration:underline;
}

#textcolumn h2 a:link, #textcolumn h2 a:active, #textcolumn h2 a:visited{
	color: #006785;
	text-decoration:none;
}

#textcolumn h2 a:hover{
	text-decoration:underline;
}

.bloglist ul li a:link, .bloglist ul li a:active, .bloglist ul li a:visited{
	color: #333333;
	text-decoration:none;
}

.bloglist ul li a:hover{
	color:#000000;
	text-decoration:underline;
}

#footer a:link, #footer a:active, #footer a:visited{
	color: #006785;
	text-decoration:none;
}

#footer a:hover{
	color:#006785;
	text-decoration:underline;
}

/* LIST STUFF */
.bloglist ul li{
	background:url(../images/layout/pinksquare.gif) no-repeat 0 8px;
	padding:0px 0 0px 8px;
}

.rssicon ul li{
	background:url(../images/layout/rssicon.gif) no-repeat 0 2px;
	padding:0px 0 0px 14px;
}

/* BLOCKS */

#dateblock {
	float:left;
	margin:-3px 10px 0px 0px;
	padding-top:8px;
	width:50px;
	height:40px;
	background-color:#006885;
	color:#FFFFFF;
	font-size:24px;
	text-align:center;
	font-weight:bold;
}

#dateblock span {
	font-size:12px;
	text-transform:uppercase;
	text-align:center;
}