/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- try to lay this out in the following sections and from top to bottom on pages ----- */
/* ----- USE COMMON NAMES ACROSS ALL FOUR FAMILIES ---- */

/* ---------- CORE styles ---------- */

/* styles for top header area */
#headertitle {
	position: absolute; top: 95px; right: 18px; 
	font:20px Arial,Helvetica,Verdana,sans-serif; color: #FFF; text-align: right;
}

#banner {
	position: relative; width: 750px; height: 172px; overflow: hidden;
}

/* style for text that floats above main level page large banners */
#bannertexttitle {}
#bannertext {
	position: absolute; left: 562px; bottom: 28px; width: 173px; overflow: hidden;
	font:12px/22px Arial,Helvetica,Verdana,sans-serif; color: #333;
}

/* --- styles for the MAIN CONTENT AREA below the banner, requires standard clear div outside close of div --- */

/* start with a small graphic just below the banner that establishes the page colour/variation */
#underbanner {
	width: 750px; height: 9px; overflow: hidden;
}

#content {
	float: left; background: url(../images/content_bottom.gif) top left repeat-y;
}

/* breadcrumb */
#breadcrumb {margin-bottom: 15px; font:12px/14px Arial,Helvetica,Verdana,sans-serif; color: #333;}
#breadcrumb a:link, #breadcrumb a:visited {text-decoration:none; font-weight: normal; color:#91002C;}
#breadcrumb a:hover, #breadcrumb a:active {text-decoration:underline; font-weight: normal; color:#91002C;}

/* three column styles for the _3col page templates */
#leftnav {float: left; width: 188px; overflow: hidden; padding-bottom:100px; border-top:1px solid #FFFFFF;}
#middle {float: left; width: 340px; padding: 0px 17px 15px; /* width 374-padding */}
#right {float: left; width: 188px; background-color: #FFF;}
/* spacer as required at top of columns */
#spacer {height: 15px; overflow: hidden;}

/* two column larger width text area column for the _2col page templates */
#middle2col {float: left; width: 528px; padding: 0px 17px 15px; /* width 562-padding */}

#middle2col img{
	padding:5px;
	}


/* styles required to float related links in 2 column layout */
#floatrelated {
	float: right; width: 188px; background-color: #FFF;
	 
}
#floatrelated div#box {width: 171px; padding: 5px 0px 10px 0px; margin:0; background:#EEEEEE; color:#FFF;}
#floatrelated div#box p {margin:0; padding:6px 4px 6px 8px; border-bottom: 1px solid #C2C2C2; font-weight: bold; color: #333;}

/* final style for one column/empty content area div for custom content in _blank template files */
/* does not require the clear div below it as we've removed the holder content div */
#contentopen {
	width: 750px; padding: 17px 0px 19px 0px; overflow: hidden;
	/* added padding top and bottom in case the content doesn't contain a p tag to force the padding at bottom */
	background: url(/images/images_core/bkgnd_content_core_var6.gif) top left repeat-y;
}

/* --- styles for LEFT NAV MENU including links and department search function --- */

#navcontainer ul {
	margin: 0; margin-left: 12px !important; margin-left: -8px; /* important is the Mozilla versus IE fix needed */
	width: 188px; padding: 0px 0px 10px 0px; list-style-type: none;;
}
#navcontainer li {margin: 0; padding: 0;}
#navcontainer a {color:#000000; display: block; width: 165px; padding: 6px 5px 6px 0px;
	text-decoration: none; border-bottom: 1px solid #FFFFFF; font-weight: bold;
}
#navcontainer a:hover {color: #333;}
#navcontainer li li a { 
	display: block; width: 154px; padding: 6px 3px 6px 31px;
	background:  url(/images/images_core/bkgnd_navcontainerlili_var6.gif) 12px 2px no-repeat; 
	margin-left: 0px !important; margin-left: -10px; /* important is the Mozilla versus IE fix needed */
	text-decoration: none; border-bottom: 1px solid #FFFFFF;
}

/* title on main level pages or indicator of where you are in section */
.leftnavon {color: #333;}

/* style for div that holds the department/section/page specific search in the left column */
#searchsection {margin: 20px 1px 25px 19px; color:#FFFFFF;}
.leftsearchbutton {padding: 8px 5px 0px 0px; border: none;}

/* --- styles for the CENTRE/MIDDLE COLUMN content that has types of text, news, events etc --- */

#middle p,  #middle2col p {padding-bottom: 15px; line-height: 22px; color: #696969;}
#middle a, #middle2col a {font-weight: bold;}


/* inset picture for main level page */
.insetpic {
	padding-bottom: 3px; border: 0; border-bottom: 6px solid #CCC; margin: 0px 0px 20px 20px;
}

/* news and events items */
#newseventstitle {
	position: relative; width: 340px; 
	border-bottom: 1px solid #C2C2C2; padding-bottom: 6px; margin-bottom: 12px; font-weight: bold;
}
#viewall {position: absolute; right: 0px; top: 0px; text-align: right;}

/* news items have three different styles ... top item, middle items, last item */
#newsitemtop {padding: 0px 0px 11px 0px; border-bottom: 1px solid #C2C2C2;} 
#newsitem {padding: 11px 0px 11px 0px; border-bottom: 1px solid #C2C2C2;} 
#newsitembottom {padding: 11px 0px 11px 0px; border-bottom: 1px solid #C2C2C2; margin-bottom: 18px} 
#newsitemtop p, #newsitem p, #newsitembottom p {margin-left: 70px; padding-bottom: 0;}

/* newsitem picture style */
#newsitempic {
	width: 61px; height: 61px; overflow: hidden;
}
/* newsitem list styles */
#newsitemtop ul, #newsitem ul, #newsitembottom ul {
	margin: 0; padding: 0; margin-left: 77px; color: #333; margin-top: 8px;
}


/* --- styles for RIGHT NAV MENU department links, related content, news --- */

/* niftyCorners styles for the related content box with rounded corners done without images */
div#box {width: 171px; padding: 5px 0px 10px 0px; margin:0; margin-bottom: 24px; background:#EEE; color:#FFF;}
div#box p {margin:0; padding:6px 4px 6px 8px; border-bottom: 1px solid #C2C2C2; font-weight: bold;}

/* these define the nav menu when it's on the right */
#navcontainerright ul {
	margin: 0; margin-left: 0px !important; margin-left: -22px; /* important is the Mozilla versus IE fix needed */
	width: 171px; padding: 0; list-style-type: none;
}
#navcontainerright li {margin: 0; padding: 0;}
#navcontainerright a {display: block; width: 166px; padding: 6px 5px 6px 5px;
	text-decoration: none; border-bottom: 1px solid #C2C2C2; font-weight: bold;
}
#navcontainerright a:hover {text-decoration: underline;}
.rightnavtitle {color: #333; font-weight: bold; border-bottom: 1px solid #C2C2C2; padding: 0px 0px 6px 4px; width: 171px;}

/* ----- end template ----- */

.siteTitle {
	color:#FFFFFF; 
	font-size:20px; 
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
}