/* CSS Document */

/*//////////////////////////// page setup /////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/

html 
{
	margin: 0px 0px 0px 0px; /* to get rid of opera/mozilla defaults */ 
	padding: 0px 0px 0px 0px; /* to get rid of opera/mozilla defaults */ 
	height: 100%;
} 

body
{
	background-image:url(../images/bg.gif);
    background-repeat:repeat-y;
   	background-position:0 93;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	height: 100%;
}

/*//////////////////////////// div properties /////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/

#container
{
}

#header
{
	background-color: #ffffff;
	width: 680px;
}

#headerLogo
{
	position: relative;
	background: url(../images/logo.gif) no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px Solid #000;
	position: relative;
	float: left; 
	left: 0px;
	width: 293px;
	height: 78px;
}

#headerLogo a {
	display: block;
	width: 293px;
	height: 78px;
}

#headerimg
{
	background: url(../images/headerimg.jpg) #ffffff no-repeat;
	position: relative;
	background-position:top left; 
	margin: 0px 0px 0px 0px;
	float: right;
	padding: 0px 0px 0px 0px;
	width: 108px;
	height: 78px;
	border: 0px solid #000;
}

#divider
{
	background: #CC0000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	left: 0px; 
	width: 100%;
	height: 15px;
	overflow: hidden;
}

#content
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	left: 0px; 
	width: 665px;

}

#nav
{
	background:  #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 20px 10px 10px 20px;
	text-align: left;
	float: left;
	width: 119px;
	height: 100%;
}

#display
{
	margin: 0px 0px 0px 0px;
	padding: 25px 20px 0px 30px;
	border-left: 1px solid #999999;
	width: 465px;
	text-align: left;
	float: right;
}

#text
{
	margin: 0px 0px 0px 0px;
	padding: 5px 20px 10px 30px;
	border-left: 1px solid #999999;
	width: 465px;
	text-align: left;
	float: right;
}

#footer
{
	border-top:solid 1px #333333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	left: 0px; 
	width: 665px;
	height: 64px;
}

#images
{
margin: 0px 0px 0px 0px;
}

/*//////////////////////////// text formating /////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/

.text
{
	line-height: 132%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #000000;
}

.text a:link 
{
text-decoration: none;
color: #CC0000;
}

.text a:active
{
text-decoration: none;
color: #CC0000;
}

.text a:visited
{
text-decoration: none;
color: #CC0000;
}

.text a:hover
{
text-decoration: underline;
color: #CC0000;
}


h1 { color: #336699; font-weight: bold; font-family: Garamond, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif }
h2 { color: #336699; font-weight: bold; font-family: Garamond, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif }
h3 { color: #336699; font-weight: bold; font-family: Garamond, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif }
h4 { color: #336699; font-weight: bold; font-family: Garamond, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif }
h6 { font: 2 Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

/*//////////////////////////// nav formating //////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/

#nav ul
{
list-style-type: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#nav li
{
margin: 10px 0px 0px 0px;
/*border-bottom: 1px dotted #666;*/
line-height: 100%;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 68%;
font-weight: bold;
color: #4976A4;
}

#nav li a:link
{
text-decoration: none;
color: #4976A4;
}

#nav li a:active
{

text-decoration: none;
color: #4976A4;
}

#nav li a:visited
{
text-decoration: none;
color: #4976A4;
}

#nav li a:hover
{
/*background-color: #4976A4;*/
color: #CC0000;
text-decoration: none;
}

/*//////////////////////////// nested list fix for IE /////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/
#nav li li

{

font-size: 100%;
font-weight:lighter;

}


#nav li li li

{

font-size: 100%;
font-weight:lighter;

}

#nav li li li

{

font-size: 100%;
font-weight:lighter;

}
#nav li li

{

font-size: 100%;
font-weight:lighter;

}


#nav li li li

{

font-size: 100%;
font-weight:lighter;

}

#nav li li li

{

font-size: 100%;
font-weight:lighter;

}

#images img

{
margin:15px
}

/*//////////////////////////// classes and misc. extras ///////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////*/

/* hide text */
.hidden 
{
	visibility: hidden;
	display: none;
}

/* making a div a link */
.blocked
{ 
	display:block; 
	width:100%;
	height: 78px;
	text-decoration:none;
}

.indent
{
margin-left: 10px;
}

/* 
hover effect for entire div -
a.blocked:hover{ 
	background:green; 
}
*/

.noindent
{
padding: 0;
margin-left: 0;
}

.imgborder
{
	border-style:solid;
	border-color: #666666;
	border-width:1px;
}

hr
{
color: #333333;
}


.goright
{
float:right;
margin: 10px 10px 10px 10px;
}

.goleft
{
float:left;
margin: 10px 10px 10px 10px;
border: 1px Solid #333333;
}

.imgmargin
{
margin: 8px;
}

