/***********************************************/
/* 3col_rightNav.css                              */
/* Use with template 3col_rightNav.html           */
/***********************************************/

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

body{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 1.166;
	margin: 10px 0px 0px;
	padding: 0px;
	background-color: #336699;
}
a{
	color: #006699;
	text-decoration: none;
	font-weight: bold;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

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

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
}

h2{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 color: #013567;
}
.centre #wrapper #content .story h3 {
	background-color: #F4F4F4;
	padding: 5px 5px 5px 0px;
	margin-top: 10px;
	clear: both;
	margin-bottom: 10px;
	color: #336699;
	font-size: 14px;
	background-image: url(storyheader.jpg);
	background-repeat: repeat-y;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #013567;
	margin: 0px;
	padding: 8px 0px;
}

h4{
 font-family: Arial, sans-serif;
 font-size: 10pt;
 font-weight: bold;
 color: #333333;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

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

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

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
}


#headlines{
	float:left;
	width: 150px;
	padding-right: 10px;
	padding-left: 10px;
}

#content{
	float: left;
	width: 420px;
	text-align: left;
	padding-top: 20px;
}/* the following selectors are the form styles */
#content form {
	margin: 0; /* zeros the margin for a level playing field */
	padding: 0 0 10px; /* floating this form element keeps the internal clearing BR's within the form from clearing the external floated side column. */
}	
#content fieldset {
	margin: 20px 0 0px;
	padding: 5px 0 10px 5px;
	border: 1px inset #013567;
}
#content legend {
	color: #336699;
	background: #FFFFFF;
	padding: 1px 5px 2px;
	margin-bottom: 5px;
	font: bold 16px Arial, Helvetica, sans-serif;
	border: 1px solid #013567;
}
#content label, #content vllabel {
	float: left;
	width: 175px;
	clear: both;
	text-align: right;
	margin-top: 3px;
	font-weight: bold;
	color: #336699;
	}
#content input, #content textarea, #content select {
	color: #013567; /* creates the text color */
	border: 1px solid #336699; /* gives the input and textarea a border */
	padding: 1px; /* this keeps the text from touching the edges of the input and textarea */
	background: #ffffff; /* creates a background color */
	margin: 3px 0px 2px 2px; /* These inputs and the textarea are floated next to the labels. */
	font-size: 12px;
}
#content input.hidden {	background-color: #FFFFFF;
	border: #FFFFFF;
}
#content ul {
	padding: 8px;
	margin: 0px 0px 0px 15px;
}#content li {
	padding: 0px 0px 10px;
	margin: 0px;
}
#content .feature .rightimg {
	color: #336699;
	float: right;
	width: 175px;
	margin-left: 10px;
	background-color: #eeeeee;
	padding: 5px 2px 5px 5px;
	background-image: url(storyheader.jpg);
	background-repeat: repeat-y;
	background-position: right;
	margin-bottom: 5px;
}

/*\*/ /*/
#content input, #content textarea {
	float: none;
}
/* End show to IE Mac */
/* IEmac must not see these elements floated or it is buggy. That browser, however, is good without floating. The above hack can be read only by IEmac. Be sure you do not add any comments INSIDE the hack or it will close. */

#content input.sminp {
	width: 160px;
	margin-right: 50px;
}

/* this selector changes the inputs and textareas when the cursor is inside in supported browsers */
#content input:focus, #content input:active, #content textarea:focus, #content textarea:active {
	color: #013567;
	background: #EFEFEF;
}

#content .feature .story table {
	background-color: #F3F3F3;
	border: 1px solid #336699;
	margin-right: 20px;
}
/* these float styles can be used to float images with text next to them */
.fltrt {
	float: right;
	margin-left: 8px;
}

.fltrt img{
	margin-top: 3px;
	margin-bottom: 6px;
}
.fltlft {
	float: left;
	margin-right: 6px;
}
.brclear { /* Use a break with this class to clear float containers on both sides */ 
clear:both; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; 
} 
.clearrt { /* Use a break with this class to clear float containers only on the right */ 
clear:right; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; 
} 

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}


/************* #globalNav styles **************/

#globalNav{
	color: #cccccc;
	margin: 0;
	clear: both;
	padding-top: 0;
	padding-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	font-size: 10px;
	height: 25px;
}

/*************** #pageName styles **************/

#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 2px 0px 0 10px;
}


/************** .feature styles ***************/

.feature{
	padding: 0px 0px 25px 10px;
	font-size: 11px;
}

.feature h3{
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	color: #336699;
}


/************** .story styles *****************/

.story{
	clear: both;
	font-size: 11px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.story p{
	padding: 0px 0px 4px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}


/************* #search styles ***************/

#search{
	text-align: left;
	padding-left: 15px;
	padding-right: 8px;
	position: inherit;
	padding-top: 5px;
}

#search form{
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	font-size: 10px;
}
#search h2 {
	color: #FFC60D;
	padding: 0px;
	font-size: 16px;
	font-weight: bold;
}
.blueback {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 8px;
	margin-right: 10px;
	clear: left;
	background-color: #013567;
	background-image: url(blueback.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-left: 20px;
	margin-bottom: 20px;
}
.blueback h2 {
	color: #FFCC00;
}
.blueback a {
	font-size: 14px;
	color: #FFCC00;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
#headlines p {

	padding: 5px 0px 5px 0px;
}


/*********** #navBar link styles ***********/

#navBar{
	margin: 0 0 0 587px;
	vertical-align: top;
}
#navBar ul a:link, #navBar ul a:visited {
	display: block;
	padding-bottom: 4px;
}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {
	padding-bottom: 5px;
}

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

#navBar #search a {
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}
#sectionLinks{
	margin: 0px;
	padding: 0px;
	font-size: 90%;
}

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

#sectionLinks a:link{
	padding: 2px 0px 2px 10px;
	width: auto;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: auto;
	color: #FFFFFF;
}

#sectionLinks a:visited{
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #dddddd;
	padding: 2px 0px 2px 10px;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin: 0px;
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 15px;
	color: #FFFFFF;
	font-size: 10px;
	text-align: left;
}

.relatedLinks h1, .relatedLinks h2 {
	color: #FFC60D;
	text-align:left;
	font-size: 17px;
}
.relatedLinks a:link,
.relatedLinks a:visited {
	display: block;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}


/************** #advert styles **************/

#advert{
	padding: 30px 0px 10px;
}

#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 12px;
	text-align: left;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}



#masthead{
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 105px;
	background-image: url(logo.jpg);
	background-color: #003366;
	margin-right: 3px;
}
#masthead img {
	float: left;
	clear: both;
}
#masthead p {
	padding-top: 55px;
	padding-right: 15px;
}
#masthead h1 {
	padding-top: 65px;
	padding-right: 10px;
	font-size: 14px;
	padding-bottom: 25px;
	color: #FFFFFF;
	font-family: "Trebuchet MS", GillSans, Helvetica, Verdana, Arial, sans-serif;
}
#wrapper {
	background-image: url(wrapper.jpg);
	background-repeat: repeat-y;
	padding: 0;
	margin: 0 auto;
	background-position: right;
	width: 767px;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #013567;
	border-left-color: #013567;
}
.iteminfo {
	font-size: 12px;
	color: #000000;
	padding: 8px;
	clear: left;
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 20px;
	margin-top: 5px;
	width: 342px;
}
.iteminfo h2 {
	color: #FFCC00;
}
.iteminfo a {
	font-size: 14px;
	color: #FFCC00;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
.feature h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #336699;
	padding-bottom: 10px;
}
.feature h2 {
	margin: 0px;
	padding: 0px;
}
#wrapper #navBar hr {
	color: #FFFFFF;
	height: 1px;
	width: 75%;
}
#headlines li {
	display: block;
	padding-bottom: 4px;
}
#headlines ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.headlines a:link,
.headlines a:visited {
	display: block;
	color: #003366;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 2px;
}#headlines a {
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #013567;
}
.centre {
	width: 100%;
	display: block;
}
.floatleft {
	float: left;
	width: 120px;
	color: #013567;
	font-weight: bold;
}
.searchbutton {
	font-size: 11px;
	font-weight: bold;
	color: #FFCC00;
	background-image: url(submitbutton.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #073161;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
}
.searchheader {
	color: #FFC60D;
	padding: 20px 0px 12px;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
************** #advert styles **************/

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

#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
	color: #003366;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}

#content h2 {
	padding-top: 12px;
	font-size: 20px;
}
/*begin laying out the subcontent - this is the area below the main content that contains the two columns, the subcontent div is a container for the left and right divs*/
#subcontent {
	margin: 10px 0 0;
	padding-right: 30px;
	font-size: 10px;

}

/*The selector below defines the left column in the lower content area*/
#subcontent #left {
	float: left;
	width: 240px;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	margin-left: 20px;
	padding-right: 10px;
}

/*The selector below defines the right column in the lower content area*/
#subcontent #right {
	float: right;
	width: 250px;
	margin-bottom: 20px;
	margin-right: 12px;
}

/*provides the titles for the columns in the lower content area*/
#subcontent h2 {
font-size: 14px;  /*increase the default font size*/
color: #003366;  /*set a colour for the font*/
font-family: Arial, Verdana, Helvetica, sans-serif;  /*change the default font face*/
margin: 0px;  /*declare transparent as the background to prevent inheritance*/
text-align: left;  /*align the heading to the center of the div*/
}

#subcontent p {
margin: 10px;  /*set a 10px all around margin on the p element within the columns*/
}
#subcontent #left img {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}
#subcontent #right img {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}
#mainimage {
	background-image: url(mainimage.jpg);
	padding-top: 252px;
	background-repeat: no-repeat;
	position: relative;
	top: -1px;
}
#mainimage h2 {
	padding-right: 10px;
	padding-left: 20px;.feature li {
	padding-bottom: 5px;
	list-style: none;
}
.feature hr {
	color: #013567;
	height: 1px;
	width: 300px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: 25px;
}
#content .feature li {
	padding-bottom: 6px;
	list-style-type: none;
}

.tiny {
	font-size: 90%;
}