/* CSS Document */

body {
	font-size: 100%;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin: 10px;
	padding: 0;
	background-color: #ccc;
	background-image: url(images/global/bg.gif);
	background-repeat: no-repeat;
	background-attachment: fixed;
	text-align: center;
 }

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 778px;
	background: #fff url(images/global/contentBg.gif);
}

/*

----for the whole header-----

*/

#header {
	width: 100%;
	height: 100px;
	z-index: 0;
	float: left;
	margin-bottom: 0px; 
	background: #fff url(images/global/contentTop.gif) no-repeat center top

}

#header p {
	padding-left: 100px;
	padding-bottom: 22px;
	padding-top: 22px;
	margin: 0; 
}

#header a span {
	position: fixed;
	left: 15px;
	top: 6px ;
	width: 61px;
	height: 54px;
	z-index: 1;			
}

/*

----for the tabs with the major site subsections-----

*/

#header ul.sitesections {
	margin:0;
	padding: 85px 0px 0px 0px;
	width: 778px;
	margin-left: 0;
	margin-right: 0; 
}

/*

----only appears when the page is printed-----

*/

#printnotice {display: none;
visibility: hidden; }

/*

----contains both the main text area and the side panel-----

*/

#content {
	position: relative;
	clear: both;
	width: 778px;
	margin-left: auto;
	margin-right: auto;
	float: left;
	z-index: 0;
	margin-bottom: 0; 
}

#layout { 
	margin: 0px 0px 0px 0px;
	width: 778px;
	height: 276px;
	float: left;
	text-align: left;
	background: #fff;
}

#left {
	width: 21px;
	position: relative;
	top: 0; right: 0;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: #ad3b1b;
}

#middle {
	position: relative;
	top: 0;
	left: 22;
	right: 514;
	float: left;
	padding: 0px 0px 0px 0ox;
	border: 0px;
	background: #999;
	width: 243px;
	height: 276px;
	margin: 0px;
	background: #999 url(images/global/bg999_276.gif) no-repeat center top
}

#right {
	width: 514px;
	height: 276px;
	position: relative;
	top: 0; right: 0;
	float: right;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: #666;
}

#layout2 { 
	margin: 25px 0px 0px 0px;
	width: 770px;
	float: left;
	text-align: left;
	background: #fff;
}

#left2 {
	width: 21px;
	position: relative;
	top: 0; right: 0;
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: #fff;
}

#middle2 {
	position: relative;
	top: 0;
	left: 0px;
	float: left;
	padding: 20px 0px 0px 28px;
	border: 0px;
	width: 55%;
	margin: 0px;
	background: #fff
}

#middle3 {
	position: relative;
	top: 0;
	left: 0px;
	float: left;
	padding: 20px 0px 0px 28px;
	border: 0px;
	width: 75%;
	margin: 0px;
	background: #fff
}

#right2 {
	width: 34%;
	position: relative;
	top: 0; 
	right: 15px;
	float: right;
	margin: 20px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border: 0px;
	background: #eee;
}

#right3 {
	width: 35%;
	position: relative;
	top: 0; 
	right: 15px;
	float: right;
	margin: 20px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border: 0px;
	background: #fff;
}

#maintext {width: 546px;
border: 1px #b0b1ba solid;
margin-left: 0;
margin-right: 0;
 }

#sidepanel {position: absolute;
top: 0;
left: 559px;
width: 220px;
margin-left: 0;
margin-right: 0;
font-size: 95%; }

/*

----the subsection navbar-----

*/

.subs-navbar {border: 1px #b0b1ba solid;
margin-bottom: 10px;
padding-top: 0;
padding-bottom: 15px; }

/*

----text and background styles-----

*/

/*

----for the header-----

*/

#header p {color: #fff;
font-size: 100%;
text-shadow: 2px 2px 2px #ad3b1b;
 }

/*

----for the tabs with the major site subsections-----

*/

#header ul.sitesections {
	font-size: 80%;
}

#header ul.sitesections li {
	float:left;
	list-style-type:none; 
}

#header ul.sitesections a 
{
	display:block;
	float:left;
	border-top:0px solid #091c5a;
	border-left:0px solid #091c5a;
	border-right:0px solid #091c5a;
	padding:0px 10px 0px 5px;
	text-decoration:none;
	margin-top: 0;
	margin-left: 0px;
	margin-bottom: 0;
	margin-right: 0;
	color: #ad3b1b;
	background-color: #fff; 
}

#header ul.sitesections a:hover, #header ul a.current {
	color: #fff;
	background-color: #ad3b1b; 
}

/*

----for the subsection navbar-----

*/

.subs-navbar {font-size: 85%;
background-color: #fff; }

.subs-navbar h1 {margin-top: 0;
margin-bottom: 5px;
border-bottom: 1px #b0b1ba solid;
text-align: right;
font-size: 100%;
color: #fff;
background-color: #ff5800;
text-shadow: none;
font-weight: normal;
padding-top: 6px;
padding-bottom: 6px;
padding-right: 15px;
 }

.subs-navbar h1 a:link, .subs-navbar h1 a:visited {color: #fff;
display: block;
text-decoration: none; }

.subs-navbar h1 a:hover {color: #091c5a; }

.subs-navbar ul {padding: 0;
margin: 0; }

.subs-navbar ul li {list-style-type: none;
margin-top: 4px;
margin-bottom: 4px;
color: #fb5701; }

.subs-navbar ul li a:link, .subs-navbar ul li a:visited {text-decoration: none;
padding-left: 2px;
border-left: 10px #fff solid;
color: #091c5a; }

.subs-navbar ul li a:link.youarehere, .subs-navbar ul li a:visited.youarehere, .subs-navbar ul li a:hover {border-left: 10px #ff5800 solid;
color: #fb5701; }

.subs-navbar ul li a:link.youarehere, .subs-navbar ul li a:visited.youarehere {font-weight: bold; }

.subs-navbar ul li ul li a:link, .subs-navbar ul li ul li a:visited {padding-left: 10px; }

.subs-navbar ul li ul li ul li a:link, .subs-navbar ul li ul li ul li a:visited {padding-left: 20px;
font-size: 85%; }

.subs-navbar ul li ul li ul li ul li a:link, .subs-navbar ul li ul li ul li ul li a:visited {padding-left: 30px;
font-size: 85%; }

.subs-navbar ul li ul li ul li ul li, .subs-navbar ul li ul li ul li {margin-top: 0;
margin-bottom: 0; }

.subs-navbar ul li.current-section a:link, .subs-navbar ul li.current-section a:visited {color: #ff5800; }

/*For the front page of the learning section*/

#content #sidepanel .quicklinks p a:link, #content #sidepanel .quicklinks p a:visited {
font-weight: bold;
font-size: 90%;
border: none;
color: #091c5a; }

#content #sidepanel .quicklinks p a:hover {
background-color: inherit;
text-decoration: underline; }

.quicklinks p img {
float: left;
padding-right: 15px; }

.quicklinks ul li a:link.youarehere, .quicklinks ul li a:visited.youarehere, .quicklinks ul li a:hover {
border-left: 10px #091c5a solid;
color: #091c5a;
}

/*--------------------main text area styles--------------------*/

#maintext {background-color: #fff;
color: #3e3e3e; }

#maintext a:link, .quicklinks p a:link {color: #3e3e3e; }

#maintext a:visited, .quicklinks p a:visited {color: #6c6c6c;
border-bottom: 1px dotted #6c6c6c;
text-decoration: none; }

#maintext a:hover, .quicklinks p a:hover {background-color: #3e3e3e;
color: #fff;
text-decoration: none;
border-bottom: none; }

#maintext p, #maintext ul, #maintext ol {margin-left: 20px;
margin-right: 20px;
font-size: 75%;
line-height: 1.6em;
margin-bottom: 15px;
margin-top: 0; }

#maintext table ul {font-size: inherit; }

#maintext ul li ul li {font-size: 135%;
line-height: 1.6em;
list-style-type: disc; }

#maintext ul li ol li {font-size: 135%;
line-height: 1.6em; }

#maintext ul ul, #maintext ul ul ul {margin-top: 0px;
margin-bottom: 0px; }

#maintext ul, #maintext ol {margin-left: 25px; }

li.follow-on {list-style-type: none; }

img.floatright {float: right; }

a img {border: none; }

/*For tables*/

table {font-size: 75%;
line-height: 1.6em;
width: 504px;
caption-side: bottom;
background-color: #f3f1f4;
margin-left: auto;
margin-right: auto;
border-collapse: collapse; }

td {border: 1px #d8d8d8 solid; }

th {border: 1px #bebebe solid;
text-align: left;
color: #f3f1f4;
background-color: #bebebe; }

/*--------------------footer styles--------------------*/

#footer {font-size: 75%;
text-align: right;

color: #091c5a;

padding-top: 20px;
padding-bottom: 20px; }

#footer a:link, #footer a:visited {color: #091c5a;
text-decoration: none; }

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

#maintext p#standards, #maintext p#westciv-details {
margin-top: 0px;
margin-bottom: 0em;
 }

#westciv-details img {
float: left; }


/*For the blocks at the top of articles*/

#abstract {background-color: #f3f1f4;
border: 1px #b0b1ba solid;
margin-left: 20px;
margin-right: 20px;
margin-top: 20px; }

#abstract h1 {color: #3e3e3e;
font-size: 75%;
font-weight: bold;
text-shadow: none;
border-bottom: 1px #b0b1ba solid; }

#maintext #abstract p {margin-top: 5px;
margin-bottom: 5px; }

.item-desc {width: 60%; }

#maintext ul.sitemap {margin-left: 25px; }

#maintext ul.sitemap li ul {margin-left: 0px; }

#maintext ul.sitemap li ul li {list-style-type: disc; }

/*For forms*/

textarea {width: 478px;
height: 15em; }

fieldset {border: none;
padding-left: 10px; }

#maintext fieldset p {margin-left: 0em;
margin-right: 0em;
padding-left: 0em;
padding-right: 0em; }

input.text {width: 239px; }

/*For the FAQ*/

div.faq {border: 1px #b0b1ba solid;
background-color: #f2f2f2;
margin-left: 20px;
margin-right: 20px;
margin-top: 15px;
margin-bottom: 15px; }

div.faq p strong span {font-family: "Courier New", Courier, monospace;
font-size: 350%;
color: #fd5700; }

div.faq p span {font-weight: bold;
font-family: "Courier New", Courier, monospace;
font-size: 350%;
color: #091c5a; }

#maintext div.faq p.question {margin-bottom: 25px; 
margin-top: 25px;}

.question {font-weight: bold; }

pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}

p { FONT: 12px/13px Arial, Helvetica, sans-serif; 
	color: #333;
	line-height: 1.25;
	margin: 7px 0px 0px 0px;
}

p2 { FONT: 11px/13px Arial, Helvetica, sans-serif; 
	color: #333;
	margin: 2px 0px 0px 0px;
}

.redBody { 
	FONT: 12px/13px Arial, Helvetica, sans-serif; 
	color: #ad3b1b;
	line-height: 1.25;
	font-weight:700;
	margin: 0px 0px 5px 0px;
}

.sidelink {
	FONT: 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #000000;
	/* padding:0px 3px 0px 3px; */
	/* line-height: 1.25em; */
    line-height:13px;
}

h1 {
	color:#fff;
	text-align: right;
	font:15px Arial, Helvetica, sans-serif;
	line-height: 1.25;
	font-weight:bold;
	text-transform: uppercase;
	margin: 60px 20px 5px 5px;
}

sub1 {
	color:#fff;
	text-align: right;
	font:13px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 15px 0px 0px 35px;
}

h2 {
	color:#ad3b1b;
	font:14px Arial, Helvetica, sans-serif;
	font-weight:900;
	text-transform: uppercase;
	margin: 7px 0px 5px 0px;
}

h3 {
	color:#ad3b1b;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 17px 0px 3px 0px;
}

h4 {
	color:#000;
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 15px 0px 0px 0px;
}

h5 { FONT: 12px/13px Arial, Helvetica, sans-serif; 
	color: #333;
	line-height: 1.25;
	margin: 2px 0px 0px 0px;
}

A:link { text-decoration:none; color:#ad3b1b}
A:visited { text-decoration: none; color:#ad3b1b}
A:active { text-decoration: underline; color:#ad3b1b}
A:hover { text-decoration: underline; color:#333}


#contentBottom
{
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	width: 778px;
	height: 20px;
	clear: both;
	background: #fff url(images/global/footer.gif) no-repeat bottom
}