/***********************************************/

/* 2col_rightNav.css                             */

/* Use with template 2col_rightNav.html          */

/***********************************************/



/***********************************************/

/* HTML tag styles                             */

/***********************************************/ 



body{

	font-family: Arial,sans-serif;

	color: #333333;

	line-height: 1.166;

	margin: 0px;

	padding: 0px;

	background-color: #FFFAEA;

}



a:link, a:visited, a:hover {

	color: #683A6D;

	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: Verdana,Arial,sans-serif;

 font-size: 120%;

 color: #334d55;

}



h2{

	font-size: 120%;

	color: #97569E;

	text-transform: uppercase;

	letter-spacing: 0.2em;

}



h3{
	font-size: 110%;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: left;
	padding-bottom: 3px;

}



h4{

	font-size: 110%;

	color: #000000;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	padding-left: 10px;

	letter-spacing: 1px;

	text-transform: uppercase;

}



h5{

 font-size: 100%;

 color: #334d55;

}

h7{

 font-size: 100%;

 color: #334d55;

}

h8{

	font-size: 120%;

	color: #F26C21;

}



ul{

 list-style-type: square;

}



ul ul{

 list-style-type: disc;

}



ul ul ul{

 list-style-type: none;

}



label{

	font: bold 100% Arial,sans-serif;

 color: #334d55;

}





/***********************************************/

/* Layout Divs                                 */

/***********************************************/



#masthead{

	width: 750px;

	position: relative;

	border: 1px solid #000000;

	top: 10px;

}



#navBar{

	background-color: #F9AB56;

	text-align: left;

	float: left;

	width: 199.99px;

}



#globalContainer{

	width: 750px;

	position: relative;

	background-color: #FFFAEA;

	top: 10px;

	text-align: left;

	border: 1px solid #000000;

	overflow: hidden;

}



#content{

	padding-top: 0;

	padding-bottom: 0;

	padding-left: 0;

	text-align: left;

	float: left;

	width: 549px;

	border-right-width: 200px;

	border-right-style: solid;

	border-right-color: #F9AB56;

	margin-right: -199.99px;

}



#contentNoSidebar{

	background-color: #FFF8CE;

	text-align: left;

}



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



#pageName{

	padding-top: 10px;

	padding-right: 0px;

	padding-left: 10px;

	padding-bottom: 3px;

}





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



#globalNav{

	color: #cccccc;

	position: relative;

	width: 740px;

	background-color: #FFFAEA;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #000000;

	border-left-color: #000000;

	top: 10px;

	height: 25px;

	text-align: left;

	vertical-align: middle;

	padding-left: 10px;

}

/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line

   this will force a horizontal scrollbar if there isn't enough room for all links

   remove rule or change value to 'normal' if you want the links to line-wrap */



#globalNav img{

}



#globalNav a {

	margin-left: 5px;

	font-size: 80%;

	padding-top: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	padding-right: 6px;

}



.feature h3{

	padding: 30px 0px 5px 0px;

	text-align: center;

}



.feature img{

	float: left;

	padding: 0px 10px 0px 0px;

	margin: 0 5px 5px 0;

}

/* adjust margins to change separation between the feature image and text flowing around it */



/************************.main page styles *****************************/



#mainPgContent1{

	font-size: 105%;

	text-align: center;

	font-weight: bold;

	color: #B88CBF;

}

#mainPgContent1 p{

	font-size: 80%;

	font-weight: bold;

	color: #B88CBF;

}

#mainPgContent1 h1{

	font-size: 175%;

	text-align: center;

	font-weight: bold;

	color: #F26C21;

	font-family: "Times New Roman", Times, serif;

	font-style: italic;

	margin-bottom: -15px;

	margin-top: -15px;

}

.mainPgOrange {

	font-size: 101%;

	text-align: center;

	font-weight: bold;

	color: #F26C21;

}



#mainPgContent2{

	font-size: 105%;

	background-color: #E2D0CD;

}

#mainPgContent2 p{

	font-size: 90%;

}

#mainPgContent2 h1{

	font-size: 175%;

	text-align: center;

	font-weight: bold;

	color: #F26C21;

	font-family: "Times New Roman", Times, serif;

	font-style: italic;

	margin-bottom: -15px;

	margin-top: -15px;

}



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



.story{

	clear: both;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 15px;

	width: 95%;

	font-size: 80%;

	text-align: left;

}



.story p{

  padding: 0px 0px 10px 0px;

}



.storyMainPg{

	font-size: 80%;

}



.storyMainPg p{

	padding-top: 0px;

	padding-bottom: 10px;

	text-align: left;

	padding-left: 10px;

}



.proceeds{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: bolder;

	color: #660099;

	text-transform: uppercase;

	padding: 20px;

	text-align: center;

}



.proceeds p{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-variant: small-caps;

	color: #660066;

	width: 75%;

	background-color: #FF0000;

}

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



#siteInfo{

	font-size: 75%;

	color: #333333;

	padding-top: 20px;

	padding-bottom: 0px;

	background-color: #FFFAEA;

	padding-left: 10px;

	height: 25px;

	position: static;

	width: 740px;

	overflow: hidden;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #000000;

	border-bottom-color: #000000;

	border-left-color: #000000;

}

/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)

   the bottom border of the navBar in cases where they "touch" */



#siteInfo img{

	padding: 4px 4px 4px 0px;

	vertical-align: middle;

}





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



#navBar ul a:link, #navBar ul a:visited {display: block;}

#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 {border-bottom: 1px solid #CC3366;}



/* fix for browsers that don't need the hack */

html>body #navBar li {border-bottom: none;}





/*********** #sectionLinks styles ***********/



#sectionLinks{

	position: relative;

	margin: 0px;

	font-size: 90%;

	top: 20px;

	padding-top: 0px;

	padding-right: 0px;

	padding-left: 0px;

}



#sectionLinks h3{

	padding: 10px 0px 2px 10px;

}



#sectionLinks a:link{

	padding: 2px 0px 2px 10px;

	border-top: 1px solid #cccccc;

	width: 100%;

	voice-family: "\"}\"";

	voice-family:inherit;

	width: auto;

	color: #FFFFFF;

}



#sectionLinks a:visited{

	border-top: 1px solid #cccccc;

	padding: 2px 0px 2px 10px;

	color: #FFFFFF;

}



#sectionLinks a:hover{

	border-top: 1px solid #cccccc;

	background-color: #dddddd;

	padding: 2px 0px 2px 10px;

	color: #FFFFFF;

}





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



#advert{

	font-size: 80%;

	position: relative;

	top: 10px;

	padding-right: 0px;

	padding-bottom: 10px;

	padding-left: 10px;

	bottom: 5%;

	padding-top: 25px;

}



#advert img{

	display: block;

	border: 1px solid #000000;

}



#testimonialLft{

	font-size: 80%;

	font-style: italic;

	

}

#testimonialLft img{

	border: 2px solid #000000;



}



#testimonialRt{

	font-size: 80%;

	font-style: italic;

	padding-left: 40%;



}



#testimonialRt img{

	border: 2px solid #000000;



}

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



#headlines{

	position: relative;

	top: 5%;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #000000;

	font-style: italic;

	letter-spacing: .1em;

	padding-right: 10px;

	padding-left: 10px;

	font-size: 80%;

}



#headlines p{

	padding: 5px 0px 5px 0px;

}