/*
/////////////////////////////////////////////////////////////////
// STYLES THAT TYPICALLY CHANGE FROM SITE TO SITE
// these styles change from site to site typically (color etc...)
/////////////////////////////////////////////////////////////////
*/
td, body, div, input, select, textarea  {
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
}

.copy {
	font-size:13px;
	line-height:20px;
}

.small {
	font-size:10px;
	line-height:14px;
}

.title {
	font-size:17px;
	line-height:20px;
}

.smalltitle {
	font-size:14px;
	line-height:18px;
}

/*
/////////////////////////////////////////////////////////////////
// ANCHOR STYLES
// avoid defining fonts here: if you need to define a font/size, create a new class, this way if there's a link inside a element with a different font size the link font size will match that.
/////////////////////////////////////////////////////////////////
*/

a, a:link, a:visited, a:active {
	color: #612562;
	text-decoration: underline;
}

a:hover {
	color: #004a9d;
	text-decoration: none;
	background:none;
}

a.nav, a.nav:link, a.nav:visited, a.nav:active {
	font-size:10px;
	color: #612562;
	text-decoration: none;
}

a.nav:hover {
	color: #808080;
	text-decoration: underline;
}

a.navhere, a.navhere:link, a.navhere:visited, a.navhere:active {
	font-size:10px;
	color: #000000;
	text-decoration:none;
}

a.navhere:hover {
	color: #000000;
}

/*
/////////////////////////////////////////////////////////////////
// STANDARD STYLES
// (form elements, etc...)
/////////////////////////////////////////////////////////////////
*/
.whtcopy {
	color: #ffffff;
}

.news {
	font-size: 11px;
	line-height: 13px;
}

.posted {
	font-size: 9px;
	color: #6a90ad;
}

.small {
	font-size: 10px;
	line-height: 13px;
}
.rollon {
	background-color: #1a5ca7;
}

.rolloff {
	background: none;
}
/*
/////////////////////////////////////////////////////////////////
// FORM ELEMENTS
// these styles typically don't change (form elements, etc...)
/////////////////////////////////////////////////////////////////
*/

form {
	margin:0px;
}

select.styled {
	background-color: #FFFFFF;
	width: 100%;
	border: 1px inset #CCCCCC;
	color: #000000;
}
input.styled {
	background: #FFFFFF;
	border: 1px inset #CCCCCC;
	color: #000000;
	width: 100%;
}

input.bttn {
	border: 2px solid #ffffff;
	outline: 1px solid #cccccc;
	background: #004a9d;							/* <<-- */
	color: #ffffff;									/* <<-- */
	font-weight: bold;
	padding: 3px 5px 3px 5px;
}

textarea.styled {
	background: #FFFFFF;
	border: 1px inset #CCCCCC;
	color: #000000;
	width: 100%;
}

/*
/////////////////////////////////////////////////////////////////
// LEGACY
// just in case.
/////////////////////////////////////////////////////////////////
*/

.em { 
	font-size:14px;
	line-height:16px;
	font-weight: bold;
}

.sm {
	font-size: 10px;
	line-height: 13px;
}