@charset "UTF-8";

/* import core styles */
@import url(../yaml/core/base.css);

/* form styles (not in use) */
/* @import url(../yaml/screen/forms.css); */

/* standard layout and content styles */
@import url(screen/basemod.css);
@import url(screen/content.css);

/* modifications for full width layout - to enable full width, uncomment the following line and edit layouts/includes/layout.cfm */
/* @import url(screen/basemod_full_width.css); */

/* import forums styles - comment this out if forums not used */
@import url(screen/forums.css);

/* 
 * import horizontal nav styles - either sliding door (tabs) or shiny buttons (menu bar)
 * shiny buttons is the default because it doesn't require the modification of any images
*/
/* @import url(navigation/nav_slidingdoor.css); */
@import url(navigation/nav_shinybuttons.css);

/* import vertical nav styles */
@import url(navigation/nav_vlist.css);

/*
 * **************************** START OF CUSTOM STYLES ********************************
 * Add and modify styles below this comment - don't modify css files in sub-directories
 * ************************************************************************************
 */

@import url(homepage.css);
@import url(http://fonts.googleapis.com/css?family=Varela+Round);
/*@import url(http://fonts.googleapis.com/css?family=Fredoka+One);*/

/* I rearranged lots of this stylesheet. Much of it is going into 'Fastnet'.
I'm hoping to set some sort opf standard stylesheet here. JW */

body {
	background:#eceded;
	font-family:"Helvetica", Arial,Helvetica,Sans-Serif;
}

a { text-decoration:none; }
a:link  {  text-decoration:none; color:#ae0187; border-bottom:1px dotted #ae0187;  } /* intense purple */
a:visited  {  text-decoration:none; color:#666; }
a:hover, a:active  {  text-decoration:none; color:#c180b2; text-decoration:none; border-bottom:2px solid #c180b2;}

/* Basic TYPOGRAPHY */

/* all of the rounded type */
div#topnav, div#nav, h1, h2, h3, h6.vlist { 
	font-family: 'Varela Round', sans-serif; /* google api */
	/*font-family: 'Fredoka One', cursive;*/ /* google api */
	font-size:13px;
}
h1, h2, h3 {
	color:#840265; /* main purple */
	/*text-transform:lowercase;*/
}
h1 { /* closely matches the h6.vlist */
	font-size:20px;
	line-height:30px;
	margin:0 0 20px 0;
	padding:0;
}
h2 {
	font-size:16px;
	line-height:26px;
}
h3 {
	color:#444;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
}
h4 {
	color:#444;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
}

/* LAYOUT */

div.page_margins {
	margin-top:0px;
	margin-bottom:0px;
}
div.page {
	background:url(/images/bg_page-bot.png) bottom left no-repeat;
	padding-bottom:20px;
}

/* custom styles for heading and sliding door navigation */
/* 
#header { background: #edf2f8 url("../images/bg_header.png") repeat-x bottom left;}
#nav .hlist {background-color: #e8e8e8}
#nav .hlist ul { padding-left: 0}
*/

/* custom styles for header and shiny buttons navigation */
/* #header, #header .page { color: #fff; background: #F9F9F9 url("../images/background.png") repeat-x scroll left top; } */


/* HEADER */


#header { 
	background:url(/images/mastheadnew.jpg) top left no-repeat;
	height:185px;
	padding:0;
}


/* 'UTILITIES' MENU */


#topnav {
	color:#840265;
	text-align:center;
	text-transform:lowercase;
	top:10px !important;
	width:130px;
}
	#topnav a {
		background: none repeat scroll 0 0 transparent;
		color: #840265;
		font-weight: normal;
		text-decoration: none;
	}
		#topnav a:link, 
		#topnav a:visited {
			color: #840265;
			text-decoration: none;
		}


/* LOGO */


	#header h1 { 
		background:url(/images/logo_ahr.png) top left no-repeat;
		color:#fff;
		float:left;
		height:160px;
		margin-left:45px;
		margin-top:50px;
		text-indent:-9000px;
		width:175px;
	}
		#header h1 a { 
			border:none; /* to override my dotted border-bottom decoration */
			display:block;
			line-height:160px;
		}
	

/* TOP-LEVEL / PRIMARY NAVIGATION */


#nav * { border: 0px none !important; }

.hlist { background: #EFEFEF; }
.hlist ul { margin-left: 20px; }
.hlist ul li { line-height: 1.2em; }

.hlist ul li a,
.hlist ul li strong { color: #666; font-weight: normal; padding: 0.5em 0.8em 0.5em 0.8em; }

.hlist ul li a:focus,
.hlist ul li a:hover,
.hlist ul li a:active  { background: #666666; color: #fff; }

.hlist ul li.active { background: #f8f8f8; }

.hlist ul li.active strong,
.hlist ul li.active a,
.hlist ul li.active a:focus,
.hlist ul li.active a:hover,
.hlist ul li.active a:active { color: #666666; font-weight: bold; }

/* overrides */
div#nav {
	clear:none;	
	display:block;
	height:40px;
	margin-right:10px;
}
	div#nav li {
		background: url("/images/bg_topnav-slash.png") no-repeat 0 50%;
		height:40px;
		margin: 0;
		padding: 0 0 0 5px;
	}
	div#nav li:first-child {
		background:none;
	}
	div#nav a {
		font-size:15px;
		font-weight:bold;
		line-height:40px;
		padding-bottom:0;
		padding-top:0;
		text-decoration: none;
		text-transform: lowercase;
	}
	div#nav a:link, div#nav a:visited {
		background:none;
		color:#840265; /* main purple */
	}
	div#nav a:hover, div#nav a:active {
		background:none;
		color:#c180b2; /* purple tint 75% */
	}
.hlist {
	background:none;
	float:right;
	width:auto;
}
.hlist ul li.active {
	background:none;
}
.hlist ul li a.active {
	color:#3391eb !important; /* main blue*/
}


/* BREADCRUMBS */


div#breadcrumbs {
	display:none;
}


/* MAIN */


div#main {
	padding:0 20px 0px 20px;
	/*background:gray;*/
}


/* COLUMNS */


div#col1 { width:225px; }
div#col1_content {
	padding-right:10px;
	padding-top:0px;
}

div#col3 {  }
div#col3_content {
	padding-top:0px;
}
/* slap a min height on the home page subcolumns to space out the admin links a little when no content has been added */
#home_subcolumns {
	height:auto !important;
	height:50px;
	min-height:50px;
}
#home_extra_subcolumns {
	padding-top: 20px;
}


/* SIDE / SUBNAV */


div#sidenav { /* in 'col1_content' */
	background: url(/images/bg_subnav-bot.png) #edd9e8 bottom left no-repeat; /* light purple tint */
	padding-bottom:20px;
	/*text-transform:lowercase;*/
}
h6.vlist {
	border:none;
	font-size:20px !important;
	font-weight:normal;
	line-height:45px;
	padding:0;
	width:auto;
}
a.section-title  {
	background-color:#840265; /* main purple */
	border:none;
	color:#fff;
	padding-left:15px;
	text-decoration:none;
}
a.section-title:link, 
a.section-title:visited  {
	background-color:#840265; /* main purple */
}
a.section-title:hover, 
a.section-title:active  {
	background:#5c0147;
}
ul.vlist {
	margin:0;
}
/* ################ level 1 ################### */
ul.vlist li {
	line-height:1.5em;
	width:100%;
}
ul.vlist li a {
	background:none;
	border-top:2px solid #fff;
	border-bottom:none;
	display:block;
	font-size:14px;
	padding:8px 25px 8px 15px;
	width:auto;
}
ul.vlist li a:link,
ul.vlist li a:visited {
	background:none;
	color:#840265;
}
ul.vlist li a:hover,
ul.vlist li a:active {
	background:#c180b2;
	color:#fff;
}
ul.vlist li.active a.active {
	color:#3391eb; /* main blue*/
	background:#fff url(/images/bg_subnav-active.png) 100% 50% no-repeat;
	border-bottom:none;
	font-weight:normal;
}
/* ################ level 2 ################### */
ul.vlist li ul li {
	font-size:12px;
}
ul.vlist li li a {
	border-top:1px dotted #edd9e8;
	border-bottom:none;
	display:block;
	font-size:12px;
	margin-left:;
	padding-left:30px;
	padding-right:25px;
	width:auto;
}
ul.vlist li li a:link,
ul.vlist li li a:visited {
	background:#fff;
	color:#840265;
}
ul.vlist li li a:hover,
ul.vlist li li a:active {
	background:#840265;
	color:#fff;
}
ul.vlist li ul li.active a.active {
	background:#fff url(/images/bg_subnav-active_lev2.png) 100% 50% no-repeat;
}


/* FOOTER */


div#footer {
	background:#840265 url(/images/bg_footer-top.png) top left no-repeat;
	border:none;
	color:#edd9e8;
	margin-left:20px;
	padding:0;
	width:920px;
}
div#footer_inner {
	background:url(/images/bg_footer-bot.png) bottom left no-repeat;
	padding:10px 20px;
	width:880px;
}
div#quicklinks-1 {
	color:#edd9d8; /* purple tint */
	height:175px;
	float:left;
	font-family: 'Varela Round', sans-serif; /* google api */
	width:200px;
}
	div#quicklinks-1 h2 {
		background:url(/images/bg_quicklinks-h2-arrow.png) 160px 50% no-repeat;
		color:#e0c0d8; /* purple tint */
		font-family: 'Varela Round', sans-serif; /* google api */
		line-height:175px;
		text-align:center;
	}
	div#footer dl {
		color: #FFFFFF;
		float: left;
		margin-left: 20px;
		width: 220px;
	}
	div#footer dl:first-child {
		margin-left: 0;
	}
	div#footer dt {
		font-size: 12px;
		font-weight:normal;
		line-height: 26px;
		text-transform:uppercase;
	}
	div#footer dd {
		background:url(/images/bg_quicklinks-dl-bullet.png) 0 12px no-repeat;
		font-size:11px;
		line-height:26px;
		margin:0;
		padding-left:10px;
		text-transform:lowercase;
	}
	div#footer a {
		color: #edd9e8;
	}
	div#footer a:link, div#footer a:visited {
		text-decoration: none;
	}
	div#footer a:hover, div#footer a:active {
		color:#fff;
		text-decoration: none;
	}
div#footer_contact {
	border-left:1px solid #edd9e8; /* purple tint */
	float:left;
	padding-left:19px;
	width:180px;
}

div.credit { /* not inside the footer in this site */
	color:#aaa;
	font-size: 11px;
	text-align: right;
	width: 940px;
	margin:10px auto 40px auto;
}
	div.credit a,
	div.credit a:visited,
	div.credit a:hover,
	div.credit a:active {
		color: #ae0187 !important;
		text-decoration: none;
	}



/* the actual CONTENT Styling */


p big {
	color:#83418c;
	font-size:15px;
	line-height:1.5em;
}
	p big img {
		margin-right:20px;
		margin-bottom:20px;
	}
.content img {  }
.content h2,
.content h3 {
	margin-top:1em;
}
.content p, 
.content table {
	margin-bottom:25px;
}
.content code { 
	display: block; 
	margin: 1em; 
}

fieldset { 
	border: 1px solid #EFEFEF; 
	padding: 0.5em; 
}

.spContentPaging {}
.spContentPagingTop {
	width:100%;
	text-align:right;
}
.spContentPagingBottom {width:100%;text-align:center;}


/* ARTICLES */

/* article summaries */

div.article_display_content h2, 
div.article_display_content h3, 
div.article_display_content h4 { 
	/*clear:both;*/  /* de-activated it: causes probs */ 
}

div.header_blurb h2, 
div.header_blurb h3, 
div.header_blurb h4 { 
	clear:both; 
}

div.article_summary {
    border-top: 1px dotted #333333;
    clear: both;
    padding: 15px 0 5px;
}
div.article_summary:first-child {
    border: none;
}
	div.article_summary h3 {
		line-height:24px; /* this ameliorates the big space above it - noticeable when there's a thumbnail alongside */
		margin-top:0; /* same again */
	}
	img.article_summary_image {
		margin-left:10px;
	}

.article_display_pubdate, 
.event_display_dates, 
.event_display_times, 
.event_display_venue {
	margin-bottom: 0.5em;
}
.article_display_image, 
.event_display_image {
	float:right; 
	margin-left: 0.5em;
	margin-bottom:20px;
}
.article_summary_image, 
.event_summary_image {
	float:right; 
	margin-right: 0;
}

.article_display_widgets, 
.event_display_widgets {
	margin-bottom: 0.5em;
	display:block;
	height:20px;
}
.article_display_print, 
.event_display_print {
	background: url(/speck/images/icons/silk/printer.png) no-repeat left center;
	padding: 3px 0 3px 20px;
	margin-right: 20px;
	}
.article_display_email, 
.event_display_email {
	background: url(/speck/images/icons/silk/email.png) no-repeat left center;
	padding: 3px 0 3px 20px;
	margin-right: 20px;
	}
.article_display_print, 
.event_display_print,
.article_display_email, 
.event_display_email {
	float:right;
	/*padding: 0 20px 0 0;
	text-indent:-100px;
	overflow:hidden;*/
	margin:0 0 0 5px;
}

/* article 'back button' */

p.back {
    border-top: 1px dotted #ccc;
    line-height: 20px;
    padding: 0;
	margin:0;
}
p.back a  {
	background: url("/images/but_back.png") no-repeat scroll 15px center #ae0187;
    border-radius: 0 0 12px 12px;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    line-height: 35px;
    padding-left: 10px;
    text-align: center;
    text-decoration: none;
    width: 85px;
	border-bottom:none;
}
p.back a:link, p.back a:visited  {
	background-color: #ae0187;
}
p.back a:hover, p.back a:active {
	background-color: #c180b2;
}




.articlebox dl { padding-top: 0.3em; }
.articlebox dl dd img { float:left; margin-right: 0.3em; }
.articlebox ul { padding-top: 0.5em; }
.articlebox ul li { margin-bottom: 0.7em; }

.document_display {margin: 0 0 1em 0;}
.document_display_description {margin:0; padding:0;}

#image_list table, table.spHandler {width:100%;}
#image_list .image_thumbnail {text-align: center; margin: auto; padding: 1em; border: 1px solid #EFEFEF; height:150px; }
#image_list .image_thumbnail_caption {padding-top: 0.3em;}

.content .form_field, .content input[type="text"] { border: 1px #c0c0c0 solid; padding: 2px; }
.content .form_field:focus, .content input[type="text"]:focus { background-color: #ffffee; border-color: #a0a0a0; }

/* 
firefox won't justify one line of text
.az {width:100%; text-align:justify; text-justify: distribute-all-lines; padding:5px 0;}
*/
.az {width:100%; text-align:center; word-spacing: 0.02em; padding:5px 0; color: #888;}
.az strong {font-size:larger;}

#search_results {padding: 0.5em;}
#search_results dl {margin:0.5em 0;}
#search_results .spContentPaging {margin:0.5em 0;}
	
#searchbox {margin-top:15px;}
#searchbox form input.form_field  {width:80px;}
#searchbox form input.form_button {width:auto;}

#search_form input.form_field {width:250px;}




/* uncomment this to add an icon to external links on the links templates (you might want to change the icon too) */
/* 
#links a.external { 
	background:transparent url(/images/Icon_External_Link.png) no-repeat scroll right center; padding:0 13px 0 0;
}
*/

/* contact page - from Ionic site: 'screen.css' */

form#contact_form fieldset {
	background: /*#fbd35c*/ #f1f1f1 url(/images/bg_arrow-down_step-box.png)  50% top no-repeat;
	border:none;
	padding:20px 20px 0 20px;
	border-radius:15px;
	position:relative;
	margin-bottom:40px;
}
form#contact_form fieldset legend {
	display:none;
}
form#contact_form fieldset td {
	padding:5px;
}
form#contact_form fieldset em {
	color:#666;
}
form#contact_form td.lbl {
	width:100px;
}
form#contact_form fieldset label {
	color:#840265;
	font-weight:bold;
}

form#contact_form fieldset input[type=text], 
form#contact_form fieldset textarea {
	border-radius:10px;
	border:1px solid /*#FC0*/ #ccc !important;
	border-top:1px solid /*#990*/ #999 !important;
	border-left:1px solid #999 !important;
	padding:5px 8px !important;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:1em;
}
form#contact_form input.form_button {
	background: url(/images/but_send-message.png) left top;
	bottom:-18px;
	line-height:40px;
	height:40px;
	border:none;
	color:#fff;
	position:absolute;
	left:325px;
	width:130px;
}
form#contact_form input.form_button:first-child {
	left:175px;
}
form#contact_form input.form_button:hover {
	background: url(/images/but_send-message.png) left 40px ;
}