@charset "utf-8";
/*-----
CSS document coded by vipmerv (Mervstudios)
 - vipmerv@yahoo.com
 - Http://www.mevstudios.com
-----*/

body { 
	background: url(../images/sitebg.jpg); margin: 0px; padding: 0px; 
	font-family: "Bank Gothic", Tahoma, Arial, Helvetica, sans-serif; font-size: 15px; 
	color: #222222; text-align: center; 
	}

tr, td { font-size: 15px; line-height: 18px; }

a { color: #0066FF; text-decoration: none; }
a:link { color: #0066FF; text-decoration: none; }
a:visited { color: #0066FF; text-decoration: none; }
a:hover { color: #0033FF; text-decoration: none; }

#pagecontainer { background: #00001A; width: 1026px; border-left: 1px solid #00001A; border-right: 1px solid #00001A; margin-left: auto; margin-right: auto; padding-bottom: 15px; }

img { border: none; }

/*----- Header -----*/

#headercontainer { background: url(../images/header.jpg) top left no-repeat; width: 1024px; height: 126px; margin-left: auto; margin-right: auto; }

.topnav {
	float: right;
	width: 830px;
	font-family: Tahoma;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 11px;
	padding-bottom: 11px;
	margin-top: 88px;
	}
.topnav a { padding-left: 10px; padding-right: 10px; color: #CCCCCC; text-decoration: none; }
.topnav a:link { color: #CCCCCC; text-decoration: none; }
.topnav a:visited { color: #CCCCCC; text-decoration: none; }
.topnav a:hover { color: #FFFFFF; text-decoration: none; }

#active { color: #0099FF; text-decoration: none; }

html>body .topnav { width: 830px; }

/*----- Contents -----*/

#contentcontainer { background: url(../images/contentbg.jpg) #00001A top left no-repeat; width: 1024px; margin-left: auto; margin-right: auto; }

#frontflash { background: #222222; width: 1000px; height: 400px; text-align: center; margin-left: auto; margin-right: auto; }
#bannerflash { background: #222222; width: 996px; height: 250px; text-align: left; margin-left: auto; margin-right: auto; }
#topheader { background: #FFFFFF; padding-top: 2px; padding-bottom: 2px; width: 1000px; margin-left: auto; margin-right: auto; }

#whitecontainer { background: #FFFFFF; width: 996px; padding: 2px; margin-left: auto; margin-right: auto; }

.frontcontent { width: 322px; text-align: left; vertical-align: top; line-height: 18px; font-size: 14px; }
.frontsaperator { background: url(../images/frontpagesaperator.jpg) top left no-repeat; width: 15px; height: 200px; }
.innersaperator { background: url(../images/innerpagesaperator.jpg) top left no-repeat; width: 15px; height: 540px; }

#contentheading { font-size: 18px; font-weight: bold; padding-top: 15px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; font-family: Tahoma; }
#contentheading2 { font-size: 18px; font-weight: bold; padding-top: 15px; padding-bottom: 10px; font-family: Tahoma; color: #0066FF; }
#contentfront { padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; text-align: left; }
#innercontent { text-align: left; font-size: 14px; line-height: 18px; }

.fronticon { vertical-align: top; width: 85px; }
.fronttext { vertical-align: top; text-align: left; }

#buttonleft { text-align: center; padding-top: 25px; padding-bottom: 20px; }

#thecontent { padding-top: 5px; padding-left: 15px; padding-right: 15px; }
.contentleft { width: 250px; vertical-align: top; }
.contentright { text-align: left; vertical-align: top; padding-left: 15px; padding-right: 15px; }

#bgadd { background: url(../images/bg_addspace.jpg) top center no-repeat; height: 160px; text-align: left; font-family: Tahoma; }
#addtitle { padding-top: 15px; padding-left: 30px; padding-right: 30px; font-size: 18px; font-weight: bold; color: #999999; letter-spacing: -1px; }
#addcontent { padding-top: 5px; padding-bottom: 5px; padding-left: 30px; padding-right: 30px; font-size: 14px; color: #444444; }

.readmore { float: right; background: #333333; padding: 4px; color: #FFFFFF; text-align: center; width: 90px; margin-top: 20px; font-size: 11px; }
html>body .readmore { width: 86px; }

.readmore a { color: #FFFFFF; text-decoration: none; }
.readmore a:link { color: #FFFFFF; text-decoration: none; }
.readmore a:visited { color: #FFFFFF; text-decoration: none; }
.readmore a:hover { color: #0099FF; text-decoration: none; }

.loginframe { padding: 10px; border: 1px solid #CCCCCC; background: #F2F2F2; width: 400px; margin-left: auto; margin-right: auto; }
.redalert { color: #FF0000; font-size: 11px; padding-top: 5px; padding-bottom: 5px; line-height: 16px; text-align: center; }
.greenalert { color: #33CC00; font-size: 11px; padding-top: 5px; padding-bottom: 5px; line-height: 16px; text-align: center; }

.listingheader { background: #CCCCCC; padding: 5px; text-align: center; text-transform: uppercase; font-weight: bold; }
.listingcontent { background: #F2F2F2; padding: 10px; text-align: center; }
.listingcontent img { border: 3px solid #333333; }

.listdetailleft { font-weight: bold; vertical-align: top; padding: 10px; text-align: left; background: #F9f9F9;  }
.listdetailright { vertical-align: top; padding: 10px; text-align: left; background: #F9f9F9; }
.listdetailright img { border: 3px solid #333333; }

.formleft { padding: 5px; vertical-align: top; text-align: left; font-weight: bold; }
.formright { padding: 5px; vertical-align: top; }
.formspacer { }
.form { border: 1px solid #CCCCCC; background: #F2F2F2; padding: 2px; }

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

#footer { background: url(../images/footer.jpg) top left repeat-x; width: 996px; padding-top: 13px; padding-bottom: 11px; font-size: 11px; }

#footer a { font-weight: bold; color: #222222; text-decoration: none; }
#footer a:link { color: #222222; text-decoration: none; }
#footer a:visited { color: #222222; text-decoration: none; }
#footer a:hover { color: #0066FF; text-decoration: none; }