/* PLEASE NOTE: font-size is in percentages to allow for browser font resizing
   The effects are cumulative in nested classes. ie. <p> of 80% nested will be 80% of the previous class' size. If the parent class is 80%, basically it would be 80% of 80%, much smaller than expected. */


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background: #5AA6CE url(/images/page-bg-tile.jpg) repeat left top;
}


p{
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color: #555555;
	margin: 7px 0px;
	padding: 0px;
}


a {
	color: #336699;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.title{
font: 100% Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #333333;
}

a.title{
	color: #336699;
	text-decoration: none;
}

.footer {
	font: 80% Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.footer a{
	color: #FFFFFF;
}

.normal {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color: #555555;
}

.normalNoTop {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color: #555555;
	margin: 0px 13px;
	padding: 0px;
	text-align: left;
}


.normalNavTitle {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px;
	text-align: left;
	padding-left: 0px;
	height: 20px;
	border-bottom: 1px solid #333333;
	border-spacing: 5px;
}

.normalNavTitle a {
	color: #333333;
}

.normalNavTitle a:hover {
	color: #333333;
}

.normalSubNav {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	color: #555555;
	margin: 0px;
	text-align: left;
	padding-left: 28px;
	height: 10px;
	list-style-image: url(/images/tc_nav_bullet.gif);
}

.normalSubNav a {
	color: #555555;
	margin: 0px;
	padding-left: 5px;
	/*font-weight: bold;*/
}


.normalSubNav a:hover {
	color: #333333;
	margin: 0px;
	padding-left: 5px;
}

.normalNav {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	color: #555555;
	text-align: left;
	height: 20px;
}

.normalNav li {
	margin-left: 0.25em;
	list-style-image: url(/images/tc_nav_bullet.gif);
}

.normalNav a {
	color: #555555;
	margin: 0px;
	padding-left: 5px;
	/*font-weight: bold;*/
}

.normalNav a:hover {
	color: #333333;
	margin: 0px;
	padding-left: 5px;
}


.breadcrumbNav {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	color: #555555;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-weight: bold;
}

a.breadcrumbNav {
	color: #555555;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

.searchbarNav {
	font-size: 75%;
	color: white;
	font-weight: bold;
}

.searchbarNav a{
	color: white;
	font-weight: bold;
}

.formButtons {
background-color: #eeeeee;
border: 1px solid #003366;
color: #336699;
}

.smallText{
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	color: #555555;
	margin: 0px;
}

.homeBoxes {
	font: 75% Verdana, Arial, Helvetica, sans-serif;
	color: #555555;
	margin: 0px 13px;
	padding: 0px;
	text-align: left;
}