/***********************************************/
/* 2col_rightNav.css                             */
/***********************************************/

/* Note: images used purely for decoration by this style sheet are kept in /assets/css/css-images/ */
/*
803 color scheme:
-----------------
666666 & 000000 	grey/black			(h1-h6)
003399 & 0066CC		blue/paler blue		(active & visited tab/text)
9FB61F & CBE14D		green/pale green	(hovers & borders)
*/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	color: #000000;
	line-height: 1.166;	
	margin: 0;
	padding: 0;
	background-color: #F8C618;

}

p {
margin-left:10px;
}
a:link { color:#808080; }
a:visited { color:#0066CC; }
a:hover {color:#9FB61F; text-decoration: none;}


a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Arial,sans-serif;
 font-size: 120%;
 color: #000000;
 margin: 0px;
 padding: 10px 0px 10px 10px;
}

h2{
 font-size: 100%;
 color: #666666;
}

h3{
 font-size: 100%;
 color: #666666;
}

h4{
	font-size: 120%;
	padding: 3px 0px 3px 5px;
	color:#666666;
	font-weight:bold;
}

h5{
 font-size: 100%;
 padding: 3px 0px 3px 5px;
 color: #666666;
}
h6{
 font-family: Verdana,Arial,sans-serif;
 font-weight: bold;
 padding: 3px 0px 3px 10px;
}
ul{
 list-style-type: square;
}

ul ul{
 list-style-type: circle;
}

ul ul ul{
 list-style-type: none;
}
#content ul li{
padding:4px;
}
label{
	font: bold 100% Arial,sans-serif;
 color: #4A5C36;
}
abbr, acronym {
	text-decoration: none;
	cursor:help;
}
a abbr, a acronym {
	cursor:pointer;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	margin: 0;
	padding: 0;
	width: 100%;
	/*background-image:url(css-images/banner_bckg.jpg);*/
}

#sideBar{
float: right;
width:21%;
margin:0;
padding: 0;

}

#pageIcon {
	z-index:99;
	position: absolute;
	right: 0px;
	top: 0px;
	text-align:right;
}

#content{
  float:left;
	width: 76%;
	margin: 0;
	padding: 0 5px 0 5px;
	background-color: #ffffff;
	padding-top:3px;
	background-image:url(css-images/ring-binder-white.gif);
	background-repeat:repeat-y;
}
#content h2 {
 padding: 3px 5px 3px 5px;

}

	


/***********************************************/
/* Main Content Divs                           */
/***********************************************/

/************** .summary styles ***************/
.summary{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:50px;
	padding: 5px 5px 5px 5px;
	font-size: 80%;
	border: 1px solid #CBE14D;
}
.summary h2{
	font-size: 120%;
	color:#ffffff;
	margin-top:7px;
	margin-left:5px;
	margin-bottom:7px;
}
.summary h3{
	font-size: 120%;
	padding: 10px 0px 5px 10px;
	color:#ffffff;
}
.summary h5{
	font-size: 100%;
	padding: 3px 0px 3px 10px;

}
.summary h6{
	font-family: Verdana,Arial,sans-serif;
	font-weight: bold;
	padding: 3px 0px 3px 10px;
}
.summary p{
	margin-top:5px;
	padding: 0px 5px 5px 0px;
	font-weight:bold;
	color:#002c46;
}
.summary img{
	padding: 0px 10px 0px 0px;
	margin: 5px 5px 5px 0;
	float:left;
	clear:both;
}
/* adjust margins to change separation between the feature image and text flowing around it */


/************** .topic styles *****************/
.topic{
	clear: both;
	padding: 5px 5px 5px 5px;
	margin: 5px 0 5px 50px;
	font-size: 80%;
	border: 1px solid #CBE14D;
	background-color:#ffffff; /* required due to IE big: div borders 'dispappear to the left and right of inline images */
}
.topic div.summary{ /* ensures that summary divs in topics use normal font size */
	font-size: 100%;
	margin-top:0;
}
.topic div.topic{ /* ensures that sub-topic divs in topics use normal font size */
	font-size: 100%;
	margin-top:0;
}

.topic p{
	margin-top:10px;
	padding: 0px 0px 10px 10px;
}
.topic h2{
	background-color:#666666;
	color:#ffffff;

}

.topic h3{
	margin-left:20px;
	padding: 3px 0px 3px 5px;
	color:#003399;

}
.topic img{
	padding: 0px 10px 11px 5px;
	margin: 5px 10px 5px 5px;
	background-color:transparent;
}
.topic ul li{
	margin-left: 5px;
}
ul li ul{
	padding-left: 5px;
	margin-left: 5px;
}
	/* nested UL to the right of an img element -> IE fix */
		/* the following rule is recognized only by IE */
	* html body div#content div.topic ul li ul.imageSpacing {
		margin-left: 130px;
	}
.topic ol li{
	margin-left: 10px;
}
ul.indent li{
	margin-left: 30px;
}
.noBullet{
list-style:none;
}
.numberBullet{
list-style-type:decimal;
}
.letterBullet{
list-style-type:lower-alpha;
}
.leftBox{
width:46%;
float:left;
padding:10px;
border: 1px solid #333; 
}
.rightBox{
width:46%;
float:right;
padding:10px;
border: 1px solid #333; 
}

/************* #footerInfo styles ***************/
#footerInfo{
	clear: both;
	border: 1px solid #CBE14D;
	font-size: 75%;
	color: #666666;
	text-align:center;
	padding: 10px 10px 0px 10px;
	margin: 10px 0 10px 50px;
}


#footerInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

#footerLicense {
	text-align:center;
	margin-bottom:15px;
}

/*************** #endDiv styles **************/
.endDiv { /* Used to force section blocks to clear any inline images when text height is less than image height */
clear:both;
height:0px;
}
	/* endDiv IE fixes */
	/* the following rule is recognized only by IE */
		* html body div#masthead div.horizontalTab div.endDiv
		{
			display:none;
		}
	/* the following rule is recognized only by IE */
		* html body div#content div.summary div.endDiv
		{
			padding: 0px;
			margin:-35px 0px 0px 0px;
		}
	/* the following rule is recognized only by IE */
		* html body div#content div.topic div.endDiv
		{
			padding: 0px;
			margin:-35px 0px 0px 0px;
	
		}

/***********************************************/
/* NAVIGATION                               */
/***********************************************/

/************* horizontal Tabs styles **************/

.horizontalTab
{

	margin:0;
	margin-left:35px;

	padding:0 0 0 5px;
	width: auto;
	clear:left;
}
.horizontalTab ul, .horizontalTab li
{
display: inline;
margin: 0px;
padding: 0px;
list-style: none;
}
.horizontalTab li a:link
{
	float: left;
	margin: 0 0 0 4px;
	padding: 2px 8px;
	text-align: center;
	font-weight: bold;
	background-color:#003399;
	text-decoration: none;
	color: #ffffff;
	font-size: 80%;
}
.horizontalTab li a:visited
{
	float: left;
	margin: 0 0 0 4px;
	padding: 2px 8px;
	text-align: center;
	font-weight: bold;
	background-color:#0066CC;
	text-decoration: none;
	color:#FFFFFF;
	font-size: 80%;
}
.horizontalTab li a:hover, .horizontalTab li a:focus, .horizontalTab li a:active
{
	background-color:#9FB61F;
	color: #FFFFFF;
	font-size: 80%;
}

/************* #subNav styles *************/

#subNav{
	font-size: 80%;
	margin:10px 0 0 0;
	padding: 0;
}

/*********** #sideBar link styles ***********/

#sideBar ul a:link, #sideBar ul a:visited {
display: block;
background-color:transparent;

}
#sideBar ul a:hover{display: block;}
#sideBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */ 
#sideBar li {border-bottom: 1px solid #ffffff;}

/* fix for browsers that don't need the hack */
html>body #sideBar li {border-bottom: none;}

#sideBar p {
padding-right: 5px;
}


/***********************************************/
/* Sidebar Divs                                */
/***********************************************/

/*********** #sectionLinks styles ***********/
#info{
	position: relative;

	padding: 0px;
		margin: 0;
	margin-right:10px;
		margin-bottom:10px;
		background-color: #ffffff;
	font-size: 90%;
}

#info h3{
	padding: 10px 0px 2px 10px;
}

#info p{
	margin:0;
	padding: 10px;
	font-size: 90%;
	color:#2E4D08;
}


/*********** .relatedLinks styles ***********/
.relatedLinks{
	margin: 0;
	margin-right:10px;
		margin-bottom:10px;
		background-color: #ffffff;
	padding: 0px 0px 10px 10px;
	font-size: 90%;

}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}
.relatedLinks a {
	font-size:90%;
	line-height:normal;
}



/************** .notes styles **************/

.notes{
	margin: 0;
	margin-right:10px;
	margin-bottom:10px;
	background-color: #ffffff;
	padding: 0px 0px 10px 0px;
	font-size: 80%;
	color:#000000;
	border-top:1px solid #666666; /* bug; IE requiresthis element to have an 'invisible' border, or the nested h3 padding-left breaks */
}

.notes h3{
	margin:0px;
	padding:5px 5px 5px 10px;
}

.notes h4 {
	padding:5px 5px 5px 10px;
	font-size:100%;
	color:#4A5C36;
}
.notes h5 {
	padding:5px 5px 5px 10px;
	font-size:90%;
	color:#4A5C36;
}
#sideBar div.notes ul {list-style: square; margin: 0 0 5px 35px; padding: 0;}

/************** colour styles for .notes h3 **************/
.greyHeader {
background-color:#666666;
color:#ffffff;
}
/*
.greenHeader {
background-color:#7B9F58;
color:#ffffff;
}
.brownHeader {
background-color:#523F2E;
color:#ffffff;
}
.orangeHeader {
background-color:#D56420;
color:#FFFFFF;
}

.blueHeader {
background-color:#5186A8;
color:#FFFFFF;
}
*/
/***********************************************/
/* Additional Classes                          */
/***********************************************/

.hide{
	display:none;
}

.topLink { /* used to style 'back to top' links */
	text-align:right;
	padding-right: 5px;
}
img.rightMargin {
	margin-right:10px;
}
div.rightMargin {
	margin-right:10px;
}
span.rightMargin {
	margin-right:10px;
}
img.leftMargin {
	margin-left:10px;
}
div.leftMargin {
	margin-left:10px;
}
span.leftMargin {
	margin-left:10px;
}
.printOnly {
	display:none;
}
.alignLeft{
	float: left;
	clear: both;
}
.alignRight{
	float: right;
	clear: both;
}
img.middle { vertical-align: middle; }
.dLink{padding:0 8px 15px 8px;}
.smaller{font-size:smaller;}
.left{float:left;}
.right{float:right;}
.center{text-align:center}

.strikeout{
text-decoration:line-through;
}
.alert{
/*color:#FF0000;
font-weight:bold;*/
font-style:italic;
}
/************** Web Pages *************/


.web a:link, .web a:visited{
	padding: 5px 5px 5px 22px;
	background-image:url(css-images/link.gif);
	background-repeat:no-repeat;
	background-position: 5px 7px;	
}
.web a:hover, .web a:focus{
	padding: 5px 5px 5px 22px;
	background-image:url(css-images/link-highlighted.gif);
	background-repeat:no-repeat;
	background-position: 5px 7px;
}
.web .topLink a {
background-image:none;
padding-left:0px;
border:none;
}

.web ul{
list-style:none;
}