/* hastings logo yellow = #FFD420
	hastings logo blue = #0053A0	
	hastings logo red = #A01515
	black:#000000
	white:#FFFFFF
	grey bg:#E7E9EB
	grey1:#AAB7C1
	grey2:#B0BAC1
	darker grey of bg:#6E7A83		
*/

html {
	margin:0;
	padding:0;
}

body, div, table, th, td, a, p, ul, li, font, dt, dl, dd, form, label, input, textarea, select, h1 {	
	font-family:"Arial", sans-serif;	
	font-size:14px;
	font-weight:normal;	
	font-style:normal;
	margin:0;
	padding:0;
	border:none;
	color:#000000;		
}

body {background-color:#E7E9EB;}

p {			
	padding-top:3px;	
	padding-bottom:3px;	
	line-height:16px;
}

dl {
	padding-top:0;
	margin-top:0;
}

dt {
	font-weight:bold;	
	margin-left:2px;
	line-height:16px;	
}

dd {		
	margin-left:12px;	
	line-height:16px;
}

ul {text-indent:0;}

h1 {font-size:63px;}

img {border-style:none; cursor:pointer;}

hr {
	float:left;
	background-image:url('../graphics/hdiv.jpg');
	background-repeat:repeat;
	height:2px;
	width:100%;
	margin-top:6px;
	margin-bottom:6px;
}

@media print {
	img {  display:none; }
}

a {font-size:100%;}

a:link, a:visited, a:active, a:hover {text-decoration:none;}

/***********/
/* GENERAL */
/***********/

.left {float:left;}

.right {float:right;}

.bold {font-weight:bold;}

.normal {font-weight:normal;}

.white {color:#FFFFFF;}

.blue {color:#0053A0;}

.italic {font-style: italic;}

.subtitle {font-size:12px; font-weight:normal; font-style:italic;}

.highlight {
	font-style: normal !important;
	background: yellow !important;
	font-weight: bold !important;
	font-size:14px !important;
}

/***********************/
/******* HEADER *********/
/***********************/

div.header {	
	height:122px;
	background-image:url('../graphics/headerbg.gif');
	background-repeat:repeat;
	border-bottom:3px solid #FFD420;	
}

div.header-bg {
	position:relative;
	width:900px;
	height:122px;
	margin-left:auto;
	margin-right:auto;
	background-image:url('../graphics/musicbg.png');
	background-repeat:no-repeat;
	align:left;
}

div.header-bg img {
	color:#FFFFFF;
	margin-top:16px;
	vertical-align:top;
}

table.header-bg {
	height:122px;	
	margin:0 20px 0 10px;	
	width:870px;
}

.logform {
	position:absolute;	
	top:30px;
	right:0;
}

.logform label {
	color: #FFFFFF;
	font-weight:bold;
}

.likespryerror {
	display:inline;
	color:#F2440A;
	background-color:#FFFFFF;
	border:none;
	font-weight:bold;
	font-style:italic;
	font-size:13px;
	float: right;
	margin-top:6px;
}

/***************************/
/******* CONTAINERS ********/
/**************************/

div#content {
	width:850px;
	padding:20px;	
	margin:0 auto 0 auto;
	background-color:#FFFFFF;		
	border:none;
	overflow:auto;
}

div#sidebar {	
	float:left;		
	width:215px;	
}

div#mainbody {
	border:0 solid black;
	float:right;	
	width:613px;		
}

div.footer {
	width:890px;
	height:96px;	
	background-image:url('../graphics/headerbg.gif');
	background-repeat:repeat;
	margin-left:auto;
	margin-right:auto;	
}

div#d1, div#d2, div#d3, div#d4, div#d5 {	width:100%;	float:left;}

#navlinks {
	border-color:#6E7A83;
	border-style:dotted;
	border-width:1px;
	border-left:none;
	border-right:none;
	width:100%;
	height:auto;
	float:left;
	margin:0 0 10px 0; /* spacing outside border */
	padding:5px 0 10px 0; /* spacing between borders and content */
}

#navlinks li {
	display: inline;
	list-style-type: none;		
	padding-right: 20px;
}

#navlinks li a {text-decoration:underline;}

.caption {
	float:left;
	width:100%;
	color:#000000;	
	font-weight:bold;	
	height:auto;	
}

.caption span, .footnote span {font-size:12px; font-weight:normal; font-style:italic;}

.headline, .majorheadline {	
	font-weight:bold;
	border-color:#6E7A83;
	border-style:solid;
	border-width:2px;
	border-left:none;
	border-right:none;
	width:100%;
	height:auto;
	float:left;
	margin:5px 0 10px 0;
	padding:5px 0 5px 0;
}

.majorheadline {font-size: 16px;}

.between {
	border-color:#6E7A83;
	border-style:dotted;
	border-width:1px;	
	border-left:none;
	border-right:none;
	border-bottom:none;
	width:100%;
	height:auto;
	float:left;	
	padding:0;
	margin:0 0 10px 0;
}

/*********************************/
/******* TOP NAVIGATION BAR *******/
/*********************************/

div.topnavbar {
	float:right;
	margin-right:20px;
	margin-top:20px;
}

div.topnavbar ul {list-style-type:none;}

div.topnavbar li {
	float:left;
	list-style:none;
}

div.topnavbar li.active_item {float:left;}

div.topnavbar li a, div.topnavbar li.active_item a {
	color:#FFFFFF;	
	font-weight:bold;
	display:block;
	height:26px;
	line-height:26px;
	text-align:center;	
	overflow:hidden;
	padding:0px 10px; /*space around text*/
	margin:0 2px; /*space between nav buttons*/
	text-decoration:none;
}

div.topnavbar li a {background:#000000 url('../graphics/navbginactive.png') repeat;}

div.topnavbar li.active_item a {	background:#0053A0 url('../graphics/navbgactive.png') repeat;}

div.topnavbar li a:hover {background:#6E7A83 url('../graphics/navbghover.png') repeat;}

/***********************/
/******* BUTTONS *******/
/***********************/

.button { /*default ALO blue */
	display: inline-block;
    background:#0053A0 url('../graphics/navbgactive.png') repeat;
	color:#FFFFFF;	
	font-weight:bold;
	cursor: pointer;	
	text-align: center;
	height:26px;
	line-height:26px;
	padding: 0 8px;
	margin-left:8px;	/*there was already some space between buttons but cannot figure out why */
	text-decoration: none;
}
.button:hover {
	background:#6E7A83 url('../graphics/navbghover.png') repeat
}

/*************************/
/******* SIDE BAR *********/
/*************************/

 /* caption */
div.sidenavbar-caption, div.event-caption {
	width:100%;
	border:1px solid black;	
	border-bottom:none;		
	color:#FFFFFF;
	background:#0053A0 url('../graphics/navbgactive.png') repeat;	
	font-weight:bold;
	height:26px;
	line-height:26px;
	text-align:center;
}

div.event-caption {margin-top:20px;}

/* content */
div.sidenavbar-content, div.event-content, div.alo-content, div.misc-content {
	width:100%;	
	border:1px solid black;		
	border-top:none;	
	background-color:#C3CACE;
}

/* alo link */
div.alo-content {
	background-color:#FFFFFF;
	padding-top:20px;
	padding-bottom:20px;	
	font-weight:bold;	
	text-align:center;
}

/* sidenavbar list */
div.sidenavbar-content ul {			
	margin-left:25px;
	padding-bottom:10px;	
	padding-top:5px;
	height:175px;
}

div.sidenavbar-content li {list-style-image:url('../graphics/bulletsq8.png'); line-height:20px; color:#0053A0; font-weight:bold;}

div.sidenavbar-content li a {color:#000000; text-decoration:none; font-weight:bold;}

div.sidenavbar-content li a:hover {color:#0053A0; text-decoration:underline;}

/* event list */
div.event-content dl {padding-top:5px; padding-bottom:10px;}

div.event-content dt {	
	padding:0;	
	font-weight:bold;
	padding-left:2px;
	line-height:16px;
	position:relative;	
	top:16px;	
	width:54px;	
}

div.event-content dd {	
	padding:0;
	border-left:1px solid #000000;
	margin-left:54px;
	line-height:18px;	
	padding-left:5px;
	padding-right:4px;
}

/**********************/
/******* LINKS *********/
/**********************/

/* plain */
a.linkplain {
	color:#0053A0;
	text-decoration:underline;
}

a.subscribelink {
	color: white !important;
	text-decoration: none !important;
}
/*a.linkplain:hover {color:#0053A0;}*/

/**********************/
/******* LISTS *********/
/**********************/

/* list-a and list-b */

div.list-a, div.list-b {float:left; width:100%; margin-bottom:10px; margin-top:6px;}

div.list-b-float {float:none !important;}

div.list-a span, div.list-b span {font-size:12px; font-weight:normal; font-style:italic;}

div.list-a ul, div.list-b ul {		
	line-height:16px;			
	list-style:disc outside none;	
	list-style-image:url('../graphics/bulletsq5.png');
}

div.list-a ul {margin-left:15px;}

div.list-b ul {margin-left:30px;}

div.list-a li, div.list-b li {margin-bottom:6px;}

div.list-a li a, div.list-b li a, div.list-b a, div.list-a a {text-decoration:underline;}

div.list-a li a:hover, div.list-b li a:hover, div.list-b a, div.list-a a {color:#0053A0;}

div.list-a li li, div.list-b li li {list-style-image:url('../graphics/bullet.png');}

div.list-b li li li {list-style:disc;}

div.list-b li li, div.list-b li li li {margin-left:-15px;}

div.list-a dt, div.list-b dt {	
	float:left; 
	clear:left; 
	width:84px; 
	text-align:right; 
	font-weight:bold; 
	line-height:20px
}

div.list-a dt:after, div.list-b dt:after { content:":"; }

div.list-a dd, div.list-b dd {	
	margin:0 0 0 94px; 	
	line-height:20px
}

/*div.list-a img, div.list-b img { cursor: default;}*/

/* list-plain */

div.list-plain {float:left; width:100%; margin-bottom:10px;}

div.list-plain ul {		
	line-height:16px;			
	list-style:none;	
	list-style-image:none;	
}

div.list-plain li li{		
	line-height:16px;			
	list-style:disc outside none;	
	list-style-image:url('../graphics/bulletsq5.png');
	margin-left:34px;
}

div.list-plain p {margin-left:18px;}

div.list-plain li li {margin-bottom:6px;}

/* list-misc */

div.list-misc {float:left; width:100%; margin-bottom:10px; margin-top:6px;}

div.list-misc span {font-size:12px; font-weight:normal; font-style:italic;}

div.list-misc ul {		
	line-height:16px;			
	list-style:none;
	list-style-image:none;	
	margin-left:0;	
	margin-top:6px;
	margin-bottom: 10px;
}

div.list-misc li {margin-bottom:6px;}

div.list-misc li li {list-style-image:url('../graphics/bullet.png');}

div.list-misc li li, div.list-misc li li li {margin-left:30px;}

/***********************************/
/******* TABLE ROW SHADING *********/
/***********************************/

tr.td0 td, tr.td1 td, tr.td0B td tr.td1B td {font-size:12px;}

tr.td0 td, tr.td0B td {background-color:#FFFFFF;}

tr.td1 td, tr.td1B td {background-color:#E7E9EB;}

tr.td0B td, tr.td1B td {font-weight:bold;}

/**************************/
/******* DIRECTORS ********/
/*************************/

.wrap1, .wrap2, .wrap3 {		
	display:block;
}
.wrap1 {
	float:left;
	background:url(../graphics/shadow.gif) right bottom no-repeat;
}
.wrap2 {
	background:url(../graphics/corner_bl.gif) left bottom no-repeat;
}
.wrap3 {
	padding:0 5px 5px 0;	
	background:url(../graphics/corner_tr.gif) right top no-repeat;
}
.wrap3 img {
	border:1px solid #000000;
	display:block;
}

table.dir {width:100%; padding:0; border:none;}
table.dir td {vertical-align:top;}
table.dir p {margin-left:8px; margin-right:4px; padding-top:3px;}

table.dir tr.spaceUnder > td {padding-bottom:15px;}

/**************************/
/******* SCHEDULES ********/
/*************************/

div.schedule {width:100%; overflow-x:auto;}
div.schedule {width:100%;}

div.schedule table, table.vbsched {width:100%; padding:0; border:none;}
div.schedule table th {font-weight:bold; text-align:left; padding-left:5px;}
/*div.schedule table td {vertical-align:top; white-space:nowrap; padding:5px;}*/
div.schedule table td {vertical-align:top; padding:5px;}

div.schedule table tr.headers > td {padding-top:0; padding-bottom:0; border-bottom:1px dashed #6E7A83;}

table.vbsched td {padding:1px;}
table.vbsched tr.headers > td {padding-bottom:3px;border-bottom:1px dashed #6E7A83;}

/***********************/
/******* STORES ********/
/***********************/

table.stores {width:100%; padding:0; border:none;}

table.stores tr.spaceUnder > td {padding-bottom:10px;}
table.stores a {text-decoration:underline;}
table.stores a:hover {color:#0053A0;}