@charset "utf-8";
/*General*/
* {	margin: 0px; padding: 0px; }
p {padding: 3px 5px;}
.fltrt {float: right; margin-left: 8px; }
.fltlft { float: left; margin-right: 8px; }
.clearfloat {	clear:both;     height:0;     font-size: 1px;     line-height: 0px; }
.smaller { font-size: smaller; font-weight: lighter;}
.minithumb {max-height: 20px;}
img {border: none;}
h1 {
	padding: 0px;
	margin: 0px 0px 8px 0px;
	text-decoration:underline;
	color:#700;
	font-size: 24px;
}
h2 {
	padding: 0px;
	margin: 0px 0px 6px 0px;
	text-decoration:underline;
	color:#0033FF;
	font-size: 20px;
}
h3 {
	padding: 0px;
	margin: 0px 0px 5px 0px;
	text-decoration:underline;
	color:#0033FF;
	font-size: 16px;
}
.b {font-weight: bold;}
.i {font-style: italic;}
.u {text-decoration: underline;}
.tf {font-family:"Times New Roman", Times, serif; font-weight: bold;}
.tmf {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight: bold;}
.err {color:#900;}
tr.err , label.err { background-color:#F35654; color:#000;}
label.error {color: #900;}
tr.higlight , label.highlight{ background-color:#0C0; color:#000;}
tr.err td ,tr.highlight td { padding: 1px;}
.hide { display: none;}

/*Containers*/	
body  {
	width: 100%;
	height: 100%;
	background-color: #C2D9FE;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #004;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
#container { 
	position: relative;
	z-index: 1;
	top: 80px;
	width: 950px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 100%;
	min-height: 550px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

/*Header*/
#header {
	position: fixed;
	width: 100%;
	height: 70px;
	top: 0px;
	z-index: 2;
	background: url(images/head-grad.gif) repeat-x;
	padding: 0px;
	border-top: #003 8px solid;
	border-bottom: #003 2px solid;
} 

#toprow div, #secondrow div, #secondrow form, #header p{
	position: relative;
	display: inline;
}

#toprow {
	position: relative;
	width: 950px;
	height: 40px;
	margin: 0px auto;
	text-align: left;
	vertical-align: middle;
	line-height: 26px;
	text-align: left;
}

#toprow img.logo {
	margin-top: 2px;
	width: 500px;
	height: 35px;
	background-color:#FFF;
	border: 1px solid  #000;
	float: left;
}

#date{
	vertical-align:middle;
	text-align: center;
	line-height: 15px;
	font-size:14px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	float: right;
	margin-right: 20px;
}

#controls a{
	height: 22px;
	float: right;
	vertical-align:middle;
	font-size: 20px;
	font-family:"Times New Roman", Times, serif;
	line-height: 22px;
	background: #006;
	color: #FFF;
	text-decoration: none;
	border: 1px solid #039;
	padding: 0px 10px;
	margin: 0px 3px;
}

#controls a:hover{
	background: #00C;
	color: #FF3;
	border: 1px solid #039;
}

#secondrow {
	position: relative;
	width: 950px;
	height: 30px;
	margin: 0px auto;
	vertical-align: middle;
	line-height: 26px;
	text-align: left;
}


#hd-buttons div.button{
	width: 120px;
	height: 26px;
	float: right;
	margin: 0px 0px 0px 8px;
	padding: 0px 3px 0px 3px;
	text-align: center;
	background: url(images/hd-buttons.gif) repeat-x #1a57ad;
	border: 1px solid #09F;
	color:#FF3;
	font-size: 18px;
	line-height: 24px;
	vertical-align: middle;
}
#hd-buttons div.button:hover{
	background: url(images/hd-buttons.gif) repeat-x 0px -30px #267edc;
	color: #000;
}
#hd-buttons div.button.green{
	background: url(images/hd-buttons.gif) repeat-x 0px -60px #5bd67f;
	border-color: #0E0;
}
#hd-buttons div.button.green:hover{
	background: url(images/hd-buttons.gif) repeat-x 0px -90px #85f3b1;	
}

#hd-buttons div.button a{ 
	color:#FF3!important;
	text-decoration: none!important;
	display: block;
}
#hd-buttons div.button:hover a{
	color:#000!important;
	}



/*Content*/
#mainContent {
	position: relative;
	top: 10px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	width: 930px;
	height: 100%;
	z-index: 2;
} 

div.column {
	width: 270px; 
	padding: 15px;
	margin-right: 12px;
	background: url(images/column-grad.gif) repeat-y #C2D9FE;
	border: 1px solid #0458E3;
	border-top-width: 2px;
	float: left;
}
div.column h1, div.column h2, div.column h3{
	text-align: center;
}
div.column.cats h3{
	position: relative;
	background: #09F;
	border: 1px solid #3CF;
	color: #007;
	margin: 5px 10px;
	padding: 5px;
	text-decoration: none;
}
div.column.cats h3 span{
	position: absolute;
	text-align: right;
	line-height: 23px;
	vertical-align: middle;
	right: 5px;
	font-size: 12px;
}
div.column.cats ul{
	margin-bottom: 20px;
}
div.column.cats a{
	text-decoration: none;
	color: #00C;
}
div.column.cats a:hover{
	text-decoration: underline;
	color: #000;
}
.column.wide {
	width: 580px;
}
.column.full {
	width: 950px;
}
.column.end-col {
	margin-right: 0px;
}
.column.highright {
	margin-top: -95px;
	padding-bottom: 110px;
	border-color: #FFF;
	background: url(images/right-col.gif) repeat-y #FF9;
	text-align: center;
}
.column.highright img {
	margin: 0 auto;
}
.column ul li{
	margin-left: 50px;
	list-style: circle;
	padding: 3px;
}
#letters {
	width: 900px;
	background: #FFF;
	border: 1px solid #06F;
	font:"Times New Roman", Times, serif;
	font-size: 16px;
	margin: 10px 0px;
}
#letters img {
	max-height: 250px;
	margin-right: 20px;
	
}
#letters.isitreal img {
	max-height: 1500px;
	max-width: 900px;
	margin-right: 20px;
}
#letters h3 {
	text-align: left;
	padding-left: 20px;
	color:#003;
}
#letters p {
	font-family:"Times New Roman", Times, serif;
}
#letters div {
	background: #003;
	color:#FFF;
	padding: 2px;
	font-size:12px;
}
#letters div p{
	float: right;
	text-align: right;
	vertical-align: middle;
	line-height: 12px;
}
#letters div p a, #letters div p a:visited {
	color:#FF9;
}
#letters div p a:hover {
	color:#FC0;
}
#letters span {
	font-weight: bold;
}
.pagelinks {
	width: 880px;
	background: #FF6;
	padding: 1px 10px;
	border: 1px solid #F90;
}
#advert{
font:"Times New Roman", Times, serif!important;
font-size:14px!important;
}

div.result {
	margin: 0px 10px;
	background-color:#FFF;
	border: 2px solid #7790B8;
}
div.result h2{
	text-align: left;
	font-size: 18px;
	margin-left: 20px;	
	color: #006;
	text-decoration: none;
}
div.result a:hover, div.result a:hover h2{
	text-decoration: underline;
}
div.result p{
	position: relative;
	background-color:#ECECEC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}

div.result p a{
	color: #00C;
	text-decoration: none;
}
div.result p span {
	position: absolute;
	left: 100px;
	border-left: 5px solid #003;
	margin-left: 10px;
	padding-left: 10px;
}
div.result.premium {
	background-color: #FF6;
}
div.result.premium p{
	background-color:#FC3;
}

div.posting {
	width: 420px;
	background-color: #FFF;
	border: 1px solid #000;
	color: #003;
	font-size: 14px;
	font-family:"Times New Roman", Times, serif;
}
div.posting h2 {
	min-height: 10px;
	padding: 10px 10px;
	background-color:#F5F5F5;
	border-bottom: 1px dashed #CCC;
	color: #003;
	font-size: 18px;
	font-family:Verdana, Geneva, sans-serif;
}
div.posting div {
	width: 100%;
	padding: 1px 0px;
	background-color:#0458E3;
	font-size: 12px;
	border-top: 1px dotted #006;
}

/*Promo*/
#promoboxes {
	position: absolute;
	overflow: hidden;
	top: 0px;
	left: 10px;
	width: 177px;
	height: 177px;
	text-align: center;
}
#promoboxes div.items { 
    /* this cannot be too large */ 
    height:20000em;
    position: absolute;
	clear: both;
} 
#promo {
	width: 165px;
	height: 165px;
	background: url(images/promo-grad.gif) repeat-y #fff97a;
	border: 1px solid #FF8040;
	text-align: center;
	padding: 5px;
}
#promo h3{
	color: #B00;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bolder;
}
#promo p {padding: 0px; font-size:14px;}

/*Scroller*/ 
#featured-ads {
	position: relative;
	margin-left: 205px;
	margin-top: 10px;
	height: 90px;
	width: 760px;
	text-align: center;
}
div.scrollable {  
	float:left;		
	position:relative;
	overflow:hidden;
	width: 650px;	 
	height:90px;
}
#featured-ads .items {	
	position:absolute;
	width:20000em;	
	clear:both;
}
 
/* custom positioning for navigational links */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:20px;
	height:20px;
	background:url(images/ico-right.gif) no-repeat;
	float:left;
	margin:35px 10px;
	cursor:pointer;
} 
a.prev, a.prevPage {
	/*background-position: 0px -140px;*/
	background: url(images/ico-left.gif) no-repeat;
	clear:right;	
}

/*a.next:hover, a.nextPage:hover {
	background-position:0px -70px;		
}
a.prev:hover, a.prevPage:hover{
	background-position:0px -210px;		
}
*/
a.disabled {
	visibility:hidden !important;		
}

/* single item */
#featured-ads .items div {
	float:left;
	width:120px;
	height:80px;
	padding: 3px;
	margin-right: 2px;
	cursor:pointer;
	background:#FFF;
	color:#006;
	border: 1px solid #004;
}
/* style when mouse is over the item */
#featured-ads .items div.hover {
	background-color:#FF0;
	border-width: 2px;
}
 
/* style when element is active (clicked) */
#featured-ads .items div.active {
	/*background-color:#82B0FD;
	cursor:default;*/
}

p.promotext {
	position: relative;
	width: 400px;
	margin-left: 190px;
	margin-top: 10px;
	font-size: 16px;
	font-family:"Times New Roman", Times, serif;
	text-align: center;
}

/* Overlay */
div.overlay { 
	position: absolute;
    /* background-image:url(images/overlay/white.png); */
    background: #BDE0FD url(images/white.gif) repeat;
	border: 1px solid #09F;
    width:420px; 
    min-height:370px;         
    display:none; 
	padding: 20px;
	color: #000;
	text-align: left;
} 
 
/* default close button positioned on upper right corner */ 
div.overlay div.close { 
    background-image:url(images/overlay/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
} 
div.overlay p {
	margin: 5px!important;
	color: #000;
}

div.overlay #businfo {
	position: absolute;
	left: 460px;
	background-color: #BDE0F2;
	color: #003;
	padding: 20px;
	border: 2px dotted #006;
}

.accordion {
	width: 100%;
	border: none!important;
	padding: 0!important;
}

/* accordion header */
.accordion div.top{
	background:#09F;
	position: relative;
	margin:0;
	padding:5px 15px;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;	
	font-weight: bold;
}

/* currently active header */
.accordion div.top.current {
	cursor:default;
	background-color:#fff;
}

/* accordion pane */
.accordion div.pane {
	border:1px solid #fff;
	border-width:0 2px;
	display:none;
	padding:15px;
	color:#007;
	font-size:14px;
	min-height: 50px;
}

/* a title inside pane */
.accordion div.pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}
.accordion div.pane div.edit{
	float: right;
	margin-top: -13px;
}

/*Footer*/
#footer {
	bottom: 0px;
	width: 100%;
	text-align: left;
	color: #00B;
	font-size: 12px;
	text-indent: 200px;
	margin-top: 110px;
	margin-bottom: 100px;
} 
#footer hr {
	width: 99%;
	height: 1px;
	margin: 5px auto;
	background-color: #008;
	border: 1px solid #006;
}
#footer a {
	color:#00B;
	text-decoration: none;
}
#footer a:hover {
	color:#00B;
	text-decoration: underline;
}

/*Rounded corners */
#header .button{-moz-border-radius: 12px; -webkit-border-radius: 12px;}
#header #date{-moz-border-radius-topright: 14px; -moz-border-radius-bottomright: 14px; -webkit-border-top-right-radius: 14px; -webkit-border-bottom-right-radius: 14px; }
#header .search-box{-moz-border-radius-topright: 22px; -webkit-border-top-right-radius: 22px;}
#promoboxes{-moz-border-radius: 20px; -webkit-border-radius: 20px;}
#promo{-moz-border-radius: 20px; -webkit-border-radius: 20px;}
div.overlay{-moz-border-radius: 20px; -webkit-border-radius: 20px;}
#featured-ads{-moz-border-radius: 30px; -webkit-border-radius: 30px;}
.column{-moz-border-radius: 23px; -webkit-border-radius: 23px;}
.column ul li{-moz-border-radius: 15px; -webkit-border-radius: 15px;}
div.column.cats h3{-moz-border-radius: 15px; -webkit-border-radius: 15px;}
#controls a{-moz-border-radius-bottomleft: 15px; -moz-border-radius-bottomright: 15px; -webkit-border-bottom-left-radius: 15px; -webkit-border-bottom-right-radius: 15px;}
div.posting{-moz-border-radius-topleft: 15px; -moz-border-radius-bottomright: 5px; -webkit-border-top-left-radius: 15px; -webkit-border-bottom-right-radius: 5px;}
div.posting h2 {-moz-border-radius-topleft: 15px;-webkit-border-top-left-radius: 15px;}
div.posting div {-moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 4px;}