/*This is the body information */
body {margin:0px; padding:0px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
	
	color: #FFFFFF; text-align:left;
	background-color:#FFFFFF; ; }
* {margin:0; padding:0;}

 table.fc{  color:black}
 table.fc  td{
	border: 1px solid #00CCFF;
	width: 175px;
	vertical-align: top;
}
h1,h2,h3,h4,h4,p{padding:5px 0px}

h1 {
	color: #00CCFF;
	border-color: #00CCFF;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
}
    h3 a{color:black;}
h2 {  font-family: "Courier New", Courier, mono; color:#00CCFF}

a{color:#3399CC;}

li {  color: #3399CC; list-style-type: square; margin-bottom:7px;}
li a{text-decoration:none; color:#3399CC; border-bottom:1px dotted #00CCFF}

table{border:0px solid black}

table p{color:black; font-weight:bold;}

td{
	border: 2px solid #00CCFF;
	padding-right: 0px;
	text-align: left;
	padding: 0px;
	
	background-color: White;
}

/*End of the body */

/*mainwrap */
div#mainwrap {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
	margin-bottom: 0px;

	background-image: url(images/cookieTop.gif);
	background-position: top;
	background-repeat: repeat-x;
}
/*End of mainwrap */

/*begin header */
div#header {
	width: 100%;
	height: 86px;
	
	text-align: left;
	background-image: url(images/cookiebanner.gif);
	background-repeat: no-repeat;
	background-position: left;
	
	color: #996633;
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
}


/*end header */

/*Begin contentarea */
div#contentarea {width:100%;
background-image:url(images/contentback.gif);
 background-repeat:repeat-y;
background-position:left;
padding-top:2px;padding-bottom:2px;}
/*end contentarea */

/*Begin column 1 */
div#column1 {width:195px;  float:left; 

color:black;padding-left:4px;
padding-right: 0px;}

div#column1 h1{
	border-width: 0px;
	color: #3399CC;
	font-size: 90%;
}
div#column1 ul {margin: 0px 0 0 2px; 
padding-top:0px; vertical-align:top;}

div#column1 li{padding:0px 0px;
font-family: arial, helvetica, sans-serif; font-size:14px;
vertical-align:top;
color:black;

list-style-type: none; }

div#column1 li a{
 padding: 2px 4px 2px 4px;
	text-decoration: none;
	color: black;
	
	
	display: block;
width: 165px;
\width: 165px;
w\idth: 165px;
}

div#column1 li a:hover
{
	
	color: #ffffff;
	background: #3399CC;
}




/*End coulumn 1 */

/*Begin column 2 */
.article{ padding-left:25px;font-family:"Trebuchet MS", arial,sans-serif;}
h4 a{padding:5px 0px;color:#999999}
div#column2 {  margin:0px 0px 0px 195px; 
padding:0px 0px 0px 0px; color:black; 
border-left:1px solid #00CCFF; 
padding-left:15px;
}


div#column2 p {}
div#column2 h1{color:#00CCFF;
padding-top: 5px; 
 text-align:center;}
div#column2 h2{padding-top:15px;}
div#column2 ul{margin: 0px 0px 0px 26px; }
div#column2  a{border-bottom:1px dotted #00CCFF;}

hr{color:black; background-color:black;}
ul#mainmenu li{padding: 2px 20px; list-style-type:none;float:left;
font-family: arial, helvetica, sans-serif; font-size:14px; letter-spacing:1px;
list-style-type: none; border-right:1px solid  black ;  background:#0066CC;  margin:0px 0px 0px 0px; }

ul#mainmenu {background:#3399FF; border:2px solid black; border-top:2px solid black; margin:0px 0px 0px 0px; padding:0px;}
ul#mainmenu a{text-decoration: none; color: #000000; }
ul#mainmenu a:hover{border-bottom: 3px solid #3399FF; color:#FFFFFF;}

/*End column 2*/

/* Begin Footer */
div#footer {
	width: 100%;
	background-color: #3399CC;
	text-align: center;
	margin: 0px;
	color: Black;
	border-top: 15px solid #00CCFF;
	margin-bottom: 0px;
}
ul#bottommenu li{; list-style-type:none;display: inline;
list-style-type: none; color:white;}
ul#bottommenu {margin-bottom:10px;}

ul#bottommenu a{text-decoration: none; color: white; border-bottom:1px solid white ;margin-right: 15px; }
/* End Footer */


/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.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 dreaded 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 */