/* 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 ---- */

/* ---------- MARKETING styles ---------- */

p {
	padding-bottom:10px;
}
#middle1col {float: left; width: 740px; padding: 10px; /* width 562-padding */}
#middle2col {float: left; width: 540px; padding: 10px; /* width 562-padding */}

#headerlarge {
	position: absolute; top: 0px; right: 0px; text-align: right;
	font:11px Arial,Helvetica,Verdana,sans-serif; color: #FFF;

}

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

#header_title_new  {

	position: absolute;
	top: 133px;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	color: #FFFFFF;
	text-align: center;
	background-color:#000000;
	background-image:none;
	width: 100%;
	padding-top:5px;
	padding-bottom:5px;
	text-transform:uppercase;
	letter-spacing:4px;
}

#header_title_text {
	padding-right: 18px;
}


/* styles for two styles of banner ... main and small */
#bannermain {
	position: relative; width: 750px; height: 300px; overflow: hidden;
}
#bannersmall {
	position: relative; width: 750px; height: 125px; overflow: hidden;
}

/* style for text that floats above main level page large banners */
#bannertexttitle {}
#bannertext {}

/* --- styles for the MAIN CONTENT AREA below the banner, requires standard clear div outside close of div --- */
#content {
	float: left; 
	margin-bottom: 0; padding-bottom: 0;
}

/* 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;}
#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: 24px; 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 */}
/* 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 32px 0px; margin:0; margin-bottom: 14px; 
	background: url(/images/images_marketing/bkgnd_box_var8.gif) bottom left no-repeat #DCE3F2; color:#FFF;
}
#floatrelated div#box p {margin:0; padding:6px 4px 6px 8px; border-bottom: 1px solid #85A0BC; font-weight: bold;}

/* 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: 26px 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_var8.gif) top left repeat-y;  */
}

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

#navcontainer ul {
	margin: 0; margin-left: 0px !important; margin-left: -22px; /* important is the Mozilla versus IE fix needed */
	width: 188px; padding: 0; list-style-type: none;
}
#navcontainer li {margin: 0; padding: 0;}
#navcontainer a {display: block; width: 165px; padding: 6px 5px 6px 18px;
	text-decoration: none; border-bottom: 1px solid #A2B3CC; font-weight: bold; color: #FFF;
}
#navcontainer a:hover {color: #A2BAF7;}
#navcontainer li li a { 
	display: block; width: 154px; padding: 6px 3px 6px 31px;
	background:  url(/images/images_marketing/bkgnd_navcontainerlili_var8.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 #A2B3CC;
}
#navcontainer li li li a { 
	display: block; width: 143px; padding: 6px 3px 6px 42px;
	background:  url(/images/images_marketing/bkgnd_navcontainerlili_var8.gif) 24px 2px no-repeat; 
	margin-left: 0px !important; margin-left: -32px; /* important is the Mozilla versus IE fix needed */
	text-decoration: none; border-bottom: 1px solid #A2B3CC;
}

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

/* style for div that holds the department/section/page specific search in the left column */
#searchsection {margin: 20px 1px 15px 19px;}
.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;}
#middle a, #middle2col a {font-weight: bold;}

/* inset picture for main level page */
.insetpic {
	padding-bottom: 3px; border: 0; border-bottom: 6px solid #98ABC7; 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;
}

/* --- 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 32px 0px; margin:0; margin-bottom: 24px; 
	background: url(/images/images_marketing/bkgnd_box_var8.gif) bottom left no-repeat #DCE3F2; color:#FFF;
}
div#box p {margin:0; padding:6px 4px 6px 8px; border-bottom: 1px solid #85A0BC; font-weight: bold;}

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

li div {
	display:inline;
}
#footer2 {
	position: relative; /* so that elements are placed absolutely within this div */ overflow: hidden;
	background-color: #000000; height: 1px; width: 750px; padding:0px; margin:0px; }
/* ----- end template ----- */

/*----------------------------------------------ADDITIONS FOR FAQ SECTION----*/

.faq_subsection {
display: none;
border-top-width: 1px;
border-top-style: dashed;
border-top-color: silver;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: silver;
/*margin-top: 20px;
margin-bottom: 20px;*/
padding-top: 10px;
padding-bottom: 10px;
width:525px;
}


.faq_close {
display: block;
height: 15px;
width: 75px;
position:relative;
left:430px;
/*float: right;*/
font-weight: normal;
font-size: 11px;
text-align:right; 
margin-bottom:10px;
}

a{
outline-style:none;
}