/* -- TAGS-------------------*/
body {
  margin:0;
  padding:0;
  border:0;      /* This removes the border around the viewport in old versions of IE */
  width:100%;
  background-image:url("star_background_01.gif");

  font-size:90%;
	}

h4 {
	font-family:verdana;
	font-size: 14px;
	margin-bottom:0px;
	padding-bottom: 0px;
	}



/* -- IDS-------------------*/

#wrapper {
	width:650px;
	background-color:#fff;
	margin:0 auto;
	padding:20px;
}

.header {
	float:right;
}

#topNav {
	font-size:25px;
	font-weight:bold;
	text-align:center;
	font-family:verdana;
}

.floatL {
	margin-right10px;
	float:left;
}

.floatR {
	margin-left:10px;
	float:right;
}

.clear {
	clear:both;
}

.mainnavigation {
	width:100%;
	background-color:#000;
	padding:5px;
	text-align:center;
	text-decoration:none;
}

.mainnavigation ul {
	list-style-type:none;
	text-decoration:none;	
	display:inline;
	
	}
	
.mainnavigation li {
	list-style-type:none;
	text-decoration:none;	
	display:inline;
	padding:5px 8px;;
	}
	
.mainnavigation a {
	color:#E6D301;
	text-decoration:none;

}


p, dd, li {
  font-family: 		sans-serif;
  font-size: 		0.925em;
  line-height: 		125%;
  text-align: 		left;
}
h2 {
  font-family: 		Georgia, serif;
  font-variant: 	small-caps;
  font-weight: 		bold;
  font-size: 		130%;
  line-height: 		120%;
  letter-spacing: 	0.1ex;
  text-align: 		left;
}
h3, dt {
  font-family: 		Georgia, serif;
  font-weight: 		bold;
  text-align: 		left;
  padding:		.5em 0;
}
.openingparagraph {
  font-style:		italic;
  text-align:		center;
}
.closingparagraph {
  font-size:		.625em;
  text-align:		center;

  margin:		20px 20px 0px 100px;
  width:		430px;
}

.sponsorname {
  font-style:		italic;
  font-size:		.7em;
  line-height:		100%;
}
/* -- Header styles ---------------------------------------------------------------------------------------------------- */
#header {
  clear:		both;
  float:		left;
  width:		100%;
}
/* -- Column container ------------------------------------------------------------------------------------------------- */

header

.colmask {
  position:		relative;  /* This fixes the IE7 overflow hidden bug */
  clear:		both;
  float:		left;
  width:		100%;      /* width of whole page */
  overflow:		hidden;    /* This chops off any overhanging divs */
}
.colright,
.colmid,
.colleft {
  float:		left;
  width:		100%;      /* width of page */
  position:		relative;
}

.head {
	width:650px;
	margin:0 auto;
	background-color:#fff;
}
	
.logo {
	float:left;
	height:330px;
	background-color:red;
}

.title {
	float:left;
	margin-left:500px;
}


.col1,
.col2,
.col3 {
  float:		left;
  position:		relative;
  padding:		0 0 1em 0;  /* no left and right padding on columns, we just make them narrower instead 
          		only padding top and bottom is included here, make it whatever value you need */
  overflow:		hidden;
}
.threecol {
  background:		#111 url("star_background_01.gif");
}
.threecol .colmid {
  right:		20%;	/* right col width */
  background:		#fff;	/* center col background color */
}
.threecol .colleft {
  right:		60%;	/* center col width */
  background:		#eee url("star_background_01.gif");
}
.threecol .col1 {
  width:		58%;	/* center col width - padding on both sides */
  left:			101%;	/* 100% + left padding of center col */
}
.threecol .col2 {
  width:		17%;	/* left col width - padding on both sides */
  left:			25%;	/* right col width + (center col left & right padding) + (left col left padding) */
}
.threecol .col3 {
  width:		18%;	/* right col width - padding on both sides */
  left:			86%;	/* (100 - left col width) + (center col left & right padding) + 
				(left col left & right padding) + (right col left padding) */
}
/* -- Footer styles ---------------------------------------------------------------------------------------------------- */
#footer {
  clear:		both;
  float:		left;
  width:		100%;
}
/* -- Main menu styles -------------------------------------------------------------------------------------------------- */

/* -- Top menu styles -------------------------------------------------------------------------------------------------- */
.headnavigation {
  font-size:		1.2em;
  line-height:		160%;
  font-family:		Verdana, Helvetica, Arial, sans-serif;
  margin:		1em 0;
  padding:		0;
  text-align:		right;
}
.headnavigation a {
  text-decoration:	none;
  font-weight:		bold;
}
.headnavigation a:hover,.current {
  text-decoration:	underline;
}
#floatinglogo {
  position:		absolute;
  z-index:		5;
  left:			7%;
  top:			0px;
}
