@charset "utf-8";
/* CSS Document 		 */
/* Canvasser Training	 */
/* Author: Shibli Haddad */

/************TAGS*******************/

body
{
	margin: 0;
	/*background-color: #5a5b5c;*/
	font-family: "Trebuchet MS", arial;
	color: #363636;
	font-size: 12px;
	max-height: 800px;
}


p
{
	margin: 5 0;
}

div
{
	/*border: 1px #000 solid*/
}


/**************ID's******************/

#wrapper
{
	width: 1000px;
	padding-left: 10px;
	margin: -10px 0 0 -10px;
	
}

#main
{
	margin:0;
}

#header
{
	width: 100%;
	height: 168px;
	background: url(../images/banner.jpg) no-repeat;
}

#mainNav
{
	list-style: none;

	padding-top: 140px;
}

#mainNav li:first-child
{
	margin-left: -30px;
	/*margin-bottom: 10px;*/
}

#mainNav li 
{
	
	margin-left: 20px;
	float: left;
}

#mainNav a 
{
	color: #ab276b;
	font-size: 18px;
	font-weight: bold;
	text-decoration:none;
}

#mainNav a:hover
{
	color: #daab33;
	font-size: 18px;
	font-weight: bold;
	text-decoration:none;
}

#mainContent
{
	clear:      both;
	width:    1000px;
	height:    470px;
	float:      left;
	display:   block;
	padding-top: 0;
}

#content
{
	width: 1000px;
	height: 100%;
	/*background: url(../images/background_section1.png) no-repeat left top;*/
	
	
}

#leftPane
{
	width:    434px;
	height: 470px;
	float:   left;
	clear:   left;
	font-size: 11px;
	padding: 0 30px 0 15px;
	line-height: 1.5;
}

#leftPane h2, #leftPane p
{
	margin: 2px;
	line-height:inherit;
}

#leftPane h2
{
	margin-top: 25px;
	margin-bottom:15px;
}

#leftPane #listItem
{
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#listItem strong
{
	font-size: 12px;
	font-weight: bold;
	color: #ab276b;
}

#rightPane
{
	width:  498px;
	height: 470px;
	float:  right;
	clear:  right;
	display: block;
	font-size: 11px;
	line-height: 1.3;
}

#rightPane h2, #rightPane p
{
	margin: 5px;
	line-height:inherit;
}

#rightPane h2
{
	font-family:"Trebuchet MS", arial;
	color: #FFFFFF;
	width:60%;
	padding-left: 10px;
	padding-right: 10px;
}

#help_tag
{

}


#subMainContent
{
	width: 1000px;
	height: 100%;
	/*background: url(../images/background_section3.png) no-repeat left top;*/
	padding-top: 12px;
}

#subMainContent #listItem
{
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#subMainContent #leftPane h2
{
	margin: 0;
	
}


#affiliatedCol p
{
	margin:5px;
	padding: 0;
}

#affiliatedCol #listItem
{
	margin-left: 20px;
}

.story
{
	font-family: "Courier New", Courier, monospace;
}

#givingLevelsTable
{
	color: #000000;
	width: 480px;
}

#givingLevelsTable td
{
	text-align:left;
	text-transform:capitalize;
	color: #000000;
	padding: 1px 2px;
	font-size: 11px;
}

#givingLevelsTable tr
{
	background: #faf1e3;
}

#givingLevelsTable tr.even
{
	background: #e6e7e8;
}


#tableHeader td:first-child
{
	padding: 5px 3px 5px 2px;
	font-weight:bold;
	font-size: 12px;
}

#tableHeader td
{
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	background: #00a5df;
}

.textHeading
{
	margin: 0 0 8px 5px; 
	color:#3173aa; 
	font-size:18px;
	font-weight:bold;
	margin: 15px 0;
}

#footer
{
	height: 70px;
	background: url(../images/footer.jpg) no-repeat;
	display: block;
	overflow: hidden;
	clear:both;
	color: #FFFFFF;
	font-weight:bold;
	padding-left: 10px;
	z-index: 9;
	position:relative;
}

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

/** SCROLLER **/
.dojoxScrollHelper {
	border:1px solid #ad276c;
	width:4px;
	background:#ad276c;
	height:4px;
	position:absolute;
	top:4px;
	left:8px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#slider ul, #slider li, #slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li, #slider2, #slider2 li{ 
	/* 
		define width and height of container element and list item (slide)
		list items must be the same size as the slider area
	*/ 
	width:1000px;
	height:100%;
	overflow:hidden; 
	}
span#nextBtn
{ 
	/*margin: -10px 5px 10px 15px;*/
	margin-top: -180px;
	display:block;
	margin-left: 50px;
	float:right;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;

	width: 117px;
	height: 147px;
}

span#prevBtn
{ 
	/*margin: -10px 5px 10px 15px;*/
	margin-top: -180px;
	float: left;
	display:block;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	width: 117px;
	height: 147px;
}