/*------------- reset -------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, /*ul, li,*/
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol/*, ul*/ {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*----------- end reset -----------*/

html { height: 100%; }

body { height: 100%; background: #000 url('bg.jpg') repeat 50% 0; color: #000; font: 11px  Arial, Helvetica, Verdana, sans-serif; }

a { color: #9f0b00; text-decoration: none; }
a:hover { text-decoration: underline; }

#all { min-height: 100%; }

.inner { width: 949px; margin: 0 auto; }

.clearer { clear: both; width: 100%; height: 0; overflow: hidden; font-size: 0; line-height: 0; }

.hidden { display: none; }

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

#head { background: #000 url('bg_head.jpg') no-repeat 47% 0; }

#head .inner { position: relative; z-index: 4; width: 949px; height: 150px; }

.logo { display: block; position: absolute; top: 41px; left: 8px; height: 70px; width: 502px; }
/*.logo img { border: none; }*/

.slogan { position: absolute; bottom: 15px; right: 0; }
/*.slogan img { border: none; }*/

.header { position: absolute; left: 0; bottom: 0; padding: 5px 0; }

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

/*-------------- Menu ---------------*/

#menu { position: relative; z-index: 3; background-color: #000; }

ul.menu { /*height: 33px;*/ background-color: #000; margin: 0; padding: 0; list-style: none; }
ul.menu li { position: relative; display: block; float: left; background-color: #000; }
ul.menu li a { display: block; padding: 7px 18px; text-decoration: none; color: #fff; font-size: 11px; font-family: Arial, Tahoma, Verdana, sans-serif; text-transform: uppercase; position: relative; }
ul.menu li:hover, ul.menu li.hover, ul.menu li.active { background-color: #fff; }
ul.menu li:hover a, ul.menu li.hover a, ul.menu li.active a { color: #9f0b00; }
ul.menu li a:hover { text-decoration: none; }

/* submenu */

ul.menu li ul { display: none; position: absolute; top: 100%; left: 0; margin: 0; padding: 0 11px 0 0; list-style: none; min-width: 100%; background: #9f0b01 url('bg_menu.gif') no-repeat 100% 0; }
ul.menu li:hover ul, ul.menu li.hover ul { display: block; }
ul.menu li li { float: none; padding: 0 7px 0 18px; background: none; }
ul.menu li li a { padding: 5px 18px 5px 0; border-top: 1px solid #c56d67; color: #fff; font-weight: normal; text-transform: none; }
ul.menu li:hover li, ul.menu li.hover li, ul.menu li.active li { background: none; }
ul.menu li:hover li a, ul.menu li.hover li a, ul.menu li.active li a { color: #fff; }
ul.menu li li:first-child a, ul.menu li li.first-child a { border: none; }
ul.menu li li a:hover, ul.menu li li.active a { background: url('bg_menu_hover.gif') no-repeat 100% 50%; }

/* submenu end */

ul.menu1 { float: right; padding: 6px 15px 6px 0; background-color: #000; margin: 0; list-style: none; }
ul.menu1 li { display: block; float: left; padding-left: 15px; }
ul.menu1 li.arrow { padding-right: 12px; background: url(arrow4.gif) no-repeat center right; }
ul.menu1 li a { font-size: 12px; color: #fff; }

ul.menu2 { float: right; /*margin-top: -15px;*/ margin: 0; padding: 0; list-style: none; }
ul.menu2 li { display: block; float: left; padding: 0 10px; border-right: 1px solid #000; }
ul.menu2 li a { font-size: 12px; }
ul.menu2 li a img { margin-left: 5px; vertical-align: middle; border: none; }
ul.menu2 li.last { border-right: none; padding-right: 0; }

/*------------ End Menu -------------*/

/*------------- Content -------------*/

.content { position: relative; z-index: 2; padding-bottom: 33px; width: 100%; }
.content .inner { width: 929px; padding: 10px 10px 0; background-color: #fff; overflow: hidden; }

.box { font-size: 12px; border: 1px solid #ccc; background: #fff /*url('bg_box.gif') no-repeat top left*/; padding: 15px; margin: 0 0 10px; overflow: hidden; }
.box p, .box LI, .box tr, .box th, .box td {font-size: 12px}

.col1 { float: left; width: 619px; /*margin-right: 10px;*/ }
.col2 { float: right; width: 300px; }

h1, h2, h3, h4, h5, h6 { color: #9f0b00; }

h1 { font-size: 16px; font-family: Arial, Tahoma, Verdana, sans-serif; text-transform: uppercase; }
h2 { font-size: 14px; font-family: Arial, Tahoma, Verdana, sans-serif; text-transform: uppercase; }
h3 { font-size: 12px; font-family: Verdana, Tahoma, Arial black, sans-serif; }
h4 { font-size: 10px; font-family: Tahoma, Arial black, Verdana, sans-serif; display: inline; margin-right: 5px; }

/*img { border: 1px solid #ccc; }*/

.feature { padding: 0; }
.banner { margin-bottom: 10px; }

.spongecell { position: relative; width: 300px; height: 250px; }
.spongecell img { position: absolute; top: 0; left: 0; z-index: 0; }
.spongecell div { position: relative; z-index: 1; }

p.date { font-weight: bold; font-size: 10px; font-family: Verdana, Arial, sans-serif; }
p.error { background: #f00; color: #fff; padding: 3px 10px; text-align: center; font-weight: bold; }
p.line { background: url('line.gif') repeat-x top left; height: 2px; margin: 10px 0; clear: both; }

a.more { display: block; float: right; padding-right: 10px; background: url('arrow2.gif') no-repeat center right; text-transform: uppercase; font-weight: bold; font-size: 12px; }
a.webfeed { display: block; float: right; margin-top: -20px; padding-right: 17px; background: url('rss.gif') no-repeat center right; }
a.banner { display: block; }
/*a.banner img { border: none; }*/

.poster { display: block; float: left; margin: 20px 3px; }
/*.poster img { border: none; }*/

.logos { display: block; float: left; margin: 10px 20px 10px 0; }
/*.logos img { border: none; }*/

form#third_party_form input.text { height: 21px; padding-top: 5px; margin: 0 20px 5px 0; }
form#third_party_form textarea { height: 85px; padding: 3px; margin-right: 15px; }
form#third_party_form input.formButton{ height:auto !important; margin: 3px 15px 0 0!important; font-size: 18px!important; background-color:#9f0b00;}
form#third_party_form .formText{ color: #9f0b00; font-weight:normal!important;}
form#third_party_form table.formBorder{border:0px solid red;}

form.contact { margin-top: 15px; overflow: hidden; }
form.contact div { float: left; }
form.contact p { color: #9f0b00; }
form.contact input { width: 114px; height: 21px; padding-top: 5px; margin: 0 20px 5px 0; }
form.contact textarea { width: 250px;  height: 85px; padding: 3px; margin-right: 15px; }
form.contact p.button input, .box p.button { margin: 3px 15px 0 0!important; font-size: 18px!important; }
form.contact div.text { width: 140px; margin-top: 12px; }
form.contact div.text p { color: #2F4F4F; }

form.register { margin-top: 15px; }
form.register td { padding: 4px 10px 4px 0; vertical-align: middle; }
form.register td input { height: 21px; padding-top: 5px; width: 300px; }

table.renewpass { margin: 20px 0; }
table.renewpass th, table.renewpass td { padding: 4px 10px 4px 0; vertical-align: middle; }
table.renewpass td input { height: 21px; padding-top: 5px; width: 230px; }

ul.news { margin: 0; padding: 0; list-style: none; }
ul.news li { clear: both; overflow: hidden; padding: 7px 0; }
ul.news li a img { display: block; float: left; width: 99px; height: 99px; margin: 0 15px 0 0; border: 1px solid #ccc; }
ul.news li h3 a { color: #9f0b00; }
ul.news li div { color: #2F4F4F; height: 89px; margin-left: 115px; padding-bottom: 10px; border-bottom: 2px solid #debbbf; /*overflow: hidden;*/ }

ul.blogs { margin: 0; padding: 0; list-style: none; margin-top: 20px; border-top: 2px solid #debbbf; }
ul.blogs li { padding: 3px 0; border-bottom: 2px solid #debbbf; }
ul.blogs li h3 a { color: #9f0b00; }
ul.blogs li div { position: relative; width: 100%; height: 2.6em; overflow: hidden; line-height: 1.3em; }
ul.blogs li div p { float: left; overflow: hidden; color: #2F4F4F; }
ul.blogs li div i { position: relative; z-index: 10; display: block; float: right; height: 100%; padding: 0 2px; color: #fff; background-color: #fff; }
ul.blogs li div b { position: absolute; right: 0; bottom: 0; z-index: 1; padding: 0 1px; font-weight: normal; background-color: #fff; }
ul.blogs li p.post { margin-top: 30px; font-weight: bold; font-size: 10px; color: #2F4F4F; }
ul.blogs li p.post span { color: #9f0b00; margin-right: 5px; }
ul.blogs li p.post a { color: #2F4F4F; margin-right: 5px; }


/* form fields */

input, textarea { border: 0; background: #d5d5d5 url('bg_input.gif') no-repeat top left; font: 14px  Arial, Helvetica, Verdana, sans-serif; }
p.button { text-align: right; }
p.button input { background-image: none; background-color: #820010; width: auto; height: auto; margin: 0; padding: 0; color: #fff; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; cursor: pointer; }

/* end form fields */


.ads { margin-bottom: 10px; overflow: hidden; background-color: #4e4e4e; }
.ads a.banner { margin-bottom: 0; }
.ads a.banner img { display: block; }
.ads a.but { display: block; float: left; width: 148px; height: 19px; background: #4e4e4e url('ads_button.gif') repeat-x top left; border: 1px solid #5b5b5b; line-height: 18px; color: #fff; font-weight: bold; font-size: 12px; font-family: Arial Black, Arial, Verdana, sans-serif; text-align: center; }
.ads a.but span { padding-left: 20px; background-position: center left; background-repeat: no-repeat; }
.ads a.a span { background-image: url('ads_ico1.gif'); }
.ads a.b span { background-image: url('ads_ico2.gif'); }
.ads a.c span { background-image: url('ads_ico3.gif'); }
.ads a.d span { background-image: url('ads_ico4.gif'); }


.creative { /*padding-right: 10px;*/ }
.creative .col2 { width: 290px; }
.creative .ads { margin: 0 10px 10px 0; float: left; /*overflow: hidden;*/ }
.creative .ads a.but { float: none; width: 158px; }

/*----------- End Content -----------*/

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

#footer { position: relative; z-index: 2; height: 33px; margin-top: -33px; line-height: 33px; color: #fff; background-color: #000; font-size: 10px; }
#footer a { color: #fff; }
#footer p.copyright { float: right; }
#footer p a { padding-right: 18px; }
#footer p a.rss { background: url(rss.gif) no-repeat scroll 0 1px; padding-left: 17px; }

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

/*-------- Abs pos elements --------*/
#login { position: absolute; background: #fff; z-index: 101; margin-top: 5px; border: 1px solid #820010; white-space: nowrap; }
#login table { margin: 5px 10px; }
#login table th { vertical-align: middle; text-align: left; padding: 3px 5px 3px 0; white-space: nowrap; }
#login p { margin: 5px 10px; }
#login p.button, #login p.error { margin: 0; }
#login a.more { float: none; text-align: right; }

#subscribe { position: absolute; background: #fff; z-index: 101; margin-top: 5px; border: 1px solid #820010; }
#subscribe table { margin: 5px 10px; }
#subscribe table th { vertical-align: middle; text-align: left; padding: 3px 5px 3px 0; white-space: nowrap; }
#subscribe p.button { white-space: nowrap; }

#links { position: absolute; background: #fff; z-index: 101; padding: 5px 10px; margin-top: 5px; border: 1px solid #820010; white-space: nowrap; }
/*------ End Abs pos elements ------*/