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

/* GENERAL SETTINGS */
body {
	padding: 0 ;
	margin: 0 ;
	/* Just in case...
	background-image:url(images/fade.jpg) ;
	background-repeat:repeat-x ;
	*/
	background: #666;
	font-family:Arial, Helvetica, sans-serif ;
	color: #FFC;
	}
a {
	color: #FFC;
	text-decoration: none ;
	}
a:hover {
	color:#FF8;
	text-decoration:underline;
	}
.clear {
	margin:0;
	clear:both;
	height:1px;
	 /* the next two because ie6 won't set height to less than the fontsize */
	font-size:0 ;
	overflow:hidden;
	}

/* EVERYTHING */
div#wrapper {
	margin: 10px auto ;
	width: 800px;
	font-size:14px ;
	background-color: #000 ;
	}

/* SPECIFIC BITS */	
div#banner {
	width: 800px;
	}
div#banner img { /* no border to say image has hot spots */
	border: 0 ;
	}
div#menu {
	font-size:16px;
	width:800px ;
	text-align:center ;
	}
div#menu ul {
	display:inline ;
	padding: 0 ;
	}
div#menu ul li {
	display:inline ;
	list-style:none ;
	margin: 0 15px ;
	font-weight:bold ;
	}

div#mainbody {
	padding: 30px 30px 5px 30px ;
	text-align:justify;
	line-height:1.4em ;
	}
div#mainbody h1{
	font-size:16px ;
	font-weight:bold ;
	color:#FF8 ;
	}	
div#mainbody h2{
	font-size:13px ;
	font-weight:bold ;
	font-style:italic ;
	color:#FF8 ;
	}
div#mainbody a {
	text-decoration:underline ;
	}	
div#mainbody span.important {
	font-size:1.2em ;
	font-weight:bolder ;
	color:#FF0000 ;
	}
div#mainbody a span.important { /* don't underline important links */
	text-decoration:none !important ; 
	}
div#mainbody ul.links li {
	margin: 10px ;
	}

div.image-outer {
	float:right ;
	margin: 10px 0px 25px 30px;
	padding: 0 5px 5px 0 ;
	background-image: url(images/frame-br.jpg) ;
	background-position: bottom right ;
	background-repeat:no-repeat ;
	}
div.image-inner {	
	text-align:center;
	margin: 0 ;
	border-top: 1px solid #666 ;
	border-left: 1px solid #666 ;
	padding: 5px ;
	color:#FFC ;
	font-style:italic;
	font-size:12px ;
	}
div.image-inner p {
	margin: 0 ;
	padding: 0 ;
	}	
	
div.breakout-outer {
	float:right ;
	width: 240px ;
	margin: 10px 0px 25px 30px;
	padding: 0 5px 5px 0 ;
	background-image: url(images/frame-br.jpg) ;
	background-position: bottom right ;
	background-repeat:no-repeat ;
	}
div.breakout-inner {	
	text-align: justify ;
	margin: 0 ;
	border-top: 1px solid #666 ;
	border-left: 1px solid #666 ;
	padding: 5px ;
	color:#FFC ;
	font-size:12px ;
	line-height: 1.2em ;
	}
div.breakout-inner p {
	margin: 0 ;
	padding: 0 ;
	}
div.breakout-inner ul {
	list-style-image:url(images/goldbullet.png) ;
	}	
div.breakout-inner li {
	color:#FF0000 ;
	}
	
ul.cards {
	width:600px ;
	margin: 10px auto 0 auto;
	text-align:center ;
	}
ul.cards li {
	display:inline ;
	list-style:none ;
	margin: 0 5px ;
	}
	
div#footer {
	text-align:center;
	font-style:italic;
	font-size:10px;
	}