@charset "utf-8";
body {
	font: 12px Verdana, Helvetica, Arial, sans-serif;
	background: url(images/bkg_body.jpg);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	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: #666;
}
a:link {text-decoration: underline;color:#F63844;border: 0px;}
a:visited {text-decoration: underline;color:#F63844;border: 0px;}
a:hover {text-decoration: underline;color:#acacac;border: 0px;}
a:active {
	text-decoration: none;
	color:#acacac;
	border: 0px;
	text-align: right;
}
a img {border:0px; padding:0;}

img {border:0px; padding:0;}

ul li {padding-bottom: 12px;}

table {border:0; font-size:100%; color:#acacac;}
table, td {border:0; border-collapse:collapse; font-size:100%; color:#acacac;}
table, td, img {border:0;}
table #main table {width: 351px; height: 364; color:#acacac; padding: 24px;}
table #box {
	background: url(images/bkg_info-box.jpg);
	font-size:100%;
	color:#acacac;
	width: 351px;
	height: 364px;
	background-repeat: no-repeat;
}
table #box table {width: 351px; height: 364; color:#acacac; padding: 24px;}
table #box table p {padding: 0 12px;}
table #box2 {width: 340px; height: 201px; margin-left: 8px; display:inline;}
html>body table #box2 {width: 320px; height: 201px; margin-left: 18px;}
table #box2 ul {padding-left: 28px; padding-top: 6px;}
html>body table #box2 ul {padding-left: 38px; padding-top: 10px;}
table #box2 ul li {padding-bottom: 10px;}
table #box3 {background: url(images/info_box-sm.jpg); width: 320px; height: 74px; margin-left: 8px; font-size: 10px; padding-top: 12px;}
table #box4 {background: url(images/info_box-sm.jpg); width: 320px; height: 74px; margin-left: 8px; font-size: 12px; padding-top: 14px;}
table #box4 p {padding-top: 12px;}
table #box4 ul {padding-bottom: 12px;}

.table { width: 726px;}

table #galbox {
	background: url(images/info_box-gal.jpg);
	padding: 8px 0 8px 0;
	color:#acacac;
	width: 281px;
	height: 315px;
}
table #galbox p {padding: 0 8px 0 8px;}

table #autogal {
	background: #000;
	padding: 0;
	width: 726px;
	height: 570px;
}

.wrapper #galnav a:link {text-decoration: underline;color:#acacac;border: 0px;}
.wrapper #galnav a:visited {text-decoration: none;color:#acacac;border: 0px;}
.wrapper #galnav a:hover {text-decoration: underline;color:#BE202F;border: 0px;}
.wrapper #galnav a:active {text-decoration: none;color:#BE202F;border: 0px;}

/*container*/
.wrapper #container {
	margin: 0;
	padding: 0;
	width: 766px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #acacac;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #050505;
}

/*header*/
.wrapper #header {
	background: url(images/bkg_hdr.jpg);
	padding: 0;
	height: 199px;
}
.wrapper #header #nav {
	background: url(images/bkg_nav2.jpg);
	height: 199px;
	padding: 0 0 0 260px;
}

/*header-main*/
.wrapper #headerm {
	background: url(images/bkg_hdr-main.jpg);
	padding: 0;
	height: 442px;
}
.wrapper #headerm #nav {
	background: url(images/bkg_nav.jpg);
	height: 184px;
	padding: 0 0 0 260px;
}
.wrapper #headerm #hdrinfo {
	padding:98px 0 0 0;
}

/*content*/
.wrapper #mainContent {
	margin: 0;
	padding: 10px 20px 10px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color: #181818;
}

form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}

/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:270px;
padding:10px 10px 10px 18px;
}

/* ----------- stylized ----------- */
#stylized{
border:solid 2px #be202f;
background:#303030;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#FFFFFF;
padding-bottom:10px;
}
#stylized label{
color:#FFFFFF;
font-size:11px;
display:block;
font-weight:bold;
width:250px;
padding-left:8px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
padding:2px;
width:250px;
margin:4px;
}
#stylized select{
float:left;
font-size:12px;
padding:2px;
width:250px;
margin:4px;
}
#stylized textarea{
float:left;
font: 11px Verdana, Helvetica, Arial, sans-serif;
padding:2px;
width:250px;
margin:4px;
}
#stylized button{
clear:both;
width:64px;
height:28px;
background:url(images/submit.gif) no-repeat;
text-align:center;
line-height:30px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

/*footer*/
.wrapper #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: url(images/bkg_footer.jpg);
	height: 108px;
}
.wrapper #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 20px 0 0 8px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 10px;
	color: #555;
}
.wrapper #footer #nav p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 20px 0 0 12px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align: center;
}
.wrapper #footer #nav a:link {text-decoration: underline;color:#acacac;border: 0px;}
.wrapper #footer #nav a:visited {text-decoration: none;color:#acacac;border: 0px;}
.wrapper #footer #nav a:hover {text-decoration: underline;color:#BE202F;border: 0px;}
.wrapper #footer #nav a:active {text-decoration: none;color:#BE202F;border: 0px;}

.wrapper #footer a:link {text-decoration: underline;color:#555;border: 0px;}
.wrapper #footer a:visited {text-decoration: none;color:#555;border: 0px;}
.wrapper #footer a:hover {text-decoration: underline;color:#000;border: 0px;}
.wrapper #footer a:active {text-decoration: none;color:#000;border: 0px;}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
	font-size: 80%;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin: 0 20px 20px 0;
}


p {
	padding: 0 8px 6px 8px;
}

.styleT1 {
	color: #acacac;
	font-size: large;
	font-weight: bold;
}
.styleT2 {
	color: #be202f;
	font-size: medium;
	font-weight: bold;
}
.styleT3 {
	color: #be202f;
	font-size: large;
	font-weight: bold;
}
.styleT4 {
	color: #acacac;
	font-size: medium;
	font-weight: bold;
}
.styleN1 {
	color: #acacac;
	font-size: x-large;
	font-weight: bold;
}
.styleN2 {
	color: #F63844;
	font-size: x-large;
	font-weight: bold;
}
.style1 {
	color: #acacac;
	font-size: 12px;
	font-weight: bold;
}
.style1b {
	color: #acacac;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
}
.style1c {
	color: #acacac;
	font-size: 12px;
}
.style2 {
	color: #acacac;
	font-size: 14px;
	font-weight: bold;
}
.style2b {
	color: #acacac;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}
.style2c {
	color: #acacac;
	font-size: 14px;
}
.style3 {
	color: #F63844;
	font-size: 12px;
	font-weight: semi-bold;
}
.style3b {
	color: #F63844;
	font-size: 12px;
	font-weight: semi-bold;
	font-style: italic;
}
.style3c {
	color: #F63844;
	font-size: 12px;
}
.style4 {
	color: #F63844;
	font-size: 14px;
	font-weight: bold;
}
.style4b {
	color: #F63844;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}
.style4c {
	color: #F63844;
	font-size: 14px;
}
.style5 {
	color: #BE202F;
	font-size: x-large;
	font-weight: semi-bold;
}