/* CSS Document */
/* Seibukta website - written by Paul Fox Jan 2007 */

/*We only use text align in the body to make centering work in older browers */   
body {font: 1.0em verdana, arial, sans-serif; text-align:center;}

* {margin:0; padding:0;} /* set all margins and paddings to zero to overcome incompatibilites in browsers*/

/* popups */
div#popup a span{display:none;} /* prevent the popup from showing when page loads */
div#popup a:hover span {
	display: block;
	position: absolute; top: 50px; left: 0; width: 500px;
	padding: 5px; margin: 10px; z-index: 100;
	color:#000000; background: #E5840F;
	font: 10px Verdana, sans-serif; text-align: center;
	}
div#popup a {
	text-decoration:underline;
	color:#E5840F;
	}
/* Text formatting */	
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	}
	
.table_text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	padding: 2px 5px 2px 5px;
	}
	
.table_hdg {
	padding: 2px 5px 2px 5px;
	}
/* Main page setup for columns, footer and content area */
div#mainwrap {
    position:relative;
	min-width:900px; max-width:960px;
    margin-left:auto;  /*auto forces both l&r margins to be equal and as big as possible to center this mainwrap div */
	margin-right:auto;
	margin-top:0px;
	text-align:left; /* stops other elements inheriting the body's text-center */
	}
	
div#header {
    position:relative;
    height:286px; 
	background-color:#FFFFFF;
	text-align:center;
	}

/* Main heading picture */
div#top_pic {
	position:absolute;
	width:950px;
	height:286px;
	left:0px;
	top:0px;
	}
	
div#contentarea { 
    position:relative; 
    background-color:#FFF; /* ensures bg is white if faux graphic doesn't load */
	background:url(../images/faux_left.gif);
	background-repeat:repeat-y; 
    background-position:top left; /* faux columns graphic left column */
	}

div#column1 {
    width:225px;
    position:absolute; /*contextual positioning in contentarea container */
	top:0px; left:0px; /*position within contentarea container */
	overflow:hidden; /*prevents overlarge contents from spilling out of the column */
	}

div#column2 {
	margin:0 150px 0 225px;
	}

div#footer {
    background-color:#8BB1C6;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	font-size:.7em;
	}

/* Menu on left side */
div#button  {
    margin: 5px 0 0 0; /* position frame from top */
	margin-left:auto;  
	margin-right:auto;
	width:122px;       /* width and height of graphic */
	height:34px;
	position:relative;
	/*background:url(../images/button.jpg);*/
	background-repeat:no-repeat;
	}
	
div#button a:link, a:visited, a:active {
	text-decoration:none;
	color:#003399;
	}
	
div#button a:hover {
	color:#FFFFFF;
	}

div#button_text {
	position:absolute;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	margin:10px 0 0 0px;
	width:135px;
	font-weight:bold;
	}
	
/* This section is for specific page text formatting */


	
	
	/*This is the Alsett clearing method. This will force
  the div contentarea to enclose the floated divs
  columns 1, 2 and 3 forcing the footer to be at the bottem
  of the longest one*/	
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */