﻿html
{ height: 100%;}

*
{
	margin: 0;
}

body
{
	color: #333;
	background: #C8CCD1;
	line-height: 12pt;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
}

p
{
	padding: 8px 0 8px 0;
	line-height: 1.5em;
	font-family: Verdana, Helvetica, sans-serif;
}

blockquote
{
	padding: 5px 50px 5px 30px;
}

h1 
{
	color: #000;
	padding: 15px 0 5px 0;
	font-size: 1.6em;
	line-height: 1.2em;
}

h1 a
{
	text-decoration:none;
}

h2 a
{
	text-decoration:none;
}

h3 a
{
	text-decoration:none;
	color: #000;
}


h2
{
	font-size: 1.4em;
	line-height: 1.2em;
	padding: 15px 0 5px 0;
	color: #000066;
}

h3
{
	padding: 15px 10px 5px 0;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #000;
}

h6 
{
	color: #000066;
	padding: 15px 0 5px 0;
	font-size: 1.6em;
	line-height: 1.2em;
	text-transform:uppercase;
}

h6 a
{
	text-decoration:none;
}

h4, h5
{
	margin: 10 0 5px 0;
	padding: 0 0 10px 0;
	font-size: 13px;
	color: #000;
}

a, a:hover
{
	outline: none;
	text-decoration: underline;
	color: #000085;
}

a:hover
{ text-decoration: none;}

table p
{
	padding-left: 5px;
	padding-right: 5px;
}

.left
{ float: left;
 width: auto;
 margin-right: 10px;}

.right
{
	float: right;
	width: auto;
	padding-top: 10px;
}

.h1search
{
	text-decoration: none;
	font-family: Verdana;
	font-weight: bold;
	color: #FFFFFF;
}

.center
{ display: block;
 text-align: center;
 margin: 20px auto;}
 
.headerimg
 {
	padding: 0px 0px 0px 0px;
 }
 
.centeralign
{
	display: block;
	text-align: center;
	padding-bottom: 10px;
}

.tabtext
{
	display: block;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 13px;
	font-family: Verdana;
	font-weight: bold;
	color: #FFF;
}

.tabtext a
{
	text-decoration: none;
	color: #FFF;
}

.tabtext:hover
{
	text-decoration: underline;
}

.caption
{
	display: block;
	text-align: center;
	padding-bottom: 10px;
	alignment-baseline: central;
	font-size: 10px;
}

.correct
{
	padding-left: 50px;
	background-image: url(../images/correct.png);
	background-repeat:no-repeat;
}

.incorrect
{
	padding-left: 50px;
	background-image: url(../images/incorrect.png);
	background-repeat:no-repeat;
}

.quote1
{
	display: block;
	text-align: center;
	padding-bottom: 10px;
	alignment-baseline: central;
	font-size: 13px;
	font-style: italic;
	background-image: url(../images/quote1.png);
	background-repeat: no-repeat;
	padding-left: 70px;
	margin-left: 20px;
	border-top-style: solid;
	border-top-width: thin;
	margin-top: 10px;
	border-bottom-style: solid;
	border-bottom-width: thin;
	height: auto;
}

.quote2
{
	display: block;
	text-align: center;
	padding-bottom: 10px;
	alignment-baseline: central;
	font-size: 13px;
	font-style: italic;
	background-image: url(../images/quote2.png);
	background-repeat: no-repeat;
	padding-left: 70px;
	margin-left: 20px;
	border-top-style: solid;
	border-top-width: thin;
	margin-top: 10px;
	border-bottom-style: solid;
	border-bottom-width: thin;
	height: auto;
}

.quote3
{
	display: block;
	text-align: center;
	padding-bottom: 10px;
	alignment-baseline: central;
	font-size: 13px;
	font-style: italic;
	background-image: url(../images/quote3.png);
	background-repeat: no-repeat;
	padding-left: 70px;
	margin-left: 20px;
	border-top-style: solid;
	border-top-width: thin;
	margin-top: 10px;
	border-bottom-style: solid;
	border-bottom-width: thin;
	height: auto;
}

.quote4
{
	display: block;
	text-align: center;
	padding-bottom: 10px;
	alignment-baseline: central;
	font-size: 13px;
	font-style: italic;
	background-image: url(../images/quote4.png);
	background-repeat: no-repeat;
	padding-left: 70px;
	margin-left: 20px;
	border-top-style: solid;
	border-top-width: thin;
	margin-top: 10px;
	border-bottom-style: solid;
	border-bottom-width: thin;
	height: auto;
}

.quote5
{
	display: block;
	text-align: center;
	padding-bottom: 10px;
	alignment-baseline: central;
	font-size: 13px;
	font-style: italic;
	background-image: url(../images/quote5.png);
	background-repeat: no-repeat;
	padding-left: 70px;
	margin-left: 20px;
	border-top-style: solid;
	border-top-width: thin;
	margin-top: 10px;
	border-bottom-style: solid;
	border-bottom-width: thin;
	height: auto;
}

.quoteguide
{
	display: block;
	text-align: center;
	padding-bottom: 10px;
	alignment-baseline: central;
	font-size: 13px;
	font-style: italic;
	background-image: url(../images/quoteguide.png);
	background-repeat: no-repeat;
	padding-left: 70px;
	margin-left: 20px;
	border-top-style: solid;
	border-top-width: thin;
	margin-top: 10px;
	border-bottom-style: solid;
	border-bottom-width: thin;
	height: auto;
}

.reflection1
{
	display: block;
	alignment-baseline: central;
	font-size: 13px;
	background-image: url(../images/reflection1.png);
	background-repeat: no-repeat;
	padding-left: 70px;
	margin-left: 20px;
	border-top-style: solid;
	border-top-width: thin;
	margin-top: 10px;
	height: 85px;
	border-bottom-style: solid;
	border-bottom-width: thin;
	text-align: center;
}

.reflection2
{
	display: block;
	alignment-baseline: central;
	font-size: 13px;
	background-image: url(../images/reflection2.png);
	background-repeat: no-repeat;
	padding-left: 70px;
	margin-left: 20px;
	border-top-style: solid;
	border-top-width: thin;
	margin-top: 10px;
	height: 85px;
	border-bottom-style: solid;
	border-bottom-width: thin;
	text-align: center;
}

.reflection3
{
	display: block;
	alignment-baseline: central;
	font-size: 13px;
	background-image: url(../images/reflection3.png);
	background-repeat: no-repeat;
	padding-left: 70px;
	margin-left: 20px;
	border-top-style: solid;
	border-top-width: thin;
	margin-top: 10px;
	height: 85px;
	border-bottom-style: solid;
	border-bottom-width: thin;
	text-align: center;
}

.reflection4
{
	display: block;
	alignment-baseline: central;
	font-size: 13px;
	background-image: url(../images/reflection4.png);
	background-repeat: no-repeat;
	padding-left: 70px;
	margin-left: 20px;
	border-top-style: solid;
	border-top-width: thin;
	margin-top: 10px;
	height: 85px;
	border-bottom-style: solid;
	border-bottom-width: thin;
	text-align: center;
}

.reflection5
{
	display: block;
	alignment-baseline: central;
	font-size: 13px;
	background-image: url(../images/reflection5.png);
	background-repeat: no-repeat;
	padding-left: 70px;
	margin-left: 20px;
	border-top-style: solid;
	border-top-width: thin;
	margin-top: 10px;
	height: 85px;
	border-bottom-style: solid;
	border-bottom-width: thin;
	text-align: center;
}

.reflectionns
{
	display: block;
	alignment-baseline: central;
	font-size: 13px;
	background-image: url(../images/reflectionns.png);
	background-repeat: no-repeat;
	padding-left: 70px;
	margin-left: 20px;
	border-top-style: solid;
	border-top-width: thin;
	margin-top: 10px;
	height: 85px;
	border-bottom-style: solid;
	border-bottom-width: thin;
	text-align: center;
}


.reflection_content
{
	padding-left: 0px;
	margin-left: 20px;
	padding-top: 25px;

}

.quote_content
{
	padding-left: 0px;
	margin-left: 20px;
	padding-top: 20px;
	padding-bottom: 15px;

}

.pyramid_content
{
	padding-left: 0px;
	margin-left: 20px;
	padding-top: 20px;
	padding-bottom: 15px;

}

.footnote
{
	display: block;
	text-align: left;
	padding-bottom: 10px;
	alignment-baseline: central;
	font-size: 12px;
	font-style: italic;
	line-height:1.4em;
	border-top-color: #333;
	border-top-style: solid;
	border-top-width: thin;
}

ul
{ margin: 2px 0 22px 17px;
}

ul li {
	margin: 0 0 6px 0;
	padding: 0 0 4px 5px;
	line-height: 1.3em;
 }
 
.ul2
{
	margin: 0 0 6px 0;
	padding: 0 0 4px 5px;
	line-height: 1.3em;
	padding-left: 10px;
 }

ol
{
	margin: 8px 0 12px 20px;
}

ol li
{ margin: 0 0 11px 0;
line-height: 1.5em;}

#main, #site_content, #footer
{
	margin-left: auto;
	margin-right: auto;
	background-image: url();
	background-repeat: repeat-x;
}

#flashcontent
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#Layer1, #Layer2, #Layer3, #Layer4, #Layer5, #Layer6, #Layer7, #Layer8, #Layer9, #Layer10, #Layer11, #Layer12, #Layer13, #Layer14, #Layer15, #Layer16, #Layer17, #Layer18, #Layer19, #Layer20, #Layer21, #Layer22, #Layer23, #Layer24, #Layer25, #Layer26, #Layer27, #Layer28, #Layer29, #Layer30, #Layer31, #Layer32,
{
	padding-left: 4px;
	padding-right: 4px;
	position:relative;
}

#search_bg
{
	margin-left: auto;
	margin-right: auto;
	background-image: url(search_bg.png);
	background-repeat: repeat-x;
	background-color: #C8CCD1;
}

#header
{
	height: 122px;
	qwidth: 100%;
	background-image: url(topbar_bg.png);
	background-repeat:  repeat-x;}

#q1fb, #q2fb, #q3fb, #q4fb, #q5fb, #q6fb, #q7fb, #q8fb, #q9fb, #q10fb
{
	border-color: #333;
	border-style: solid;
	border-width: thin;
	padding: 3px 3px 3px 3px;
	visibility: hidden;
}

#logocontainer
{
	width: 906px;
	position: relative;
	height: 122px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(topbar_bg.png);
	background-repeat:  repeat-x;
}

#logo
{
	width: 900px;
	position: relative;
	height: 122px;
	float: left;
	background-image: url(wb_icon.png);
	background-repeat:  no-repeat;
}

#cglogo
{
	width: 900px;
	position: relative;
	height: 122px;
	float: left;
	background-image: url(../images/cg_icon.png);
	background-repeat:  no-repeat;
}

#mod1logo
{
	width: 900px;
	position: relative;
	height: 122px;
	float: left;
	background-image: url(../images/mod1_icon.png);
	background-repeat: no-repeat;
}

#mod2logo
{
	width: 900px;
	position: relative;
	height: 122px;
	float: left;
	background-image: url(../images/mod2_icon.png);
	background-repeat: no-repeat;
}

#mod3logo
{
	width: 900px;
	position: relative;
	height: 122px;
	float: left;
	background-image: url(../images/mod3_icon.png);
	background-repeat: no-repeat;
}

#mod4logo
{
	width: 900px;
	position: relative;
	height: 122px;
	float: left;
	background-image: url(../images/mod4_icon.png);
	background-repeat: no-repeat;
}

#mod5logo
{
	width: 900px;
	position: relative;
	height: 122px;
	float: left;
	background-image: url(../images/mod5_icon.png);
	background-repeat: no-repeat;
}

#mod6logo
{
	width: 900px;
	position: relative;
	height: 122px;
	float: left;
	background-image: url(wb_icon.png);
	background-repeat:  no-repeat;
}

#nslogo
{
	width: 900px;
	position: relative;
	height: 122px;
	float: left;
	background-image: url(../images/ns_icon.png);
	background-repeat: no-repeat;
}

#topleftlogo
{
	width: 3px;
	position: relative;
	height: 122px;
	float: left;
	background-image: url(borderleft.png);
	background-repeat:  repeat-y;
}

#toprightlogo
{
	width: 3px;
	position: relative;
	height: 122px;
	float: left;
	background-image: url(borderright.png);
	background-repeat:  repeat-y;
}

#menucontainer
{
	width: 906px;
	position: relative;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	background-image: url();
	background-repeat:  repeat-x;
}

#searchmenucontainer
{
	width: 906px;
	position: relative;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	background-repeat:  repeat-x;
}

.searchmainframe
{
	width: 866px;
	position: relative;
	height: 400px;
}

#menubar 
{
	width: 900px;
	height: 50px;
	float: left;
	padding: 0;
	background-color: #FFF;
}

#topleftmenu
{
	width: 3px;
	position: relative;
	height: 50px;
	float: left;
	background-image: url(borderleft.png);
	background-repeat:  repeat-y;
}

#toprightmenu
{
	width: 3px;
	position: relative;
	height: 50px;
	float: left;
	background-image: url(borderright.png);
	background-repeat:  repeat-y;
}

#courseguidetab
{
	width: 129px;
	float: left;
	background-image: url(courseguidetab.png);
	background-repeat: no-repeat;
	height: 50px;
}

#mod1tab
{
	width: 128px;
	float: left;
	background-image: url(mod1tab.png);
	background-repeat: no-repeat;
	height: 50px;
}

#mod2tab
{
	width: 128px;
	float: left;
	background-image: url(mod2tab.png);
	background-repeat: no-repeat;
	height: 50px;
}

#mod3tab
{
	width: 128px;
	float: left;
	background-image: url(mod3tab.png);
	background-repeat: no-repeat;
	height: 50px;
}

#mod4tab
{
	width: 128px;
	float: left;
	background-image: url(mod4tab.png);
	background-repeat: no-repeat;
	height: 50px;
}

#mod5tab
{
	width: 128px;
	float: left;
	background-image: url(mod5tab.png);
	background-repeat: no-repeat;
	height: 50px;
}

#mod6tab
{
	width: 112px;
	float: left;
	background-image: url(mod6tab.png);
	background-repeat: no-repeat;
	height: 50px;
}

#nextstepstab
{
	width: 129px;
	float: left;
	background-image: url(nextstepstab.png);
	background-repeat: no-repeat;
	height: 50px;
}

#courseguidetabon
{
	width: 128px;
	float: left;
	background-image: url(courseguidetabon.png);
	background-repeat: no-repeat;
	height: 50px;
}

#mod1tabon
{
	width: 128px;
	float: left;
	background-image: url(mod1tabon.png);
	background-repeat: no-repeat;
	height: 50px;
}

#mod2tabon
{
	width: 128px;
	float: left;
	background-image: url(mod2tabon.png);
	background-repeat: no-repeat;
	height: 50px;
}

#mod3tabon
{
	width: 128px;
	float: left;
	background-image: url(mod3tabon.png);
	background-repeat: no-repeat;
	height: 50px;
}

#mod4tabon
{
	width: 128px;
	float: left;
	background-image: url(mod4tabon.png);
	background-repeat: no-repeat;
	height: 50px;
}

#mod5tabon
{
	width: 128px;
	float: left;
	background-image: url(mod5tabon.png);
	background-repeat: no-repeat;
	height: 50px;
}

#mod6tabon
{
	width: 112px;
	float: left;
	background-image: url(mod6tabon.png);
	background-repeat: no-repeat;
	height: 50px;
}

#nextstepstabon
{
	width: 128px;
	float: left;
	background-image: url(nextstepstabon.png);
	background-repeat: no-repeat;
	height: 50px;
}

#colorbarcontainer
{
	width: 906px;
	position: relative;
	height: 10px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

#searchcolorbarcontainer
{
	width: 906px;
	position: relative;
	height: 10px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

#topleftcolorbar
{
	width: 3px;
	position: relative;
	height: 10px;
	float: left;
	background-image: url(borderleft.png);
	background-repeat:  repeat-y;
}

#searchtopleftcolorbar
{
	width: 3px;
	position: relative;
	height: 10px;
	float: left;
	background-image: url(borderleft.png);
	background-repeat:  repeat-y;
}

#toprightcolorbar
{
	width: 3px;
	position: relative;
	height: 10px;
	float: left;
	background-image: url(borderright.png);
	background-repeat:  repeat-y;
}

#searchtoprightcolorbar
{
	width: 3px;
	position: relative;
	height: 10px;
	float: left;
	background-image: url(borderright.png);
	background-repeat:  repeat-y;
}

#courseguidecolorbar
{
	width: 900px;
	position: relative;
	height: 10px;
	float: left;
	background-image: url(courseguidebar_bg.png);
}

#searchcolorbar
{
	width: 900px;
	position: relative;
	height: 10px;
	float: left;
	background-image: url(mod1bar_bg.png);
}

#mod1colorbar
{
	width: 900px;
	position: relative;
	height: 10px;
	float: left;
	background-image: url(mod1bar_bg.png);
}

#mod2colorbar
{
	width: 900px;
	position: relative;
	height: 10px;
	float: left;
	background-image: url(mod2bar_bg.png);
}

#mod3colorbar
{
	width: 900px;
	position: relative;
	height: 10px;
	float: left;
	background-image: url(mod3bar_bg.png);
}

#mod4colorbar
{
	width: 900px;
	position: relative;
	height: 10px;
	float: left;
	background-image: url(mod4bar_bg.png);
}

#mod5colorbar
{
	width: 900px;
	position: relative;
	height: 10px;
	float: left;
	background-image: url(mod5bar_bg.png);
}

#mod6colorbar
{
	width: 900px;
	position: relative;
	height: 10px;
	float: left;
	background-image: url(mod6bar_bg.png);
}

#nextstepscolorbar
{
	width: 900px;
	position: relative;
	height: 10px;
	float: left;
	background-image: url(nextstepsbar_bg.png);
}

#site_content
{
	width: 866px;
	overflow: hidden;
	margin: 0 auto 0 auto;
	padding: 20px 20px 20px 20px;
	background: #FFF;
	background-image: url(content_bg.png);
	background-repeat: repeat-y;
}

.search_content
{
	width: 866px;
	background-color:#FFF;
	
}

#menubar_search
{
	width: 900px;
	height: 70px;
	padding: 0;
	background-image: url(menubar_search.png);
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
}

#searchbar
{
	width: 600px;
	height: 70px;
	padding: 0;
	float:right;
}

ul#menu, ul#menu li, ul#menu li a
{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
}

ul#menu li
{
	list-style: none;
}

ul#menu li a
{
	display: block;
	height: 44px;
	color: #000;
	width: 150px;
	padding-top: 7px;
}

ul#menu li.selected
{
	display: block;
	float: left;
	height: 50px;
	width: 150px;
	background-color: #E54247;
}

ul#menu li.selected a
{
	color: #ffffff;
}

ul#menu li a:hover
{
	color: #ffffff;
}

#nextprevbar 
{
	height: 15px;
	background-image: url(trans.png);
	width: 595px;
	padding-top: 20px;
}

#nextprevbarwide 
{
	height: 15px;
	background-image: url(trans.png);
	width: 860px;
	padding-top: 20px;
}

ul#nextprev, ul#nextprev li, ul#nextprev li a
{
	margin: 0;
	padding: 0;
}

ul#nextprev li
{
	list-style: none;
}

ul#nextprev li a
{
	display: block;
	height: 15px;
	color: #000;
}

.numberlist
{
	margin: 0 0 0 -20px;

}

#next
{
	float: left;
	width: 41px;
	background-image: url(next.png);
	background-repeat: no-repeat;
	height: 48px;
}

#next a:hover
{
	background-image: url(next_over.png);
	background-repeat: no-repeat;
}

#nextmute
{
	float: left;
	width: 41px;
	background-image: url(next_mute.png);
	background-repeat: no-repeat;
	height: 48px;
}

#nextmodule
{
	float: left;
	width: 41px;
	background-image: url(nextmodule.png);
	background-repeat: no-repeat;
	height: 48px;
}

#nextmodule a:hover
{
	background-image: url(nextmodule_over.png);
	background-repeat: no-repeat;
}

#nextsteps
{
	float: left;
	width: 41px;
	background-image: url(nextsteps.png);
	background-repeat: no-repeat;
	height: 48px;
}

#nextsteps a:hover
{
	background-image: url(nextsteps_over.png);
	background-repeat: no-repeat;
}

#previous
{
	float: left;
	width: 41px;
	background-image: url(previous.png);
	background-repeat: no-repeat;
	height: 48px;
}

#previous a:hover
{
	background-image: url(previous_over.png);
	background-repeat: no-repeat;
}

#previousmute
{
	float: left;
	width: 41px;
	background-image: url(previous_mute.png);
	background-repeat: no-repeat;
	height: 48px;
}

#previousmodule
{
	float: left;
	width: 41px;
	background-image: url(previous_module.png);
	background-repeat: no-repeat;
	height: 48px;
}

#bottomprev
{
	float: left;
	width: 68px;
	background-image: url(previousbottom.png);
	background-repeat: no-repeat;
	height: 15px;
}

#bottomprevmute
{
	float: left;
	width: 68px;
	background-image: url(previousbottom_mute.png);
	background-repeat: no-repeat;
	height: 15px;
}

#bottomprevmodule
{
	float: left;
	width: 68px;
	background-image: url(previousbottom_module.png);
	background-repeat: no-repeat;
	height: 15px;
}


#bottomprev a:hover
{
	background-image: url(previousbottom.png);
	background-repeat: no-repeat;
} 
 
#bottomnext
{
	float: right;
	width: 46px;
	background-image: url(nextbottom.png);
	background-repeat: no-repeat;
	height: 15px;
}

#bottomnext a:hover
{
	background-image: url(nextbottom.png);
	background-repeat: no-repeat;
} 

#bottomnextmute
{
	float: right;
	width: 46px;
	background-image: url(nextbottom_mute.png);
	background-repeat: no-repeat;
	height: 15px;
}

#bottomnextmodule
{
	float: right;
	width: 85px;
	background-image: url(nextmodulebottom.png);
	background-repeat: no-repeat;
	height: 15px;
}

#bottomnextmodule a:hover
{
	background-image: url(nextmodulebottom.png);
	background-repeat: no-repeat;
} 

#bottomnextsteps
{
	float: right;
	width: 85px;
	background-image: url(nextstepsbottom.png);
	background-repeat: no-repeat;
	height: 15px;
}

#bottomnextsteps a:hover
{
	background-image: url(nextstepsbottom.png);
	background-repeat: no-repeat;
} 

#toolbar 
{
	height: 48px;
	margin: 0;
	padding: 0;

}

ul#tools, ul#tools li, ul#tools li a
{
	margin: 0;
	padding: 0;
}

ul#tools li
{
	list-style: none;
}

ul#tools li a
{
	display: block;
	height: 48px;
	color: #000;
}

#print
{
	float: left;
	width: 41px;
	background-image: url(print.png);
	background-repeat: no-repeat;
	height: 48px;
}

#print a:hover
{
	background-image: url(print_over.png);
	background-repeat: no-repeat;
} 

#sitemapicon
{
	float: left;
	width: 41px;
	background-image: url(sitemap.png);
	background-repeat: no-repeat;
	height: 48px;
}

#sitemapicon a:hover
{
	background-image: url(sitemap_over.png);
	background-repeat: no-repeat;
} 

#search
{
	float: left;
	width: 41px;
	background-image: url(search.png);
	background-repeat: no-repeat;
	height: 48px;
}

#search a:hover
{
	background-image: url(search_over.png);
	background-repeat: no-repeat;
}

#spacer
{
	float: left;
	width: 2px;
	height: 48px;
}

#title 
{
	width: 897px;
	height: 20px;
	padding: 0;
	background: #5A2C24;
}

.fancy
{
	text-align: center;
	font-style: italic;
	font-weight: bold;
	
}

.atrib
{
	text-align: right;
	padding-top: 5px;
	
}

.sidebar
{
	float: right;
	width: 245px;
	margin-left: 15px;
}

#leftcontent
{
	float: left;
	width: 580px;
	margin-left: 0px;
}

.sidebartop
{
	float: left;
	height: 8px;
	width: 245px;
	background-image: url(sidebartop_bg.png);
	background-repeat: no-repeat;
}

.sidebarmiddle
{
	float: left;
	width: 220px;
	background-image: url(sidebar_bg.png);
	font-size: 12px;
	padding-left: 15px;
	padding-right: 10px;
	background-repeat: repeat-y;
}

.sidebarbottom
{
	float: left;
	height: 15px;
	width: 245px;
	background-image: url(sidebarbottom_bg.png);
	background-repeat: no-repeat;
}

.sidebar ul
{
	width: 215px;
	padding: 0px 0 0 0;
	margin: 4px 0 30px 0;
}

.sidebar li
{
	list-style: none;
	padding: 0 0 0px 0;
}

.sidebar li a
{
	text-decoration: none;
}

.sidebar li a:hover
{
	text-decoration: underline;
}

.sidebar li a, .sidebar li a:hover
{
	padding: 0 0 0 25px;
	display: block;
} 

.sidebar li a.selected
{
	color: #E54247;
	text-decoration: none;
} 

.sidebar li a.mainlink
{
	padding: 0 0 0 25px;
	display: block;
	background: transparent url(level1.png) no-repeat left top;
	width: 195px;
	font-weight: bold;
}

.sidebar li a.mainlinkselected
{
	padding: 0 0 0 25px;
	display: block;
	background: transparent url(level1.png) no-repeat left top;
	text-decoration: underline;
	color: #E54247;
	width: 195px;
	font-weight: bold;
} 

.sidebar li a.mainwsub
{
	padding: 0 0 0 25px;
	display: block;
	background: transparent url(level1_selected.png) no-repeat left top;
	width: 195px;
	font-weight: bold;
} 
 
 .sidebar li a.mainwsubselected
 {
	color: #E54247;
	text-decoration: underline;
	background: transparent url(level1_selected.png) no-repeat left center;
	width: 195px;
	font-weight: bold;
 } 
 
.sidebar li a.level2link, .sidebar li a.level2link:hover
{
	padding: 0 0 0 25px;
	display: block;
	background: transparent url(level2.png) no-repeat left top;
	margin-left: 20px;
	width: 175px;
}

.sidebar li a.level2linkselected, .sidebar li a.level2linkselected:hover
{
	color: #E54247;
	text-decoration: underline;
	padding: 0 0 0 25px;
	display: block;
	background: transparent url(level2.png) no-repeat left top;
	margin-left: 20px;
	width: 175px;
}

.sidebar li a.level2linkwsub, .sidebar li a.level2linkwsub:hover
{
	padding: 0 0 0 25px;
	display: block;
	background: transparent url(level2_selected.png) no-repeat left top;
	margin-left: 20px;
	width: 160px;
}

.sidebar li a.level2linkwsubselected, .sidebar li a.level2linkwsubselected:hover
{
	color: #E54247;
	text-decoration: underline;
	padding: 0 0 0 25px;
	display: block;
	background: transparent url(level2_selected.png) no-repeat left center;
	margin-left: 20px;
	width: 160px;
}
 
.sidebar li a.level3link, .sidebar li a.level3link:hover
{
	padding: 0 0 0 25px;
	display: block;
	background: transparent url(level3.png) no-repeat left top;
	margin-left: 30px;
	width: 150px;
	font-style: italic;
}

.sidebar li a.level3linkselected, .sidebar li a.level3linkselected:hover
{
	color: #E54247;
	text-decoration: underline;
	padding: 0 0 0 25px;
	display: block;
	background: transparent url(level3.png) no-repeat left top;
	margin-left: 30px;
	width: 150px;
	font-style: italic;
}
 
#content
{
	color: #000;
	width: 591px;
	padding: 0;
	background-color: #FFF;
	font-family: Verdana, Helvetica, sans-serif;
}

#contentcenter
{
	text-align: center;
}

#widecontent
{
	color: #000;
	width: 850px;
	padding: 0;
	background-color: #FFF;
	font-family: Verdana, Helvetica, sans-serif;
}

.content_printable
{
	color: #000;
	width: 866px;
	padding: 0;
	background-color: #FFF;
	font-family: Verdana, Helvetica, sans-serif;
}

.pagenum
{
	float: right;
	font-weight: bold;
}

.pagebreak
{
	width: 866px;
	background-image: url(pagebreak.png);
	background-repeat: no-repeat;
}

.tablecontent
{
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}

#content ul
{
	margin: 2px 0 2px 0px;
}

#content ul li
{
	list-style-type: none;
	background: url(bullet.png) no-repeat;
	margin: 0 0 4px 15px;
	padding: 0 0 4px 15px;
}

#content ul li .subbullet
{
	list-style-type: none;
	background: url(bullet2.png) no-repeat;
	margin: 0 0 4px 15px;
	padding: 0 0 4px 15px;
}
 
#content ol li
{
	margin: 0 0 4px 10px;
	padding: 0 0 4px 0px;
}
 
#printable
{
	color: #000;
	text-align: left;
	width: 839px;
	padding: 0;
	font-family: Verdana, Helvetica, sans-serif;
	margin: 0 auto 0 auto;
	padding: 20px 24px 20px 37px;
	background: #FFF;
	background-image: url(content_bg.png);
	background-repeat: repeat-y;
}

.printpage ul
{
	margin: 2px 0 2px 0px;
}

.printpage ul li
{
	list-style-type: none;
	background: url(bullet.png) no-repeat;
	margin: 0 0 4px 12px;
	padding: 0 0 4px 15px;
	line-height: 1.bem;}
 
.printpage li
{
	margin: 0 0 4px 15px;
	padding: 0 0 4px 0px;
	line-height: 1.bem;
}

.darkborder
{
	 border: 1px solid #000000;
	 padding: 4px 4px 4px 4px;
}

#footer
{
	width: 906px;
	font: normal 100% 'lucida sans unicode', arial, sans-serif;
	height: 19px;
	padding: 4px 0 4px 0;
	text-align: center;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	background-image: url(footer.png);
	background-repeat: repeat-y;
}

#footer a
{ color: #FFF;
 text-decoration: none;}

#footer a:hover
{ color: #FFF;
 text-decoration: underline;}

.search
{ color: #5D5D5D; 
 border: 1px solid #BBB; 
 width: 134px; 
 padding: 4px; 
 font: 100% arial, sans-serif;}

#colours
{ height: 0px;
 text-align: right;
 padding: 66px 16px 0px 300px;}
 
.greyeye
{
	font-style: italic;
	color: #666;
}

.grey
{
	color: #666;
}

.separator
{ width: 100%;
 height: 0;
 border-top: 1px solid #D9D5CF;
 border-bottom: 1px solid #FFF;
 margin: 0 0 20px 0;}

.hiliteyellow {
	text-decoration: none;
	background-color: #FFFF00;
}

.hiliteyellowlink {
	text-decoration: none;
	background-color: #FFFF00;
}

.hiliteyellowlink a {
	text-decoration: none;
}

.hiliteyellowlink a:hover {
	text-decoration: none;
	background-color: #FF9933;
}

.hiliteblue {

	text-decoration: none;
	background-color: #66CCFF;
}

.hilitered {
	text-decoration: none;
	background-color: #FF3333;
}

.hiliteorange {
	text-decoration: none;
	background-color: #FF9933;
}

.hilitemauve {
	text-decoration: none;
	background-color: #CC33FF;
}

.hilitegreen {
	text-decoration: none;
	background-color: #00ff00;
}

.tourquoise {
	font-family: Verdana;
	font-size: 12px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 18px;
	color: #0099CC;
}

.hilitetorquoise {
	background-color: #66ffff;
}

.hilitepink {
	background-color: #F99;
}

.contenttable
{
	background: #E4E4E4;
	width: 590px;
	margin-right: 20px;
	border-color: #333;
	border-style: solid;
	border-width: thin;
}

.quiztable
{
	background: #E4E4E4;
	width: 590px;
	margin-right: 20px;
	border-color: #333;
	border-style: solid;
	border-width: thin;
}

.centertable
{
	background: #E4E4E4;
	text-align: center;
	vertical-align: top;
	margin-right: auto;
	margin-left: auto;
}

/*
	Sitemap Styler 	 
*/

#sitemap, #sitemap ul, #sitemap li{
	margin:0;
	padding:0;
	list-style:none;
}
#sitemap{background:url(line1.gif) repeat-y;}
#sitemap li{
	line-height:20px;
	margin-top:1px;
	position:relative;
	width:100%;
}
/* IE leaves a blank space where span is added so this is to avoid that */
* html #sitemap li{
	float:left;
	display:inline;
}

#sitemap li a{padding-left:28px;}
#sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
#sitemap li span, #sitemap li span.collapsed{background:url(collapsed.gif) no-repeat 0 0;} 
#sitemap li span.expanded{background:url(expanded.gif) no-repeat 0 0;}

#sitemap li ul{	
	margin-left:28px;
	background:url(line1.gif) repeat-y;
}
#sitemap li li{	
	background:url(line2.gif) no-repeat 0 0;
}

#sitemap:after, #sitemap ul:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#sitemap, #sitemap ul{display:block;}
/*  \*/
#sitemap, #sitemap ul{min-height:1%;}
* html #sitemap, * html #sitemap ul{height:1%;}
 /*  */
#sitemap ul{display:none;}

.h0a a
{
	color: #000066;
	font-size: 1.1em;
	line-height: 1.1em;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration: none;
	}
	
.h1a a
{
	color: #000066;
	font-size: 1em;
	line-height: 1em;
	font-weight:bold;
	text-transform:none;
	text-decoration: none;
	}
	
.h2a a
{
	color: #000066;
	font-size: 0.9em;
	line-height: 0.9em;
	font-weight:lighter;
	text-decoration: none;
}
	
.h3a a
{
	color: #000000;
	font-size: 0.9em;
	line-height: 0.9em;
	text-decoration: none;
	font-style: italic;
}


.tip {
	font:12px Arial,Helvetica,sans-serif;
	border:solid 1px #666666;
	width:270px;
	text-align:center;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	position:absolute;
	z-index:100;
	visibility:hidden;
	color:#FFFFFF;
	top:20px;
	left:90px; background-color:#006;
	layer-background-color:#006;
	font-weight:bold;
}

.tooltip a {
	text-decoration:none;
}
					
/* Search Top Frame */
.top_frame { font-size: 12px; font-weight: bold; text-decoration: none; color: #000000;font-family: Verdana; }

/* Search Results */
.results { font-size: 12px; font-weight: bold; text-decoration: none; color: #000000;font-family: Verdana; }

/* Search Help Page */
.help { font-size: 12px; font-weight: bold; text-decoration: none; color: #000000;font-family: Verdana; }
.helpsmall {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	font-family: Verdana;
}

/* Copyright */
.copyright { font-size: 10px; font-weight: bold; text-decoration: none; color: #000000;font-family: Verdana; }

/* Search links */
A.search_results:link { font-size: 12px; font-weight: bold; text-decoration: none;color: #006699;font-family: Verdana; }
A.search_results:visited { font-size: 12px; font-weight: bold; text-decoration: none;color: #006699;font-family: Verdana; }
A.search_results:active { font-size: 12px; font-weight: bold; text-decoration: underline; color: #006699;font-family: Verdana; }
A.seach_results:hover { font-size: 12px; text-decoration: underline; color: #006699;font-family: Verdana; }

#site_content .content_printable {
	border-bottom-width: medium;
	border-bottom-style: double;
	border-bottom-color: #333;
}
