/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


body { line-height: 1.5; background: #fff; margin:0em 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }






/*******************************************************
TITLE: Fixed Three-Column Over Four-Column Layout V1.0
DATE: 060508
AUTHOR: KHorton
*******************************************************/

body {
margin:.5em;
padding:0;
height:100%;
background-color:#70747E;
color:#000000;  
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
}

p { 
margin: 0 1em 1em 0; 
}

a {
color:#70747E;
text-decoration:none;
}

a:hover {
color:#70747E1;
text-decoration:underline;
}

blockquote {
margin:1em;
padding:.5em .5em .5em 85px;
background-color:#D7ECF8;
}

blockquote p {
margin:.2em;
color:#000000;
}

hr {
margin-bottom:10px;
border:none;
width:99%;
color:#eeeeee;
background-color:#eeeeee;
height:1px;
clear:both;
}

td.desc {
padding:4px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.7em;
}

#postHeader { 	
margin:0 auto;
padding:0 .2em .3em .2em;
width:960px;
text-align:right;
vertical-align: middle;	
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.7em;
text-transform:uppercase;

}


#centerColumn { 	
margin:0 auto;
padding:1em;
width:960px;
text-align:left;
vertical-align: middle;	
background-color:#ffffff;
}
#centerColumn h1 {
margin:0 0 1em 0;
padding:0 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
}


#centerColumn h2 {
margin:0 0 1em 0;
padding:0 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
}

#centerColumn h3 {
margin:0 0 0 0;
padding:0 0 0 0;
font-size:.8em;
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:.1em;
}

#navbar {
margin:-1em -1em 0 -1em; /* Mozzila attributes */
padding:1em 0 1em 0 !important; /* IE specific attributes */
padding:1em 0 0 0;
background-color:#E1E9FE;
}

#navbar ul {
margin:0 0 -1em .3em !important;
margin:.3em 0 0 .3em;
padding:0 0 1em 0;
list-style:none;
background-color:#E1E9FE;
}

#navbar li {
margin:0 0 0 -.27em;
padding:.2em 0 .2em 0 !important;
padding:1em 0 1em 0;
list-style:none;
display:inline;
background-color:#E1E9FE;
}

#navbar li a {
margin:0 0 0 0;
padding:1em .5em 1em .5em !important;
padding:1em .5em 0 .5em;
}

#header {
margin:0 -1em 0 -1em;
padding:0 0 0 0;
height:143px;
background-image:url(../images/header_2.jpg);
border-top:1px solid #ffffff;

}

#header h1 {
margin:0 0 0 0;
padding:10px 0 0 .9em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.7em;
font-weight:lighter;
letter-spacing:.15em;
color:#ffffff;
}

#header h2 {
margin:0 0 0 0;
padding:1em 0 0 30px;
font-size:.9em;
font-weight:300;
letter-spacing:.1em;
color:#000000;
}

#cell_1 {
margin:0 5px 1em 0;
padding:8px;
float:left;
width:290px;
height:270px;
background-color:#9DA2B1;
}

#cell_2 {
margin:0 14px 1em 14px;
padding:8px;
float:left;
height:270px;
width:290px;
background-color:#6F85BE;
}

#cell_3 {
margin:0 0 1em 5px;
padding:8px;
float:left;
height:270px;
width:290px;
background-color:#95B2FE;
}

#cell_1 p, #cell_2 p, #cell_3 p {
font-size:.75em;
color:#000000;
}

#cell_1 h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding:4px 0 10px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
}

#cell_2 h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding:4px 0 10px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
}

#cell_3 h2 {
margin:0 0 -4px 0 !important;
margin:0 0 -20px 0;
padding:4px 0 10px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
}

.barepic {
border:none;
}

.right {
float:right;
margin:5px;
padding:2px;
}

.left {
float:left;
margin:5px;
padding:2px;
}

.center {
width:auto;
margin-left:auto;
margin-right:auto;
}

.news em {
font-size:.8em;
color:#000000;
}

.logo {
margin-right:0em; 
margin-top:.2em;
float:Right; 
 }


#cell_1 ul.news, #cell_2 ul.news, #cell_3 ul.news {
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}

#cell_1 li.news, #cell_2 li.news, #cell_3 li.news {
margin:0 0 .3em 0;
padding:5px 0 6px 10px;
font-size:.75em;
}

#cell_1 ul, #cell_2 ul, #cell_3 ul {
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}

#cell_1 li, #cell_2 li, #cell_3 li {
margin:0 0 .3em 0;
padding:5px 0 6px 5px;
font-size:.75em;
}

#box_1 {
margin:0 5px 2em 0;
padding:8px;
float:left;
height:150px;
width:210px;
background-color:#9DA2B1;
}

#box_2 {
margin:0 7px 2em 14px;
padding:8px;
float:left;
height:150px;
width:210px;
background-color:#6F85BE;
}

#box_3 {
margin:0 14px 2em 7px;
padding:8px;
float:left;
height:150px;
width:210px;
background-color:#95B2FE;
}

#box_4 {
margin:0 0 2em 5px;
padding:8px;
float:left;
height:150px;
width:210px;
background-color:#70747E;
}

#box_1 p, #box_2 p, #box_3 p, #box_4 p {
font-size:.75em;
color:#000000;
}

#box_1 h2, #box_2 h2, #box_3 h2, #box_4 h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:.8em;
} 

#box_1 ul, #box_2 ul, #box_3 ul, #box_4 ul {
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}

#box_1 li, #box_2 li, #box_3 li, #box_4 li {
margin:0 0 .3em 0;
padding:5px 0 0 5px;
font-size:.8em;
}

#footer {
position:relative;
clear:both;
bottom:0;
margin:0 0 0 0;
padding:0;
height:4em;
line-height:4em;
text-align:center;
font-size:.7em;
background-color:#E1E9FE;
}

.floatright {
float: right;
margin: 0 0 10px 10px;
border: 0;
padding: 2px;
}

.floatleft {
float: left;
margin: 10px 0px 10px 0px;
border: 0;
padding: 0px;
}

.trophy_pic {
float: left;
margin: 89px 0px 10px 0px;
border: 0;
padding: 0px;
}

.repair_pic {
float: left;
margin: 14px 0px 10px 0px;
border: 0;
padding: 0px;
}

.polish_pic {
float: left;
margin: 41px 0px 10px 0px;
border: 0;
padding: 0px;
}

.lightext {
color:#E1E9FE;
}


.white {
color:#ffffff;
}

/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label { font-weight: normal; display:block; clear:both; }
label.inline { display:inline; }
/* generic form field styles */
.floatRight { float:right; clear:both; position:relative; right: 1.6em; top: -1.1em; font-weight:normal; }
.joinSelect { display:inline; border:1px solid #bbb; background:#fff; width:180px; padding:2px; margin:0.5em 0.5em 0em 0.5em; float:right; clear:both; position:relative; right: 1em; }

/* Fieldsets */
fieldset    { padding:1.5em; margin: 1.5em 1em 5em 1em; border: 1px solid #bbb; background-color:#e7f4ef; color:#333; }

legend      { font-weight: bold; font-size:1.1em; margin-bottom:1.1em; margin-left:18px; }

/* Text fields */
input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0em; }
input.text, input.title   { border:1px solid #bbb; background:#fff; padding:5px; }
input.text:focus		{ background-color: #fff; color:#000000; }
input.title:focus         { border:1px solid #bbb; background:#fff; }
input.title               { font-size:1.5em; }
input.button				{ display:block; margin:1em 0.5em 0.5em -1em; }
input.dob	{ margin:0.5em 0.5em 0.5em 0em; border:1px solid #bbb; padding:5px; width:16px; }
input.dobyear	{ margin:0.5em 0.5em 0.5em 0em; border:1px solid #bbb; padding:5px; width:32px; }


/* Textareas */
textarea            { width: 90%; margin:1em 0em 1em 0; }
textarea            { border:1px solid #bbb; background:#fff; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

/* Select fields */
select              { display:block; border:1px solid #bbb; background:#fff; padding:2px; margin:0.5em 0.5em 0.5em 0; }
select.newsSelect { display:block; border:1px solid #bbb; background:#fff; width:50px; padding:5px; margin:0.5em 0.5em 0.5em 0; }

select:focus        { border:1px solid #bbb; background:#fff; }



/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: 5px; margin:0.5em 0.5em 0.5em 0em; border: 1px solid #bbb; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; margin:0.7em 0.5em 0.1em 0em; line-height:1.5em; clear:both; float:left; display:block; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; margin:0.5em 0em 1em 0em; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; margin:0.5em 0.5em 0.5em 0em; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }
.mandAsterisk { color:#FF0000; font-size:x-large; position:relative; top:0.1em; line-height:1.5em; }
/* Normal tags in forms */
form p { margin:0.5em 0.5em 0.5em 0em; }
form h5 { margin-left:0; color:#333; }
form label a { color:#333; }
form label a:hover { color:#f15843; }