/*_____________________________________________________________________________________
Atlas Casters Main CSS Style Sheet


Version: 1.0
Author: Mark Sorensen
Website: www.atlascasters.com
________________________________________________________________________________________*/
* {margin:0; padding:0;}

/*IMPORTED STYLES
________________________________________________________________________________________*/
@import url("menuh.css");

/*COLOR
________________________________________________________________________________________*/
a{
color:white;
text-decoration: none;
font-size:11px;
}

a:hover {
color:#FFCC66;
}

body {
min-width:800px;
background:#aaa;
scrollbar-face-color:#FFCC66; 
scrollbar-highlight-color:#FFCC66;
scrollbar-shadow-color:#787878;
scrollbar-track-color: #DDDDDD; 
scrollbar-arrow-color:#001868;
}

h1{color:#FFCC66;}
h2{color:white;}

table {
background: white;
border-color:#000066;
color: black;
}

td a:link {color:blue;}
td a:visited {color:#000099;}
td a:hover {color:#333;}
td a:active {color:#666;}

th {background:#FFCC66; color: #000066;}
td {background: white; border-color: #000066;}

td.h1 {color:white; background:#000066;}
td.h2 {color:white; background:#000066;}
td.h3 {color:white; background:#000066;}
td.h4 {color:white; background:#000066;}
td.right {text-align:right;}
.yellow {background:#FFCC66;}
.ltgray {background:#eee;}

input, select, textarea{
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 11px; 
	color: black;
	background-color: white;
	border-style: solid;
	border-width: 1px;
	border-color: black;
}

/*TYPOGRAPHY
________________________________________________________________________________________*/

* {
font-weight: normal;
font-style: normal;
text-decoration: none;
text-align: left;
text-indent: 0;
}

a {text-decoration: underline;}

body {
font-family:verdana,arial,helvetica,sans-serif;
}

h1{font-size:11px; line-height:1.6; font-weight:bold; text-align:center;}
h2{font-size:11px; line-height:1.6; font-weight:bold;}
h3{font-size:10px; line-height:1.2;}

p {
padding: 8px;
font-size:10.5px;
}

td, th {font-size:10.5px;}
td th {text-align:center; font-size:10px; font-weight:bold;}
td.h1 {font-family:verdana,arial,sans-serif; font-size:11px; line-height:1.2; font-weight:bold; padding-top:0;}
td.h2 {font-family:helvetica,arial,verdana,sans-serif; font-size:11px; line-height:1.2; font-weight:bold;}
td.h3 {font-family:arial,verdana,sans-serif; font-size:10.5px; line-height:1.1;}
td.h4 {font-family:arial,verdana,sans-serif; font-size:10.5px; line-height:1.1; text-align: right;}
table.data td, table.data th {font-size:10px; line-height:1.05em;}
b {font-weight:bold;}

/*SIZE & POSITIONING
________________________________________________________________________________________*/

td p {padding: 3px 0px; text-align:left;}

hr {color:black; width:95%; height:2px;}

table {
border-collapse: collapse;
border-width:0px;
border-style:solid;
margin: 0px;
}

th, td {
vertical-align: top;
padding: 2px 4px;
border-width:1px;
border-style:solid;
}
td.h1 {padding-top:0;}

table.data th, table.data td {
padding: 1px;
vertical-align:middle;
text-align: center;
}

table.home {
border-width: 0px 3px 3px 3px;
border-style:solid;
}

table.home td {
border:0;
}

/* Nested tables */
table table{
border-width: 0px;
margin:5px;
}
td td{
border-width:0px;
}
td th{
border-width:0px;
}

/*  Lists */
ul {
list-style-position: outside;
list-style-type: disc;
margin: 5px 0px;
margin-left: 18px;
}

ul ul{
list-style-position: outside;
list-style-type: square;
margin: 2px 0px;
margin-left: 18px;
}

ol {
list-style-position: outside;
margin: 5px 0px;
margin-left: 25px;
}

ul.warning {list-style-type:none; margin-left: 5px;}
li.warning {
background-image:url('images/warning.jpg');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 0 0%;
padding-left: 20px;
line-height:1.6em;}

/*ID BLOCK STYLES
________________________________________________________________________________________*/

#main{
position:relative;
width:780px;
margin:0px auto;
color:white;
background-color:#ddd;
}

#header {
position:absolute;
display:block;
top:0px;
height:50px;
left:0px;
width:100%;
color:white;
z-index:15;
}

#content {
display:inline; /*Fix for IE double margin bug*/
float:left;
width:600px;
margin-top:75px;
margin-left:10px;
margin-bottom:10px;
}

#sidebar{
display:inline; /*Fix for IE double margin bug*/
float:right;
width:150px;
margin-top:75px;
margin-right:10px;
margin-bottom:10px;
}

#overview {
width:150px;
padding-bottom:5px;
background: #000066 url('images/bottom.jpg') no-repeat  bottom left;
}

#quote {
width:150px;
margin-top:10px;
background: #000066 url('images/bottom.jpg') no-repeat  bottom left;
}

#feature {
margin:10px 0;
height:135px;
color:white;
font-size:10.5px;
text-align: center;
background: #000066 url('images/bottom.jpg') no-repeat  bottom left;
}

#feature .text{
font-size: 10px; 
color: white;
border:none;
background-color: #000066;
text-align:center;
}

#footer {
clear: both;
padding: 5px 0px;
background-color:#000066;
font-size:10px;
color:white;
text-align:center;
}

#date {
display:block;
position:absolute;
top:30px;
left:10px;
}

#announcement {
display:block;
position:absolute;
top:10px;
right:10px;
}

#sidebar a, #footer a{
color:white;
text-decoration: none;
font-size:11px;
}

#sidebar a:hover, #footer a:hover{
color:#FFCC66;
text-decoration: none;
font-size:11px;
}

#overview ul.arrow {list-style-type:none; margin-left:5px;}
#overview li.arrow {
background-image:url('images/arrow.jpg');
background-repeat:no-repeat;
background-attachment:scroll;
background-position: 0 50%;
padding-left: 15px;
line-height:1.5;
font-size:11px;
}

#overview ul.sub {
list-style-type:square;
margin-left:15px;
margin-top:-5px;
markgin-bottom:-5px;
}

#overview li.sub {
margin-left:10px;
padding-left:0px;
line-height:1.4;
font-size:10px;
color:#FFCC66;
}

#home_lft{
float:left;
width:240px;
}

#home_rt{
float:right;
width:350px;
}

#intro {
padding: 4px;
color:#000066;
font-size:10.5px;
line-height: 1.2;
background: #FFCC66 url('images/btmy.jpg') no-repeat bottom left;
}

#intro h1{color:#000066;text-align:left;font-size:11px;font-weight:bold;}

#contact {
position:relative;
width:780px;
margin:0px auto;
color:white;
background-color:#ddd;
}
/*CLASSES
________________________________________________________________________________________*/

.tabletop{
border:0;
padding:0;
background:#000066;
}

.tl{
display: float;
float: left;
}

.tr{
display: float;
float: right;
}

.bl{
background: url('images/bl.jpg') no-repeat  bottom left;
}

.br{
background: url('images/br.jpg') no-repeat  bottom right;
}

td.middle {
	vertical-align: middle;
}

.photo240, .photo350 {
padding-bottom:5px;
color:white;
font-size:10.5px;
text-align: center;
}

.photo240 {margin-top:10px; background: #000066 url('images/btm240.jpg') no-repeat  bottom left;}
.photo350 {margin-top:10px; background: #000066 url('images/btm350.jpg') no-repeat  bottom left;}

.photo {
margin:10px 0;
border-style:solid;
border-color:#FFCC66;
border-width:3px;
}

.img {
vertical-align:middle;
text-align:center;
padding:0;
margin:0;
}

img.bottom {vertical-align: text-bottom;
}

.input {font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 11px; 
	color: black;
	background-color: white;
	border-style: solid;
	border-width: 1px;
	border-color: black;
}

.error {
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 11px; 
	color: red;
	font-weight:bold;
}