/* TYPOGRAPHY ------------------------- */



/* zero out browser defaults first, since different browsers use different defaults, 

that way any future settings only need to be used when different from this new default */



html, body, ul, ol, li, p,

h1, h2, h3, h4, h5, h6, img,

form, fieldset, input, 

select, textarea, a, button {

	margin: 0px;

	padding: 0px;

	border: 0px;

}



body {

	text-align: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 20px;

	color: black;

}





/* FORM ELEMENTS ---------------------- */

	

input, 

select, 

textarea {

	font-size: 11px; 

	text-align: left;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: black;

	border: 1px solid black;

}



/* HEADINGS -------------------------- */



h1, h2, h3, h4, h5, h6 {

	font-family: Times, "Times New Roman", serif;

	color: #322E78;

	font-weight: bold;

}



h1 {

	color: white;

	font-size: 22px;

	line-height: 22px;

	margin: 0px 0px 20px 0px;

	background: #B60000 url(../images/bg_h1_grad.jpg) no-repeat 60px -95px;

	position: relative;

	display: block;

	width: 100%; /* ie fix */

}



h1 span {

	padding-top: 7px;

	background: url(../images/crnr_h1_tL.gif) no-repeat top left;

	display: block;

	position: relative;

}



h1 strong {

	padding: 0px 0px 7px 15px;

	background: url(../images/crnr_h1_bL.gif) no-repeat bottom left;

	display: block;

	position: relative;

}

	

h2 {

	font-size: 18px;

	line-height: 18px;

	margin: 0px 0px 20px 0px;

}



h3 {

	font-size: 16px;

	line-height: 16px;

	margin: 0px 0px 16px 0px;

}



h4 {

	font-size: 14px;

	line-height: 14px;

	margin: 0px 0px 14px 0px;

}

	

h5 {

	font-size: 12px;

	line-height: 12px;

	margin: 0px 0px 12px 0px;

}



h6 {

	font-size: 11px;

	line-height: 11px;

	margin: 0px 0px 11px 0px;

}



/* TEXT ------------------------ */

p {

	margin: 0px 0px 20px 0px;

}



p.back_to_top {

	margin: 0px 0px 5px 0px;

	text-align: left;

}



strong, dt {

	font-weight: bold;

}

	

em {

	font-style: italic;

}



dt {

	margin: 0px;

}



dd {

	margin-bottom: 20px;

}



/* generic ------------------- */



.small_copy {

	font-size: 9px;

	line-height: 10px;

}



.a_right {

	text-align: right;

}



.reverse {

	color: white;

}



.caps {

	text-transform: uppercase;

}

	

/* LISTS ---------------------- */

ul {

	line-height: 11px;

	margin: 0px 0px 1.5em 0px;

	font-weight: normal;

	list-style-image: url(../images/bullet.gif);

}

	

ul li {

	margin: 0px 0px 10px 30px;

	line-height: 15px;

}

	

ol {

	line-height: 14px;

	margin: 0px 0px 1.5em 0px;

}

	

ol li {

	margin: 0px 0px 10px 30px;

}



ul ul li,

ol ol li {

	margin-left: 45px;

}





/* link list ----------------------- */



ul.link_list,

ul.link_list li,

ul.link_list ul,

ul.link_list ul li {

	list-style: none;

	list-style-image: none;

	margin: 0px;

	padding: 0px;

}



ul.link_list {

	margin-bottom: 15px;

}



ul.link_list li {

	margin-bottom: 3px;

}



/* horizontal link list */

ul.link_list.h li {

	display: inline;

	margin-right: 12px;

}



ul.link_list.h li.last {

	margin-right: 0px;

}



/* sub nav link list ---------------- */



#sub .link_list li {

	border-bottom: 1px solid white;

	padding: 10px 0px 5px 0px;

	position: relative;

}



/* no_bullets ----------------------- */

ul.no_bullets,

ul.no_bullets li {

	list-style: none;

	margin-left: 0px;

	padding-left: 0px;

}



/* LINKS ---------------------------- */



a {

	color: #B60000;

}



#sub .link_list a {

	font-weight: bold;

	color: white;

	text-decoration: none;

	background: url(../images/bullet_nav.gif) no-repeat left center;

	padding-left: 13px;

}	



a.selected,

a.current,

a:hover {

	color: #FF0000;

}



#sub .link_list a:hover,

#sub .link_list a.current

 {

	color: #A3E0FF;

	background: url(../images/bullet_navOver.gif) no-repeat left center;

}



/* img links */

a img {

	border: none;

}



.portfolio a img {

	border: 1px solid white;

	padding: 2px;

}



.portfolio a:hover img {

	border: 1px solid #00B5F1;

}



/* back to top ---------------------- */

p.back_to_top a {

	padding-left: 12px;

	background: url(../images/btnTop.gif) no-repeat left 3px;

	text-decoration: none;

}



p.back_to_top a:hover {

	background: url(../images/btnTopOver.gif) no-repeat left 3px;

}