/* Declare body elements */

body {
background:#780000 url(images/bg_Red2.gif) repeat-x top left;
margin-left: auto;
margin-right: auto;
text-align:center;
}

/* Containers >> Body, Leftside, Rightside, Footer */
#bodyContainer {
width: 608px;
margin-left: auto;
margin-right: auto;
background: url(images/body_bg.gif) repeat-y top left;
}

#leftSidebar {
width: 135px;
margin-left: 9px;
float: left;
font: 10px "Century Gothic", Arial, sans-serif;
color: #000;
}

/* Hack for IE 7, Firefox, Opera, etc...*/
html>body #leftSidebar {
width: 135px;
margin-left: 18px;
float: left;
font: 10px "Century Gothic", Arial, sans-serif;
color: #000;
}

#leftSidebar a:link, a:hover, a:visited {
border:0;
}

#leftSidebar img {
margin: 5px 0px 0px 0px;
border: 0px;
}

#mainBody{
float:right;
width: 435px;
margin-right: 5px;
text-align: justify;
font: 10pt "Century Gothic", Arial, sans-serif;
color: #000;
}

/* Hack for IE 7, Firefox, Opera, etc...*/
html>body #mainBody{
float:right;
width: 435px;
margin-right: 10px;
text-align: justify;
font: 10pt "Century Gothic", Arial, sans-serif;
color: #000;
}

#footer {
width: 608px;
height: 59px;
background: url(images/footer2.gif) no-repeat top left;
font: 8pt "Century Gothic", Arial, sans-serif;
color: #000;
margin: 0px auto 5px auto;
clear: both;
}

/* Masthead >> Header */
#masthead {
height: 150px;
width: 608px;
margin-left: auto;
margin-right: auto;
background: url(images/header3.gif) no-repeat top left;
}

/* Top Navigation >> ie Home, About, Producst, etc... */
#nav {
height: 30px;
width: 450px;
padding-top: 120px;
float: right;
}

#nav ul {
list-style:none;
padding:0px;
margin: 0px;
text-align: center;
}

#nav li {
display:inline;
margin:0 1px 0 1px;
padding:0;
font: bold 10pt "Century Gothic", Arial, sans-serif;
color: #FFF;
}
 
#nav li a:link, #nav li a:visited {
text-decoration:none;
color:#FFF;
}

#nav li a:hover {
color:#FE0000;
}

/* Body Formatting Elements >> Fonts, Links, Images, etc... */
#mainBody ul{
text-align: left;
color: #780000;
}

#mainBody li.lihead{
list-style-type: none;
font: bold 14pt "Century Gothic", Arial, sans-serif;
}

#mainBody ul.li2{
list-style-type: none;
margin-left: 0px;
padding-left: 0px;
}

#mainBody li.lihead2{
list-style-type: none;
text-decoration: underline;
font: bold 12pt "Century Gothic", Arial, sans-serif;
}

#mainBody table {
width: 100%;
}

#mainBody td {
vertical-align: top;
}

#mainBody td.col2 {
background-color: #F1F1F1;
}

#mainBody th {
border-bottom: 1px dashed #780000;
background-color: #e7e7e7;
text-align: left;
}

#mainBody a:link, a:visited {
color: #780000;
font-weight: bold;
text-decoration: none;
}

#mainBody a:hover{
color: #780000;
border-bottom: 1px dashed #780000;
font-weight: bold;
text-decoration: none;
}


#mainBody p.header {
color: #780000;
font: bold 14pt "Century Gothic", Arial, sans-serif;
}

#mainBody li a:hover{
text-decoration: none;
color: #780000;
font-weight:bold;
border-bottom: 1px dashed #780000;
}

#mainBody .bodypic {
padding: 5px 5px 5px 10px;
}

/* Form Elements Formatting >> input box, text area, selection box */
input, textarea {
border-bottom: 1px dashed #780000;
border-top: none;
border-left: none;
border-right: none;
background: #f2f2f2;
}

select{
border: 1px dashed #780000;
background: #f2f2f2;
}

/* Footer Element Formating >> Copyright, Designed by */
#copyright {
text-align: center;
margin-top: 35px; 
}

#designedBy {
margin: 0px;
font: bold 7pt "Century Gothic", Arial, sans-serif;
color: #FFF;
}

#designedBy a:link, #designedBy a:visited {
text-decoration:none;
color:#ffffff;
}

#designedBy a:hover {
text-decoration:underline;
color:#ffffff;
}