/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:url(images/body-bg.gif) top center; text-align:center;}
.top-line{ background:url(images/top-line.gif) top repeat-x;}
#main{ padding:0 18px 0 21px;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.5625em; text-transform:uppercase; line-height:1.333em; color:#00ff00;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#ffffff; text-decoration:none}
a:hover{text-decoration:underline;}
p {padding-top:11px;}
strong{ display:block; color:#ffffff;}
.strong1{ background:#009500; display:inline-block; padding:1px 6px 2px 5px; margin-bottom:4px;}

/* ============================= main layout ====================== */
.imgindent {margin:0 18px 0 0; float:left;}
.phone{ float:right; padding-right:20px;}
.space1{ margin-left:35px;}
.padding1{ padding-top:27px;}
.padding2{ padding-top:20px;}

/* ============================= header ====================== */
#header{ background:url(images/dcback2.png) bottom no-repeat; padding:23px 1px 0 0;}
#header .top{ background:url(images/line-bg.gif) top right no-repeat; width:100%; overflow:hidden;}
#header .header-link{ background:url(images/header-link-bg.gif) no-repeat 0 0; display:inline-block; padding:2px 0 2px 20px; margin:20px 15px 0 0; float:right}
#header .logo{ padding-left:25px;}
#header .slogan{ text-align:right; padding:352px 20px 0 0}
#header .slogan span{ display:block; color:#929191; padding-bottom:1px;}
#header .bot{ padding-top:33px; width:100%; overflow:hidden;}
#header .menu{ padding-top:20px;}
#header .menu li{ float:left; padding:0 20px 0 21px;}
#header .menu a{ background:url(images/menu-item-bg.gif) no-repeat 0 4px; display:block; padding:2px 8px 1px 12px;}
#header .menu a:hover, #header .menu .active{ background:#009500; text-decoration:none;}
#header .link2, #SignupForm .link2{ display:inline-block; float:right; background:url(images/form-link2-bg.gif) top repeat-x; padding:5px 10px 5px 10px; margin:4px 15px 0 0;}
#header .link2:hover, #SignupForm .link2:hover{ text-decoration:none; background:url(images/form-link2-bg-act.gif) top repeat-x;}

/* ============================= content ====================== */
#content{ padding-top:7px;}
.bot-border{ background:url(images/bot-border.gif) bottom repeat-x; padding-bottom:3px;}
.top-border{ border-top:solid 1px #505051; background:url(images/content-bg.gif) top center;}
.indent{ padding:31px 15px 29px 25px;}
.title{ padding-bottom:24px;}
.maxheight{ background:url(images/content-bg2.gif) top center;}

.link{ display:inline-block; background:url(images/link-bg.gif) left top no-repeat #3e3b3b; padding:2px 6px 2px 20px; margin-top:20px;}
.link:hover{ background:#777777; text-decoration:none; padding:2px 13px 2px 13px;}

.box{ background:url(images/content-bg2.gif) top center; border-bottom:solid 1px #3a3939;}
.box .indent{ padding:31px 20px 23px 24px;}

.list li{ line-height:2em; background:url(images/link-img.gif) no-repeat 0 3px; padding-left:15px;}

/* ============================= footer ====================== */
#footer{ color:#ffffff;}
#footer a{ color:#9e9e9e;}
#footer .text{ padding-top:17px;}

/* ============================= forms ============================= */
#HeaderForm{ float:right; color:#ffffff; border-left:solid 1px #222222; padding:18px 32px 14px 27px; }
#HeaderForm select{ text-transform:none; font-size:1.222em; width:130px; height:19px; padding-left:8px;}

#LoginForm{ color:#919191;}
#LoginForm label{ display:block; height:36px;}
#LoginForm span{ background:url(images/form-link-bg.gif) no-repeat 0 2px; display:inline-block; padding-left:10px; width:60px;}
#LoginForm input{ border:solid 1px #000000; background:#494949; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#919191; padding:4px 5px 4px 5px; width:144px; text-transform:uppercase;}
#LoginForm .link1{ background:url(images/form-link-bg.gif) no-repeat 0 2px; padding-left:10px; float:right; color:#919191; display:inline-block; margin:-7px 15px 0 0;}
#LoginForm .link2, #SignupForm .link2{ display:inline-block; float:right; background:url(images/form-link2-bg.gif) top repeat-x; padding:7px 13px 9px 13px; margin:4px 15px 0 0;}
#LoginForm .link2:hover, #SignupForm .link2:hover{ text-decoration:none; background:url(images/form-link2-bg-act.gif) top repeat-x;}

#SignupForm{ color:#919191; margin-top:-10px;}
#SignupForm input{ border:solid 1px #000000; background:#494949; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#919191; padding:4px 5px 4px 5px; width:215px; text-transform:uppercase; display:block; margin-top:15px;}
#SignupForm .link2{padding:7px 10px 9px 10px; margin:13px 20px 0 0;}

#ContactForm{ padding-top:25px;}
#ContactForm label{ display:block; height:30px;}
#ContactForm span{ display:inline-block; width:60px;}
#ContactForm input{ border:solid 1px #7d7d7d; background:#ffffff; font-size:1em; font-family:Arial, Helvetica, sans-serif; color:#000000; text-transform:uppercase; padding:2px 0 1px 2px; width:168px;}
#ContactForm textarea{ border:solid 1px #7d7d7d; background:#ffffff; font-size:1em; font-family:Arial, Helvetica, sans-serif; color:#000000; text-transform:uppercase; padding:2px 0 1px 2px; width:168px; vertical-align:top; overflow:auto; height:118px;}
#ContactForm .link{ margin:26px 17px 0 0;}
