/**********************
HTML STYLES
***********************/
body {
margin: 0;
background: #fff;
color: #381332;
}
#bodyid,
p,
td,
.standard {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #381332;
}
#bodyid {
text-align:center;
background: #15025e;
}
a {
color: #0000FF;
}
a:hover {
color: #000033;
}
a img {
border: 0;
}
#top_nav{
padding: 0px;
}
#home_btn a{
display: block;
text-align: center;
float: left;
width: 80px;
height: 24px;
margin: 0 0 0 270px;
background: url(standard/WebPage_Purple_r2_c4.jpg) no-repeat;
}
#FAQ_btn a{
display: block;
text-align: center;
float: left;
width: 75px;
height: 24px;
background: url(standard/WebPage_Purple_r2_c5.jpg) no-repeat;
}
#contactus_btn a{
display: block;
text-align: center;
float: left;
width: 99px;
height: 24px;
background: url(standard/WebPage_Purple_r2_c6.jpg) no-repeat;
}
#home_btn a:hover{
background: url(standard/home_down.jpg) no-repeat;
}
#FAQ_btn a:hover{
background: url(standard/faq_down.jpg) no-repeat;
}
#contactus_btn a:hover{
background: url(standard/contact_down.jpg) no-repeat;
}
/**********************
UNIVERSAL STYLES
***********************/
.error {
font-size: 12px;
font-weight: bold;
color: #CC0000;
}
.standard {
}
.standardbold {
font-weight: bold;
}
.standardheader {
font-size: 16px;
color:#381332;
}
/***************************
LAYOUT STYLES
****************************/
#container {
width: 1024px;
margin: 0 auto;
text-align: left;
background: url(standard/bg.gif) repeat-y;
}
#container_left{
float: left;
width: 110px;
min-height:500px;
height:auto !important;
height:500px;
/*
background: url(standard/bg_right.jpg) no-repeat;
*/
margin: 0;
}
#container_right{
float: right;
width: 120px;
min-height:600px;
height:auto !important;
height:500px;
/*
background: url(standard/bg_left.jpg) no-repeat;
*/
margin: 0;
}
#middle{
margin-left: 113px;
margin-right: 113px;
}
#middle_bg{
width: 800px;
background: url(standard/main_background.jpg) no-repeat;
min-height:600px;
height:auto !important;
height:600px;
}
#nav_container{
float: left;
width: 160px;
min-height:600px;
height:auto !important;
height:600px;
}
#content {
float: left;
width: 560px;
min-height:600px;
height:auto !important;
height:600px;
}
#header{
width: 800px;
height: 122px;
background: url(standard/header.jpg) no-repeat top;
}
#content_spacer{
text-align: center;
width: 800px;
height: 67px;
}
#nav,
#nav ul {
width: 120px;
list-style: none;
padding: 0;
margin: 0 0 0 40px;
_width: 120px;
_margin: 0 0 0 40px;
}
#nav a {
display: block;
width: 110px;
w\idth: 110px;
padding: 3px 0 0 0px;
font-weight: bold;
color: #551a8b;
}
#nav a:hover{
color: #381130;
}
#nav a.parent {
}
#nav li {
float: left;
padding: 0;
width: 120px;
}
#nav li:hover,
#nav li.hover{
position: static;
}
#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 110px;
w\idth: 110px;
margin: 0;
}
#nav li li {
padding-right: 1em;
width: 110px;
_width: 90px;
}
#nav li ul a {
width: 120px;
w\idth: 120px;
padding: 5px 0;
background: #56472f;
_w\idth: 100px;
_width: 100px;
}
#nav li ul ul {
margin: -1.75em 0 0 106px;
}
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul {
left: auto;
}
#nav li a:hover,
#nav li.sfhover {
color: #381130;
}
#blog_link a{
display: block;
text-align: center;
width: 80px;
height: 74px;
margin: 0px 0 0 50px;
background: url(standard/blog_up.gif) no-repeat;
}
#blog_link a:hover{
background: url(standard/blog_down.gif) no-repeat;
}
#contact{
width: 140px;
height: 140px;
margin: 20px 0 0 40px;
}
#socialMedia {
width:90px;
padding:10px 0 5px 50px;
}
#socialMedia a {
margin-right:5px;
}
#phone{
font-weight: bold;
font-size: 16px;
}
#footer {
clear: both;
width: 1024px;
height: 25px;
background: #15025e;
}
.copyright {
float:left;
font-size: .9em;
padding: 10px;
color: #fff;
}
.poweredby {
padding: 10px;
float: right;
}
.clear{
clear: both;
}