@charset "utf-8";
@import "reset.css";
@import "predefined.css";



/*
---------------------------------------------
Base
--------------------------------------------- */

body {
	background:#212121 url(../images/bg-body.png) repeat-x 0 0;
	text-align:center;
	color:#323232;
	font-family:Verdana;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
#wrapper {
	width:960px;
	text-align:left;
	margin:0 auto;
}
/*
---------------------------------------------
Header
--------------------------------------------- */

#header {
	position:relative;
	height:215px;
	clear:both;
}
#header h1 a {
	text-indent:-9999px;
	display:block;
	width:390px;
	height:162px;
	background:url(../images/bg-logo.png) no-repeat 0 8px;
}
#header h2 {
	display:none;
}
#top-nav {
	position:absolute;
	right:0;
	top:8px;
}
#top-nav li {
	float:left;
}
#top-nav li a {
	display:block;
	width:126px;
	height:33px;
	background:url(../images/bg-top-nav.png) no-repeat 0 0;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;
	font:bold 1.2em/2 Verdana;
}
#alphabetic {
	background:yellow;
	background:url(../images/bg-alphabetic.png) repeat-x 0 0;
	height:41px;
	border:2px solid #212121;
	position:absolute;
	top:170px;
	width:944px;
	padding:0 6px;
}
#alphabetic li {
	float:left;
}
#alphabetic li a {
	display:block;
	font:1.7em "Trebuchet MS";
	color:#bfbfbf;
	padding:9px 12px 9px 12px;
	background:url(../images/bg-alphabetic-li.png) no-repeat 0 100%;
}
#alphabetic li.nobg a {
	background:none;
}
/*
---------------------------------------------
Body
--------------------------------------------- */

#body {
	background:#fff;
	float:left;
}
#primary-content {
	width:750px;
	float:left;
	padding:20px 10px;
}
#primary-content h2 {
	font:bold 1.9em "Trebuchet MS";
	color:#212121;
	padding:0 0 8px 0;
	border-bottom:1px dashed #a9a9a9;
}
#primary-content h2 em {
	color:#D92622;
	font-style:normal;
	font-weight:bold;
}
#primary-content h3 {
	font:bold 1.2em Verdana;
	color:#b2b2b2;
	padding:16px 0 26px 6px;
}
#primary-content p {
	font:1.2em/1.9 Verdana;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 6px;	
}
#ads-skyscraper {
	width:175px;
	float:left;
	padding:15px 0;
}
#ads-skyscraper .ad-unit {
	width:160px;
	height:600px;
	/*background:#f2f2f2 url(../images/skyscraper-example.png) repeat-y 2px 0;
	border:1px dashed #a9a9a9;*/
}



/*
---------------------------------------------
Footer
--------------------------------------------- */
#footer {
	height:47px;
	clear:both;
	width:945px;
	background:url(../images/bg-footer.png) repeat-x 0 0;
	border-top:1px solid #212121;
}
#footer .copyright {
	color:#000;
	font:1.2em/3.8 Verdana;
	float:left;
	padding:0 0 0 20px;
}
#footer .copyright a {
	color:#6d0000;
}
#footer .designer {
	float:right;
	font:1em/4.5 Verdana;
	color:#9E0B0E;
	padding:0 20px 0 0;
}
#footer .designer a {
	color:#9E0B0E;
}

#ads-skyscraper h2 {
	font:bold 1.2em "Trebuchet MS";
	color:#212121;
	padding:0 0 8px 0;
	border-bottom:1px dashed #a9a9a9;
}
#ads-skyscraper h2 em, #ads-skyscraper h2 em a  {
	color:#D92622;
	font-style:normal;
	font-weight:bold;
}


/*
---------------------------------------------
Footer Ads
--------------------------------------------- */

#footer-ads {
	background:url(../images/bg-footer-ads.png) repeat-x 0 0;
	border-top:1px solid #212121;
	/*height:373px;*/
	text-align:center;
}
#footer-ads a {
	display:block;
	margin:6px 0 0 0;
}

/* Widget */
#widgetbox
{
	background-color: #FFFFFF;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 13px;
	color: #333333;
	border: 1px solid #CC3333;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#widgetbox h2
{
	font-size: 13px;
	font-weight:bold;
	padding: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#widgetbox .smallfont, #widgetbox .smallfont a
{
font-size:11px;	color: #CC3366; text-decoration:none;
text-align:right;
}