/* CSS Document */
* { margin:0; padding:0;}

.clear { clear:both;}

html, body { height:100%; }
body {font-size:100%; line-height:1em; text-align:center; background:#282828}
html, input, textarea
	{	font-family:Tahoma; 
		color:#efb8b8;
	}	


.vam{ vertical-align:middle}
.fl{ float:left}
.fr{ float:right}
.tac{ text-align: center}
.width{ width:100%}

h1{
	font-weight:400;
	font-size:28px;
	margin:0 0 15px 0;
	color:#ffffff;
	line-height:28px;
}

a img{ border:0px}
img{ vertical-align:top;  }

b{color:#018eb9;}

a{color:#efb8b8; text-decoration:underline} 
a:hover{text-decoration:none}
.a1{color:#fff; font-weight:bold; background:url(images/arrow1.gif)  center right no-repeat;  margin:0px; padding-right:7px;} 

ul{margin:0 0 0 8px; padding:0; list-style:none;}
ul li{background:url(images/arrow.gif) top left no-repeat; background-position:0 7px; margin:0px; padding-left:10px; }
ul li a{color:#ffffff; text-decoration: underline;  line-height:1.5em} 
ul li a:hover { text-decoration:none; }

#featured h2{font-size:18px;font-weight:400;margin:0 0 10px 0}
#featured {color:#ffffff;width:303px;height:126px;float:right;padding:5px}
/*header*/
#header {font-size:0.6875em; color:#FFFFFF }
#header .logo{ margin:13px 0 80px 200px }
#header a{ background:none }
.block_header{ position:absolute; margin:118px 0px 0px 603px}
.block_header strong{ display:block}

/*content*/
#page1 #content{ background:url(images/bg.gif) repeat-x top #2f2f2f}
#page2 #content{ background:url(images/bg2.gif) repeat-x top #2f2f2f}
#page3 #content{ background:url(images/bg3.gif) repeat-x top #2f2f2f}


#content{ font-size:0.6875em; width:100%; text-align:left; background:url(images/bg.gif) repeat-x top #2f2f2f}
#content .indent{padding:26px 15px 61px 28px}
#content .indent_col2{padding:10px 6px 8px 0px}
#content .indent_col1{padding:6px 21px 8px 27px}
#content .indent_col3{padding:18px 27px 4px 0px}
#content .indent_col4{padding:18px 20px 61px 27px}
#content .title{  margin:-6px 0 7px -20px}
#content .title1{  margin:-6px 0 7px 0px}
#content .pic_left{ float:left; margin:0px 20px 35px 0px}
#content .pic{ margin:0px 0px 6px -6px}
#content .pic1{ margin:0px 5px 0px 0px}
#content .line{ margin:14px 0px 11px -6px}
#content .bann{ position:relative; margin:-16px 0px 0px 0px}
#content p{ margin:0px 0px 7px 0px}
#content .p{ margin:0px 0px 7px 0px}
#content h4{ font-size:1em; color:#ffffff; margin-bottom:7px}


/*block*/
.block{ background:#741919; width:100%}
.block .bg_top{ background: url(images/bg_top.gif) repeat-x top}
.block .bg_bottom{ background: url(images/bg_bottom.gif) repeat-x bottom }
.block .bg_left{ background: url(images/bg_left.gif) repeat-y left }
.block .bg_right{ background: url(images/bg_right.gif) repeat-y right}
.block .bg_top_left{ background: url(images/bg_top_left.gif) no-repeat top left }
.block .bg_top_right{ background: url(images/bg_top_right.gif) no-repeat top right }
.block .bg_bottom_left{ background: url(images/bg_bottom_left.gif) no-repeat bottom left }
.block .bg_bottom_right{ background: url(images/bg_bottom_right.gif) no-repeat bottom right }
.block .indent_block{ padding:16px 13px 25px 26px; }
/*block1*/
.block1{ background:#741919; width:100%}
.block1 .bg_top{ background: url(images/bg_top.gif) repeat-x top}
.block1 .bg_bottom{ background: url(images/bg_bottom.gif) repeat-x bottom }
.block1 .bg_left{ background: url(images/bg_left.gif) repeat-y left }
.block1 .bg_right{ background: url(images/bg_right.gif) repeat-y right}
.block1 .bg_top_left{ background: url(images/bg_top_left1.gif) no-repeat top left }
.block1 .bg_top_right{ background: url(images/bg_top_right1.gif) no-repeat top right }
.block1 .bg_bottom_left{ background: url(images/bg_bottom_left.gif) no-repeat bottom left }
.block1 .bg_bottom_right{ background: url(images/bg_bottom_right.gif) no-repeat bottom right }
.block1 .indent_block{ padding:16px 13px 25px 26px; }
/*block2*/
.block2{ background:#000000; margin:4px 2px 4px 0px}
.block2 .bg_top_left{ background: url(images/bg_top_left2.gif) no-repeat top left }
.block2 .bg_top_right{ background: url(images/bg_top_right2.gif) no-repeat top right }
.block2 .bg_bottom_left{ background: url(images/bg_bottom_left2.gif) no-repeat bottom left }
.block2 .bg_bottom_right{ background: url(images/bg_bottom_right2.gif) no-repeat bottom right }
.block2 .indent_block{ padding:3px 8px 3px 4px; }


#page2 #content .pic1{ margin:0px 12px 0px 0px}
#page3 #content{ color:#ffffff}
#page3 #content span{ color:#efb8b8}

/*footer*/
#footer { color:#818181; font-size:0.6875em; background:url(images/bg_bot.gif) repeat-x; padding:30px 0px 20px 0px; text-align:center}
#footer a {color:#656565; text-decoration:underline}  
#footer a:hover {  text-decoration:none}


.input{
	width:101px; 
	font-size:1em;
	vertical-align:middle;
	padding-left:5px;
	color:#000000;
	margin-right:3px
}


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 3px solid #b51d1f;
	text-align: center;
	background-color: #741919;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */