/**********Generic styles**********/
BODY {
background-image: url(../images/backgrounds/smoke.jpg);
background-repeat: repeat;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}

UL {
margin: 0;
padding: 0;
}

LI {
border: 0px;
display: inline;
list-style-type: none;
margin: 0px;
padding: 0px;
}

A {
color: black;
font-size: 1em;
text-decoration: none;
}   

A:active    {
color: red;
}

A:hover {
color: #c9c9c9;
text-decoration: none;
}

A: visited{
color: red;
}

IMG {
border: 0px;
margin: 0px;
padding: 0px;
}

H3 {
font-size: 1.5em;
}

/**********Form Styles**********/

INPUT {
color: #781351;
background: #ffffff;
border: 1px solid #000000;
}

OPTION {
color: #781351;
background: #ffffff;
border: 1px solid #000000;
font-size: xx-small;
}

SELECT {
color: #781351;
background: #ffffff;
border: 1px solid #000000;
font-size: xx-small;
}

/***********Header styles**********/
div#header {
height: 62px;
margin: 0 auto;
padding: 0;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
z-index: 1;
}

div#logo {
background-color: #FFF;
text-align: left;
padding-bottom: 0;
padding-left: 11px;
padding-top: 6px;
}

div#nav_bar {
background-image: url(../images/backgrounds/toolbar_background.gif);
border-bottom: 1px solid black;
clear: both;
height: 18px;
margin: 0;
padding: 0;
position: fixed;
text-align: right;
width: 100%;
z-index: 2;
}

#nav_bar li {
padding-right: 10px;
letter-spacing: .1em;
vertical-align: middle;
}

#nav_bar a {
font-size: 0.8em;
color: #FFF;
text-decoration: none;
}

#nav_bar a:hover {
color: #FFF;
text-decoration: underline;
}

IMG.faded {
opacity: 0.25;
filter:alpha(opacity=25);
}

/***********Main body styles**********/

.colmask {
position: relative;		/* This fixes the IE7 overflow hidden bug */
clear: both;
float: left;
width: 100%;				/* width of whole page */
overflow: hidden;		/* This chops off any overhanging divs */
top: 80px;
}

/* common column settings */
.colright, .colmid, .colleft {
float: left;
width: 100%;			/* width of page */
position: relative;
}

.col1, .col2, .col3 {
float: left;
position: relative;
padding: 2em 0 1em 0;		/* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */
overflow: hidden;
}

/* 3 Column settings */
.threecol {
background: #fff;		/* right column background colour */
}

.threecol .colmid {
right: 25%;				/* width of the right column */
background: #fff;		/* center column background colour */
}

.threecol .colleft {
right: 40%;				/* width of the middle column */
background: #EFEFEF;	/* left column background colour */
}

.threecol .col1 {
width: 36%;				/* width of center column content (column width minus padding on either side) */
left: 102%;				/* 100% plus left padding of center column */
text-align: left;
}

.threecol .col2 {
width: 31%;				/* Width of left column content (column width minus padding on either side) */
left: 31%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
text-align: left;
}

.threecol .col3 {
width: 21%;				/* Width of right column content (column width minus padding on either side) */
left: 75%;				/* Please make note of the brackets here:(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
text-align: right;
}

.IMGBorder {
border: 1px solid #999;
}

/***********Footer styles**********/
div#footer {
background-color: #000;
clear: both;
color: #555;
font-size: 0.7em;
margin: 0 auto;
opacity: 0.90;
filter:alpha(opacity=90);
padding: 5px;
position: fixed;
bottom: 0;
left: 0;
text-align: center;
width: 100%;
z-index: 2;
}

#footer a {
color: #555;
text-decoration: none;
}

#footer a:hover {
color: #FFF;
text-decoration: underline;
}

IMG.faded {
opacity: 0.25;
filter:alpha(opacity=25);
}

/*****DHTML Drop-down*************/
#dropmenudiv {
position: absolute;
border: 1px solid white;
border-bottom-width: 0;
font: normal 10px Verdana;
letter-spacing: .1em;
line-height: 16px;
z-index: 100;
}

#dropmenudiv a {
color: white;
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid white;
padding: 1px 0;
text-decoration: none;
text-align: left;
}

#dropmenudiv a:hover { /*hover background color*/
color: white;
background-color: #7a756c;
}