﻿
/* ====== Reset ====== */

html{
	color:#000;background:#FFF;
	}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;padding:0;
	}
table{
	border-collapse:collapse;border-spacing:0;
}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;font-weight:normal;
}
li{
	list-style:none;
}
caption,th{
	text-align:left;
	}
h1,h2,h3,h4,h5,h6{
	font-size:100%;font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;font-variant:normal;
	}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

body{
	font:13px/1.231 arial,helvetica,sans-serif;
	}
select,input,button,textarea{
	font:99% arial,helvetica,clean,sans-serif;
	}
table{
	font-size:inherit;

}
pre,code,kbd,samp,tt{
	font-family:monospace;
	
}


/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote {}
h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl{padding:0;}
/* ====== Elements ====== */
img{display:block; border:0;}

/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-size:20px; font-weight:normal; font-style: normal; color:#9B0033; letter-spacing:1px;}
h2, .h2{
	font-family: "Trebuchet MS", Arial, Tahoma;
	font-size:16px; font-weight:bold; color:#004276;
	}

h3, .h3{font-size:146.5%; font-weight:normal; font-style: normal; color:#DF2B72;}
h4, .h4{font-size:123.1%; font-weight:normal; font-style: normal; color: #333;}
h5, .h5{font-size:108%; font-weight:bold; font-style: normal; color:#AE0345;}
h6, .h6{font-size:108%; font-weight:normal; font-style: italic; color:#333;}

/* ====== Fonts ====== */
.mini {
	font-size:11px;
}
.copy-crumb{
	color:#666;
}

/* ====== Link Styles ====== */

a {
	text-decoration: none;
	color:#004276;
}
a:focus, a:hover { 
	text-decoration: underline;	 
}
a:visited {
	color:#663;
 }

.a_intro{
	text-decoration:underline;
}


a.standard{
	/* font-size:13px; */
	text-decoration: underline;
	color: #004276;
}
a.standard{
	color: #004276;
}
a.standard:visited{
	color:#663;
}
a.standard:hover{
	color: #9B0033;
}

a.anchor-blue{
	color: #004276;
}
a.anchor-blue:visited{
	color: #004276;
}

a.breadcrumb{
	color: #666;
	line-height:36px;
}
a.a.breadcrumb:visited{
	color: #666;
}


/* ====== TopNav ====== */

a.nav {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing: 0.05em;
	line-height:35px;
	margin-top:10px;
}
a.nav:visited {
	color:#FFF;
}

a.nav:focus,a.nav:hover{
	color:#C7D2DE;	
	text-decoration:none;
}

a.nav-active, a.nav-active-clickable{
	color:#000;
}
a.nav-active:visited, a.nav-active-clickable:visited {
	color:#000;
}

a.nav-active:focus,a.nav-active:hover{
	cursor:text;
	color:#000;
	text-decoration:none;
}

a.a.nav-active-clickable:focus,a.nav-active-clickable:hover{
	color:#C7D2DE;	
	text-decoration:none;
}

a.login,a.login:hover,a.login:active,a.login:visited{
	font-size: 10px;
	color:#9B0033;
	text-decoration:underline
}

/* ====== LeftNav ====== */

a.left-nav-item{
	width: 229px;
	height: 33px;
	line-height:33px;	
	display:block;
	text-indent:13px;
	background: url("/assets/shared/images/bg-left-nav-off.gif") no-repeat 0 0;
	color:#666;
	font-size:12px;
	
}
a.left-nav-item:visited{
	color:#666;
}
a.left-nav-item:focus,a.left-nav-item:hover{
	color:#9B0033;
	text-decoration:none;
	background: url("/assets/shared/images/bg-left-nav-hover.gif") no-repeat 0 0;
}

a.left-nav-active{
	background: url("/assets/shared/images/bg-left-nav-active.gif") no-repeat 0 0;
}
a.left-nav-active:focus,a.left-nav-active:hover{
	background: url("/assets/shared/images/bg-left-nav-active.gif") no-repeat 0 0;
	cursor:text;
	color:#666;
	text-decoration:none;	
}

/* ====== Large header links ====== */
a.heading {	
	font-size: 16px;
	font-weight:bold;
	color: #004276;
}

a.heading:visited{

}
a.heading:focus, a.heading:hover{
	color: #9B0033;
	text-decoration:none;
}

/* ====== Back to top + read more ====== */
a.top-more{
	font-size:11px;
	font-weight:bold;
	color: #004276;	
}
a.top-more:visited{
	color: #663;
}
a.top-more:focus, a.top-more:hover{
	color: #9B0033;
	text-decoration: underline;
}


/* ====== Paragraph Styles ====== */

p {
	color:#444;
}

.cran{
	color:#9B0033;
}

.about {
	font-size: 13px;
	color: #444;
	line-height: 22px;	
}

.intro {
	color: #666;
	font-size:15px;
	line-height: 22px;
	margin-bottom: 28px;
	text-align:justify;
}

.tall-block {
	font-size:13px;
	color: #444;
	line-height: 22px; 	
	margin-bottom: 15px;
 }

.tight{
	font-size:12px;
	color: #444;
	line-height: 18px; 	
}



/* ====== Graphical Embellishments ======*/

.up-arrow-left{
	text-indent: 17px;
	background-image: url("/assets/shared/images/cran-arrow-up.gif");
	background-repeat: no-repeat;
	background-position: center left;
}

.cran-dot{
	padding-left: 16px;
	background: url("/assets/shared/images/cran-dot.gif");
	background-repeat: no-repeat;
	background-position: 0 8px;
	color: #444;
	line-height: 22px;
}
.arrow-right{
	display: inline;
	padding-right: 13px;
	background-image: url("/assets/shared/images/cran-arrow-right.gif");
	background-repeat: no-repeat;
	background-position: 100% 60%;	

}

.dotted-bottom{	
	background-image: url("/assets/shared/images/dotted-line.gif");
	background-repeat: repeat-x;
	background-position:bottom;
	padding-bottom:3px;
	margin-bottom: 7px;
}

.form-field{
	padding: 3px;	
	width: 200px;
	padding-right: 30px;	
	margin-top: 5px;
	font-size: 11px;
}

input, select, textarea{
	color: #444;
	background:url("/assets/shared/images/forms/text_field.gif");
	background-repeat: repeat-x;
	border:0;
	padding:2px;
	border:#acabab 1px solid;
}

.button{
	color:#444;
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	background:url("/assets/shared/images/forms/btn_inactive.gif");
	background-repeat: repeat-x;
	border:#acabab 1px solid;
	padding:0 5px 2px 5px;
	margin-left: 105px;	
	margin-top: 10px;
	letter-spacing: 1px;
	font-size: 11px;
	text-transform:uppercase;
}

.button:hover, .button:active {
	color:#000;
	background:url("/assets/shared/images/forms/btn_active.gif");
	background-repeat: repeat-x;
}

label {
	width: 85px;
	display:compact;
	color: #004276;
}

/* ====== utilities ====== */

.thirty{
	width:30%;
}

.ninety{
	width:90%
}

.third{
	width: 33%
}
.two_thirds{
	width:66%;
}

.whole{
	width:100%;
}

.three_quarters{
	width:75%;
}

.half{
	width:50%;
}

.quarter{
	width:25%;
}



.clear{
	clear: both;
}
.clear-left{
	clear: left;
}
.clear-right{
	clear: right;
}
.no-border{
	border:0;
}
.block{
	display: block;
}
.inline{
	display:inline;
}
.left{
  float:left;
}

.first-top {
	margin-top:12px;
}

.first-top-bio {
	margin-top:21px;
}

.first-left{
	margin-left:0;
	padding-left:0;
}

.last-bottom {
	margin-bottom: 0;
}


.right{
  float:right;
}


.bold {
	font-weight:bold;
}
 
 .back-to{	
	float:right;
}

.auto{
	margin:auto;
}

.justify{
	text-align:justify;
}

