/* CSS Document */
/* modified css in order to properly display the google button on the links page*/

/* body tag */
body {
margin: 0px;
margin-top: 20px;
text-align: center;
font-family: arial, verdana, times, courier, sans-serif;
font-size: 85%;
}

img {
border: 0px;
}

img.img_left {
float: left; 
margin-right: 15px;
margin-bottom: 15px;
}

img.img_right {
float: right; 
margin-left: 15px;
margin-bottom: 15px;
}

#page_container {
width: 773px;
margin: auto;
text-align: left;
}

#top_nav_bar {
width: 773px;
height: 81px;
background-image: url(../images/top_nav_bar_bg.gif);
background-repeat: no-repeat;
background-position: bottom;
float: left;
}

html>body #top_nav_bar {
height: auto;
}

#top_nav_bar ul {
list-style-type: none;
margin: 0px;
padding-left: 0px;
float: left;
width: 475px;
margin-top: 65px;

}

#top_nav_bar ul li {
float: left;
border-bottom: none;
margin-right: 5px;
background-color: #99CC66;
}

#top_nav_bar ul li a {
	display: block;
	border: 1px solid #000000;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	padding: 0px;
	padding-left: 4px;
	padding-right: 4px;
	background-attachment: fixed;
	font-size: 95%;	
}

#top_nav_bar ul li a:hover {
background-color: #FFFFFF;
color: #000000;
}

#top_nav_bar ul li.selected a {
background-color: #66B9CC;
padding-top: 1px;
border-bottom: none;
color: #000000;
}

#top_nav_bar ul li.selected a:hover  {
color: #000000;
}

#top_nav_bar img {
float: left;
margin-right: 15px;
margin-bottom: 5px;
}

a.blue_link {
color: #66B9CC;
}

a.blue_bold_link {
color: #66B9CC;
font-weight: bold;
}

a.blue_bold_link:hover{
color: #99CC66;
}

a.blue_bold_link img {
border: 1px solid #ababab;
}

#msg_bar {
width: 768px;
float: left;
height: 199px;
}

#main {
width: 773px;
background-image: url(/images/main_bg.gif);
background-repeat: repeat-y;
padding-left: 2px;
padding-right: 3px;
float: left;
}

html>body #main {
width: 771px;
}

#content_area {
	width: 768px;
	float: left;
	background-position: bottom left;
	background-repeat: repeat-y;
}


p {
margin-top: 5px;
margin-bottom: 0px;
}

#right_col { 
font-family: verdana;
float: right;
width: 528px;
background-color: #ffffff;
padding-top: 25px;
}

#right_col h1 {
margin-left: 18px;
font-size: 120%;
font-weight: bold;
color: #669933;
}

#right_col h2 {
margin-left: 75px;
font-size: 120%;
font-weight: bold;
color: #669933;
}

#right_col h1 br {
line-height: 8px;
height: 8px;
}

#right_col h3 {
margin-left: 18px;
font-size: 100%;
margin-top: 15px;
font-weight: bold;
clear: both;
}

#right_col p {
margin-left: 18px;
margin-right: 10px;
margin-top: 15px;
margin-bottom: 0px;
width: 475px;
clear: both;
}

#right_col p.footnote {
margin-left: 18px;
margin-right: 10px;
margin-top: 15px;
margin-bottom: 0px;
width: 475px;
clear: both;
font-size: 80%;
}

#right_col ul {
margin-top: 15px;
margin-bottom: 10px;
margin-left: 33px;
padding-left: 0px;
margin-right: 10px;
clear: both;

}

#right_col ul li {
margin-top: 5px;
margin-bottom: 5px;
}

#left_col {
width: 190px;
float: left;
padding-bottom: 135px;
}

#left_col h2 {
	font-size: 100%;
	font-weight: bold;
	padding-left: 35px;
	padding-right: 70px;
	margin-top: 8px;
	margin-bottom: 5px;
	color: #669933;
	background-color: #CCCCCC;
}

#left_col ul {
margin-top: 0px;
margin-bottom: 50px;
list-style-type: none;
margin-left: 0px;
padding-left: 0px;
}


#left_col ul.nav_menu li.selected a:hover  {
background-color: #66B9CC;
border: 1px solid #ffffff;
}

#left_col ul.nav_menu li.sub a:hover  {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
}

#left_col ul.nav_menu li.selected a {
background-color: #66B9CC;
border: 1px solid #FFFFFF;
background-image: url(/images/nav_menu_sel_bg.gif);
}

#left_col ul.nav_menu li.sub a {
background-color: #CCCCCC;
border: 1px solid #ffffff;
font-size: 80%;
font-weight:normal;
background-image: url(/images/nav_menu_sub_bg.gif);
width: 190px;
}

#left_col ul.nav_menu li.sub {
padding-left: 10px;
}

#left_col ul.nav_menu li.subsel a:hover  {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
}

#left_col ul.nav_menu li.subsel a {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
font-size: 80%;
font-weight:normal;
background-image: url(/images/nav_menu_bg.gif);
width: 190px;
}

#left_col ul.nav_menu li.subsel {
padding-left: 10px;
}

#left_col ul.nav_menu li a {
background-color: #BFBFBF;
background-image: url(/images/nav_menu_bg.gif);
background-position: top left;
background-repeat: no-repeat;
}

#left_col ul li a {
	text-decoration: none;
	padding-left: 35px;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	width: 190px;
	font-size: 80%;
	border: 1px solid #ffffff;
}

#left_col ul.nav_menu li a:hover {
text-decoration: underline;
background-color: #ffffff;
border: 1px solid #99CC66;
}



html>body #left_col ul li a {
width: 200px;
}

#left_col ul.nav_menu li a {
background-color: #99CC66;
}

#left_col p.bold_item {
font-size: 120%;
font-weight: bold;
font-family: arial;
padding-left: 25px;
margin-top: 8px;
margin-bottom: 5px;
padding-right: 15px;
margin-top: 20px;
}

#base_nav_bar {
width: 768px;
float: left;

background-color: #ffffff;
padding-left: 25px;
padding-top: 40px;
color: #000000;
font-family: verdana;
font-size: 75%;
}

html>body #base_nav_bar {
width: 743px;
}

#base_nav_bar a {
color: #66B9CC;
}


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

#base_nav_bar ul li {
display: inline;
margin-right: 20px;
}



h1 {
margin-top: 0px;
margin-bottom: 15px;
font-family: arial, verdana, times, courier, sans-serif;
clear: both;
}


h2 {

clear: both;
}

a {
color: #000000;
text-decoration: underline;
}

a:hover {
color: #000000;
text-decoration: none;
}

/*
input {
border:solid 1px #000000;
background-color:#99CC66;          Commented out for google search
font-size: 95%;
font-weight:bold;
margin-left:35px;
}*/

select {
border:solid 1px #000000;
background-color:#99CC66;
font-size: 95%;
font-weight:bold;
margin-left:35px;
}

textarea {
border:solid 1px #000000;
background-color:#99CC66;
font-size: 120%;
margin-left:35px;
}