/******************************************
			Tag Classes
******************************************/
body { 	margin: 0px; }
p { 	margin-top: 0px; 	margin-bottom: 12px;  }
ul {
	margin-left: 0px;
	padding-left: 20px;
	margin-top: 0px;
	margin-bottom: 8px;
}
ol {
	margin-left: 0px;
	padding-left: 15px;
	margin-top: 0px;
	margin-bottom: 8px;
}

li {  margin-top: 0px;  margin-bottom: 0px;  }

hr {
	border-top: 1px solid #ccc;
	border-bottom: 1px none;
	border-right: 1px none;
	border-left: 1px none;
	background-color: #fff;
   height: 1px;
}
/*td { vertical-align: top; } This style is buggy and may not work properly. */

/******************************************
			Header Classes
******************************************/
h1 {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin-top: 0px;
	padding-top: 0px;
}
h2 {
	color: #5B5B5B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 8px;
	margin-bottom: 3px;
}
h3 {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style:italic;
	margin: 0px;
	padding: 0px;
	padding-top:3px;
	padding-bottom:5px;
}
h4 {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
}
h5 {
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}


/******************************************
			Background Classes
******************************************/
.bg-black { background-color: #000000; }
.bg-gray3 { background-color: #333333; }
.bg-gray2 {	background-color: #666666; }
.bg-gray1 { background-color: #EEEEEE; }
.bg-white { background-color: #FFFFFF; }
.bg-lt-blue { background-color: #abb8c4; }
.bg-dk-blue { background-color: #222e4a; }

.bg-dots1 { background-image:url(images/dot-lt-blue.gif); background-repeat: repeat-x; }

.takeaway {
	background-image:url(images/bg-check.gif); background-repeat:no-repeat; 
	padding-left:41px;
}

/******************************************
			Text Classes
******************************************/
.txt-small-red {
	color: #c40001;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.mphead {
	color: #222e4a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.mptext {
	color: #222e4a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px 6px 0px 6px;
}
.learntext {
	color: #222e4a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.thequote {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.thequoter {
	color: #222e4a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top:4px;
	font-style:italic;
}
/******************************************
			Menu Classes   
			
		.m1 = Menu Level 1, 
		.m2 = menu level 2, 
		etc.
		the ".m" classes should control everything but "color" and "text-decoration" styles 
		which should be controlled by link classes, ie: ".a-m1"

******************************************/
.m1 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 4px 0px 4px 44px;
	margin: 0px;
	color: #f8f8f8;
	background-color: #6f6e6e;
}
.m2-pad {
	padding: 24px 0px 0px 31px;
	
}
.m2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	padding: 3px 2px 3px 0px;
}


.m3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
}


.m-func {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #eeeeee;
	text-align: right;
	padding: 4px 7px 4px 23px;
	background-color: #8a8989;
	text-transform: uppercase;
	font-weight: bold;	
}

.m-urhere {  /*  class for a "You Are Here" indicator */
	padding-top: 5px;
	padding-left: 4px;
	padding-right: 4px;
}

/******************************************
			Link Classes
******************************************/
a:link { text-decoration: underline; color: #042778; }
a:visited { text-decoration: underline; color: #042778; }
a:active { text-decoration: underline; color: #042778; }
a:hover{ text-decoration: underline;  color: #8d9ec3; }

a.a-m1:link { text-decoration: none; color: #f8f8f8; }
a.a-m1:visited { text-decoration: none;  color: #f8f8f8; }
a.a-m1:active { text-decoration: none; color: #f8f8f8; }
a.a-m1:hover{ text-decoration: none;  color: #CCCCCC; }

a.a-m2:link { text-decoration: none; color: #222e4a; }
a.a-m2:visited { text-decoration: none;  color: #222e4a; }
a.a-m2:active { text-decoration: none; color: #222e4a; }
a.a-m2:hover{ text-decoration: underline;  color: #222e4a; }

a.a-func:link { text-decoration: none; color: #f8f8f8; }  /* function menu colors and underline info */
a.a-func:visited { text-decoration: none; color: #f8f8f8; }
a.a-func:active { text-decoration: none; color: #f8f8f8; }
a.a-func:hover{ text-decoration: none;  color: #CCCCCC; }


/******************************************
			Page Layout Class
******************************************/
.pagebody { /* main content area class, includes baseline text formatting and possibly padding info */
	padding: 20px 40px 10px 23px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:496px;
}

/******************************************
			Homepage Classes
******************************************/
.pad-home1 {
	padding-right: 35px;
}
/******************************************
			Footer Classes
******************************************/
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #cccccc;
	font-size: 10px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	background-color: #222e4a;
	text-align: center;
}

a.a-foot:link { text-decoration: underline; color: #cccccc; }
a.a-foot:visited { text-decoration: underline;  color: #cccccc; }
a.a-foot:active { text-decoration: underline; color: #cccccc; }
a.a-foot:hover{ text-decoration: underline;  color: #eeeeee; }

/******************************************
			Search Form Classes
******************************************/
.form-searchbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	width: 100px;
	margin-right: 3px;
	margin-bottom: 4px;
	border: 1px solid #882820;
	height: 16px;
}
.form-searchsubmit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #D3A19D;
	border: 1px solid #717171;
	height: 20px;
	width: 50px;
	margin-right: 20px;
	text-transform: uppercase;
	vertical-align:middle;
}
/******************************************
			Misc Classes
******************************************/
.ul-nopad {
	margin: 0px;
}
.no-margin {
	margin: 0px;
}
.outline {
	border: 1px solid #192e43;

}