/* Nine9Design CSS Page Styles by Darren Street, Nine9 Ltd */

/* Version 1.0 for Oxfordshire Ales */
/* Last Updated: 01/02/07  */

/* Special Thanks to A Sparber (Project VII) & E Meyer for their guidence   */
/* ------------------------------------------------------------ */



/* hide from IE mac \*/
body {
	background-color:#cccccc;
	background-image: url(../images/bkgrnd.jpg);
	background-repeat:repeat-x;
}

/* end hiding from IE5 mac */

body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0;
	padding: 0;
	min-width: 800px;
	font-size: 0.6em;
}



h1, h2, h3, h4 {
	letter-spacing: 1px;
	color: #333333;
}

h1 {border-bottom: 1px solid #666666;}

h2 {
	margin: 0px 0 0 0;
	font-size: 1.2em;
}		

h3 {font-size: 1.1em;}

h4 {
	font-size: 1.0em;
	border-bottom: 1px dotted #666666;
}

h5 {font-size: 1.2em;}

p {
	font-size:0.9em;
	color: #333333;
}



/* 2 - Header Styles */
/* ------------------------------------------------------------ */
#masthead {
	border: 0;
	width:800px;
	height:75px;
	background-image:url(../images/header.gif);
	background-repeat:no-repeat;
	padding-bottom: 10px;
	}

/* hide from IE mac \*/
#masthead img {float: left;}
/* end hiding from IE5 mac */



/* 3 - Wrapper Styles */
/* ------------------------------------------------------------ */

 /* styles for IE 5 Mac */
 #horizon {
	position: absolute;
	top: 20px;
	left: 20px;
 }
 /* following rules are invisible to IE 5 \*/
 #horizon {
   top: 50%;
   left: 0px;
   width: 100%;
   margin-top: -275px;
   text-align: center;
   min-width: 800px; 
 }
 /* end IE 5 hack */ 
	  
#wrapper {
	position: relative;
	text-align: left;
	width: 800px;
	height: 500px;
	margin: 0px auto;
	border: 1px solid #999999;
	padding: 20px;
	background-color:#FFFFFF;
	
	}
	
	
#masthead {background-color:#FFFFFF;}


#tabs img {border:0;}	
	
#tabs-content {height: 380px;}	

#tabs-content p, #tabs-content ul li {
	font-size: 1.1em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}	

#tabs-content p strong {
	color: #274E4E;
}


#tabs-content img {
	border: 1px solid #AAAAAA;
	margin: 12px 0 0 10px;
}



#footer-content {
	text-align:center;
	padding-top: 10px;
	font-size: 1.3em;
	font-family:Helvetica;
	letter-spacing: 0px;
	line-height: 1.5em;
}

#footercontent a:link, #footercontent a:visited {color: #333333;}
#footercontent a:hover  {color: #CCCCCC;}

.uberlink {font-weight: bold;}

.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

.pic {
	float:left;
	margin: 0 5px 5px 0;
	border: 1px solid #333333;
}
.pic-noborder {
	float:left;
	margin: 0 5px 5px 0;
}

.floatright {
float:right;}



.demoHeaders { margin-top: 2em; }
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}