/* NEED TO BREAK THESE DOWN INTO FILES, OR ARRANGE BETTER */

/* ******************
   MAIN LAYOUT STYLES
   ******************/

/* commented backslash hack \*/ 
/* end hack */
body {
	margin-top: 10px;
	background-color:#E6E6E6;
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	font-weight:normal;
	font-size:11px;
	text-align:left;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;
	line-height: 16px;
	}

INPUT, SELECT, LABEL, TEXTAREA {
font-size: 10px; 
color: #00123b;
}

/*	un-rem this to get a feel for the layout */
/*
#page, #content, #header, #leftCol, #centreCol, #rightCol, #footer {
	border: 1px solid black;
	}
*/	

#shadow {
	padding: 15px;
	width:920px;
	position:relative;
	left: 50%;
	margin-left: -475px;
	background-image:   url("/images/shadow/body.jpg");
	background-repeat:repeat-y;
	}

#shadowTop { top: 0; background-image:   url("/images/shadow/top.jpg"); }
#shadowBottom { bottom: 0; background-image:    url("/images/shadow/bottom.jpg"); }
#shadowTop, #shadowBottom {
	position: absolute;
	width: 100%;
	height: 25px;
	left: 0;
	background-repeat:repeat-x;
	}

#page{
	position:relative;
	background-color:white;
	border: 1px solid black;
	background-image:  url("/images/column_divider.jpg");
	background-repeat:repeat-y;
	}


#content {
	position:relative;
	}

#header {
	height: 58px; 
	background-color:#E6E6E6; 
	border-bottom: 1px solid black; 
	}
	
#leftCol {
	float: left;
	position:relative;
	width: 150px;
	left: 30px;
	padding-top: 65px;
	padding-bottom: 30px;
	font-size: 13px;
	}
	
#centreCol {
	left: 40px;
	float: left;
	position:relative;
	width: 558px;
	padding-bottom: 30px;
	}
	
#rightCol {
	float: left;
	position:relative;
	width: 150px;
	left: 50px;
	padding-bottom: 30px;
	color: #555;
	}
	
#footer {
	clear:both;
	height:40px;
	background-color: white;
	}


/* *******************
   MAIN CONTENT STYLES
   *******************/
h1, h2 { font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.05em;
	font-weight: normal;
	color: #569FE6;
	} 

h1 { 
	border-bottom: 1px solid #d5d3d2;
	margin-top:20px;
	font-size:24px;
	text-align: center;
	line-height:45px;
	}
	
h2 {  font-size: 18px; margin-bottom: 5px; 	line-height:24px; }
h3 { font-size: 12px; color: #569FE6; margin-bottom: 5px; word-spacing:normal; }
h3 a { color: #569FE6; }
p {	margin-top: 5px; }

a { color: #569FE6; }
a:hover { text-decoration: none; color: #F7931E; }

#centreCol p { padding-right: 10px; }
.noUnderline { border-bottom: none; }

/* ******************
   LEFT MARGIN STYLES
   ******************/
#leftCol h1 {
	text-align: left;
	color: #000000;
	margin:0px;
	font-size:24px;
	line-height:33px;
	border: none;
	margin-bottom: 15px;
	}
	
#leftCol p {
	font-size: 10px;
	letter-spacing:normal;
	word-spacing:normal;
	line-height:16px;
	color: #555;
	}
	
#leftCol a { color: #555; text-decoration: none;}


/* *******************
   RIGHT MARGIN STYLES
   *******************/
#rightCol h1 { 
	text-align: left;
	color: #F7931E;
	margin:0px;
	font-size:18px;
	border-bottom: none;
	border-top: 1px dotted #d5d3d2;
	border-top: 1px dotted black;
	margin-top: -1px; /* fudge (this and previous line - puts the dotted line right over the header line for the first entry */
	}
#rightCol ul { margin-top: 0px; margin-left: 0px; padding-left: 18px; }
#rightCol a { text-decoration: none; color: #555; }
#rightCol a:hover { text-decoration: underline; }
#rightCol h1 a { color: #F7931E; text-decoration: underline; }


/* *************
   FOOTER STYLES
   *************/
#footer p {
	padding: 6px;
	font-size: 10px;
	color: #666666;
	text-align: center;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	background-color:#E6E6E6;
	margin-top: 0px;
	}
	
#footer a { color: #666; text-decoration: none; }
#footer a:hover { text-decoration: underline; }


/* *************
   HEADER STYLES
   *************/
.headerLinks {
	color: #000000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	padding-right: 15px;
	padding-top: 16px;
	letter-spacing: 0.05em;
	border-top: 10px solid #569FE6;
	}
	
.headerLinks a { color: black; text-decoration: none; padding-top: 14px; }
.headerLinks a:hover {
	color: #F7931E;
	border-top: 10px solid #F7931E;
	}
.headerLinks a:selected {
	color: #F7931E;
	border-top: 10px solid #F7931E;
	}
	
.selected {
	color: #F7931E;
	border-top: 10px solid #F7931E;
	padding-top: 14px;
	}

/* *************
   MAGGIE STYLES
   *************/
.newsPanelDate, .eventPanelDate { color:#CCCCCC; }
.eventDivide { height: 1px; border: none; color: #d5d3d2; background-color: #d5d3d2;}
.announcementListTitle { font-weight: bold; margin-bottom: 0px; font-size: 14px;  border-top: 1px solid #d5d3d2; margin-top: 10px; padding-top: 10px; }
.firstAnnouncement { border-top: 0px; margin-top: 0px; padding-top: 0px; }
.announcementListDescription { margin-bottom: 10px; font-size: 12px; }
.newsDate, .eventDate, .eventLocationTitle, .eventContactTitle { font-weight: bold; font-size: 12px;  }
.eventLocationTitle, .eventContactTitle { color: #569FE6; margin-bottom: 5px; }
.eventDate { text-align:center; }
.eventContact { margin-top: 0px; }
/* mimic H1 */
.newsTitle, #eventTitle { font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.05em;
	font-weight: normal;
	color: #569FE6;
	border-bottom: 1px solid #d5d3d2;
	margin-top:20px;
	font-size:24px;
	text-align: center;
	line-height:45px;
	}
#eventTitle { border: none; }
.newsBody { border-bottom: 1px solid #d5d3d2; margin-bottom: 10px; padding-bottom: 10px; }
	

/* *******************
   SECTION TABS STYLES
   *******************/
ul#tabsNav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
color: #72C5EF;
border-bottom: 1px solid #d5d3d2; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
word-spacing:normal;
letter-spacing: 0.05em;
}

ul#tabsNav li { /* do not change */
display: inline;
line-height: normal;
}

ul#tabsNav li.tabSelected li { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

ul#tabsNav li.tabSelected a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #555; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}
ul#tabsNav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #d5d3d2; /* set border COLOR as desired; usually matches border color specified in #tabsNav */
background-color: #e6e6e6; /* set unselected tab background color as desired */
color: #555; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabsNav a:hover { /* settings for hover effect */
background: #F7931E; /* set desired hover color */
}

/* *****************************
   PUBLICATION LOGO TABLE STYLES
   *****************************/
	.publicationList TD { border-left: 1px dotted #d5d3d2; border-top: 1px dotted #d5d3d2; }
	.firstRow { border-top: none !important;}
	.firstCol { border-left: none !important; }