@charset "utf-8";
/* CSS Document */

/* ------ basic styles ------- */
* {
	margin: 0px;
	padding: 0px;
}
body  {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	/*background: #666666;*/
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #EEE;
	text-align:center;
	background-color:#AAA;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
li {
list-style: none;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #AAA;
	font-size: 38px;
	font-weight: lighter;
	padding-right: 5px;
}
h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #AAA;
	font-size: 24px;
	font-weight: lighter;
	padding: 1em 0;
}
h3 {
margin-top: 1em;
}
a:link {
color:#AAA;
text-decoration:none;
}
a:hover {
color: #CCC;
text-decoration:underline;
}
a:visited {
color:#AAA;
text-decoration:none;
}
a:active {
color:#CCC;
text-decoration:none;
}

a#pick {
font-weight:bold;
}
.listtitle {
color: #FFCC00;
}
p.firstparag:first-letter {
font-size:xx-large;
}
div.partner {
float: left;
width: 200px;
height: 70px;
margin: 1px;
}

/* Container */
div#container { 
	width: 1000px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background-color: #000000;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: center; /* this overrides the text-align: center on the body element. */
	position:relative;
} 
div#topbar {
font: 8px;
text-align: right;
padding: 2px 0px;
}
div#header {
	width: 100%;
	text-align: left;
	background-position:left;
/*	background-image:url(../images/indexbg.jpg);*/
	background-repeat:no-repeat;
}
/* Menu Bars */
div#menu {
width: 100%;
height: 42px;
background-image:url(../images/menubg.gif);
background-repeat:repeat-x;
}
#menu ul {
margin: 22px 0 0 10px;
font-size: 12px;
}
#menu li {
display:block;
width: 130px;
text-align:left;
background-image:url(../images/bar.gif);
background-position:left;
background-repeat:no-repeat;
padding: 0 0 0 5px;
float:left;
}

/* Contents */
div#content {
	font-size: 14px;
	width: 100%;
	text-align:left;
	/*background-image:url(../images/contentbg.gif);*/
	background-repeat:repeat-x;
	background-position:top;
}
div#coldummy {
float:left;
width:200px;
}
div#coldummytext {
float: left;
width: 20px;
}
div#coltitle {
float: left;
height: 100%;
background-image: url(../images/barlong.gif);
background-position:right;
background-repeat:repeat-y;
}
div#coltext {
margin: 15px 10px;
float: left;
font: 14px;
padding: 10px 20px;
line-height:1.8em;
background-color: #333333;
}
div#coltextfix {
margin: 15px 10px;
float: left;
font: 14px;
line-height:1.8em;
padding: 10px 20px;
background-color: #333333;
}
div#coltextblack {
margin: 0px 10px;
float: left;
font: 14px;
line-height:1.8em;
padding: 10px 20px;
background-color: #000000;
}

div#coltext ul li {
list-style:disc;
}
div.itembox {
width: 280px;
height: 160px;
background-color:#000000;
float: left;
margin: 10px;
padding: 20px;
text-align:center;
}
a.itemtitle {
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.3em;
color:#CCC;

}
/* Footer */
div#footer {
font: 10px;
color: #DDD;
padding: 1px;
text-align: right;
background-image:url(../images/contentbg.gif);
background-repeat:repeat-x;
background-position:top;
height: 50px;
}