/* 
_________ BRAND ITEMS _________ 
find and replace to change 


FONTS 
PRIMARY = Arial, Helvetica, sans-serif;
SECONDARY = 

COLORS 
0 DEFAULT = #000000 (in body)
1 PRIMARY = #333399  
2 SECONDARY = #999999  




_________ PAGE PROPERTIES _________
background, margins, default font */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: none;
	color: #000000;
	margin: 0px 0px 0px 0px;
	background-color: #999999;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-image: url(../elements/site_bkgd.jpg);
}

p {padding: 0;margin:0;}






/*
_________ UNIVERSAL FORMATTING _________
canvas (main table) size, color, optional padding */

.univ_Canvas {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-attachment: fixed;
	width: 975px;
}

/* PADDING - general padding - apply to cell of table */ 
.univ_Padding {padding: 10px 10px 10px 10px;}





/*
_________ LINKS "ro" _________
roll-over links - apply to cell or text



/* DEFAULT */

/* ro Default (universal) */
a:link {color: #000000;	text-decoration: underline;}
a:visited {color: #000000; text-decoration: underline;}
a:hover {color: #333399; text-decoration: underline;}
a:active {color: #000000; text-decoration: underline;}

/* ro Bold */
a.roBold:link {color: #000000; font-weight: bold; text-decoration: underline;}
a.roBold:visited {color: #000000; font-weight: bold; text-decoration: underline;}
a.roBold:hover {color: #333399; font-weight: bold; text-decoration: underline;}
a.roBold:active {color: #000000; font-weight: bold; text-decoration: underline;}


/* Bottom Navigation - Left */
a.roBottomNav:link {
	color: #0066cc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	MARGIN: 2px 15px 2px 0px; 
	WHITE-SPACE: nowrap
}
a.roBottomNav:visited {
	color: #0066cc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	MARGIN: 2px 15px 2px 0px; 
	WHITE-SPACE: nowrap
}
a.roBottomNav:hover {
	color: #002674;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	MARGIN: 2px 15px 2px 0px; 
	WHITE-SPACE: nowrap
}
a.roBottomNav:active {
	color: #0066cc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	MARGIN: 2px 15px 2px 0px; 
	WHITE-SPACE: nowrap
}




/* ro Small */
a.roSmall:link {	
	color: #000000;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}
a.roSmall:visited {
	color: #000000;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}
a.roSmall:hover {
	color: #333399;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}
a.roSmall:active {
	color: #000000;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}
/* ro Small Bold */
a.roSmallBold:link {	
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}
a.roSmallBold:visited {
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}
a.roSmallBold:hover {
	color: #333399;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}
a.roSmallBold:active {
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}

/* ro Large */
a.roLarge:link {	
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}
a.roLarge:visited {
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}
a.roLarge:hover {
	color: #333399;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}
a.roLarge:active {
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}
/* ro Large Bold */
a.roLargeBold:link {	
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
a.roLargeBold:visited {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
a.roLargeBold:hover {
	color: #333399;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
a.roLargeBold:active {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}





/* COLOR 1 */

a.ro1:link {color: #333399; text-decoration: none;}
a.ro1:visited {color: #333399; text-decoration: none;}
a.ro1:hover {color: #999999; text-decoration: none;}
a.ro1:active {color: #333399; text-decoration: none;}

/* ro1 Bold */
a.ro1Bold:link {color: #333399; font-weight: bold; text-decoration: none;}
a.ro1Bold:visited {color: #333399; font-weight: bold; text-decoration: none;}
a.ro1Bold:hover {color: #999999; font-weight: bold; text-decoration: none;}
a.ro1Bold:active {color: #333399; font-weight: bold; text-decoration: none;}

/* ro1 Small */
a.ro1Small:link {	
	color: #333399;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
a.ro1Small:visited {
	color: #333399;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
a.ro1Small:hover {
	color: #999999;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
a.ro1Small:active {
	color: #333399;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
/* ro1 Small Bold */
a.ro1SmallBold:link {	
	color: #333399;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
a.ro1SmallBold:visited {
	color: #333399;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
a.ro1SmallBold:hover {
	color: #999999;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
a.ro1SmallBold:active {
	color: #333399;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}




/* COLOR 2 */

a.ro2:link {color: #999999; text-decoration: none;}
a.ro2:visited {color: #999999; text-decoration: none;}
a.ro2:hover {color: #333399; text-decoration: none;}
a.ro2:active {color: #999999; text-decoration: none;}

/* ro2 Bold */
a.ro2Bold:link {color: #999999; font-weight: bold; text-decoration: none;}
a.ro2Bold:visited {color: #999999; font-weight: bold; text-decoration: none;}
a.ro2Bold:hover {color: #333399; font-weight: bold; text-decoration: none;}
a.ro2Bold:active {color: #999999; font-weight: bold; text-decoration: none;}

/* ro2 Small */
a.ro2Small:link {	
	color: #999999;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
a.ro2Small:visited {
	color: #999999;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
a.ro2Small:hover {
	color: #333399;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
a.ro2Small:active {
	color: #999999;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
/* ro2 Small Bold */
a.ro2SmallBold:link {	
	color: #999999;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
a.ro2SmallBold:visited {
	color: #999999;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
a.ro2SmallBold:hover {
	color: #333399;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
a.ro2SmallBold:active {
	color: #999999;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}


/* SUBNAV */

a.roSubNav:link {
	color: #333399;
	text-decoration: none;
}
a.roSubNav:visited {
	color: #333399;
	text-decoration: none;
}
a.roSubNav:hover {
	color: #999999;
	text-decoration: none;
}
a.roSubNav:active {
	color: #333399;
	text-decoration: none;
}



a.ro3:link {
	color: #999999;
	text-decoration: none;
	margin: 0px 0px 0px 10px;
	font-size: 10px;
}
a.ro3:visited {
	color: #999999;
	text-decoration: none;
	margin: 0px 0px 0px 10px;
	font-size: 10px;
}
a.ro3:hover {
	color: #3D544D;
	text-decoration: none;
	margin: 0px 0px 0px 10px;
	font-size: 10px;
}
a.ro3:active {
	color: #999999;
	text-decoration: none;
	margin: 0px 0px 0px 10px;
	font-size: 10px;
}




/*
_________ HEADERS _________
apply as "Format" or "Style" */


H1, .head1 {
	font-size: 13px;
	color: #999999;
	font-weight: bold;
	line-height: 24px;
}
H2, .head2 {
	font-size: 13px;
	color: #999999;
	font-weight: bold;
	line-height: 22px;
}
H3, .head3 {
	font-size: 12px;
	color: #333399;
	font-weight: bold;
	line-height: 20px;
}
H4, .head4 {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	line-height: 18px;
}
H5, .head5 {
	color: #333399;
	font-weight: bold;
	font-size: 11px;
	line-height: 16px;
}
H6, .head6 {
	color: #999999;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
}





/*
_________ TEXT _________
font-family set in "body"
apply to cell or text */



.copyBold {
	font-size:11px;
	font-weight: bold;
}
.copyLight {
	font-size:11px;
	color: #999999;
	font-weight: none;
}
.copy1 {
	font-size: 11px;
	color: #333399;
}
.copy1Bold {
	font-size: 11px;
	color: #333399;
	font-weight: bold;
}
.copy2 {
	font-size: 11px;
	color: #999999;
}
.copy2Bold {
	font-size: 11px;
	color: #999999;
	font-weight: bold;
}
.copySmall {
	font-size: 10px;
}
.copySmallBold {
	font-size: 10px;
	font-weight: bold;
}
.copyLegal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}








form {
	background-color: #CCCC99;
}