/* TABLE OF CONTENT
1 Universal
2 Template Layout
3 Branding / Logo elements
4 Main navigation elements
5 Sub navigation elements
6 Footer elements  */

/* ------- 1 UNIVERSAL ---------- */

html {
	padding:0;
	margin:0;
}

body {
	font-size: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background:#fff;
	color:#000000;
}

img { 
	border: 0;
	display:block;

}

.hidden {
	position: absolute;
	top: -1000px;
	left: 0px;
	overflow: hidden;
	width: 0;
	height: 0;
}


#accessible_nav ul {   /* hidden navigation */
	padding: 0;
	margin: 0;
	list-style: none;
}

#accessible_nav li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
	z-index: 1;
}

#accessible_nav a:link, #accessible_nav a:visited {
	position: absolute;
	top: 0.6em;
	left: 10px;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 60%;
	z-index: 1;
	color:#622567;
	
}

#accessible_nav a:active, #accessible_nav a:focus { /* Only show skiplinks on focus */
	position: absolute;
	overflow: visible;
	width: auto;
	height: auto;
	border: 0;
	margin: 0;
	padding: 4px;
	background: #FFF;
	z-index: 1;
	text-decoration:underline;
}
/* ------- 2 TEMPLATE LAYOUT ---------- */

#siteholder {
	background: #fff;
	margin: 0;
	padding:0;
	width: 100%;
	text-align: left;
	float:left;
	font-size:100%;
}

#wrapper {	
	margin:0;
	padding:0;
}

.fixedwrapper {width:990px;}
.fluidwrapper {width:100%;}

/* ----------------------------------------------------------- */ 
/* --------------- 3 TOP NAVIGATION and BRANDING -------------- */
/* ----------------------------------------------------------- */ 


#topmenu{
	width: 100%;
	margin: 0;
	padding:0;	
	background:#aa2d91;
	color:#fff;
	display:inline;
	float:left;
	clear:both;
}

.firstmenu {
	padding: 8px 8px 8px 18px!important;
}

#topmenu ul	{
	margin:0;
	padding:0;
	float:left;
	list-style-type:none; 
}

#topmenu ul li	{
	display: inline;
	font-size:70%;
}

#topmenu ul li.blank	/*This is only used for Explroe Flash moviess to add padding to left of menu*/
{
	float:left; width:207px; height:24px;
	color: #ffffff;
	background:#ffffff;
	font-weight:bold;
	text-decoration: none;

}
#topmenu ul li a, #topmenu ul li a:visited	{
	float:left;
	color: #ffffff;
	background:#AA2D91;
	font-weight:bold;
	text-decoration: none;
	padding: 8px 8px 8px 8px;
}

#topmenu ul li a:hover, #topmenu ul li a:active, #topmenu ul li a:focus  {
	color: #fff;
	background:#5E1C5F;
	text-decoration:underline;
	padding: 8px 8px 8px 8px;
}

#topmenu ul li a.menu2lit, #topmenu ul li a.menu2lit:visited, #topmenu ul li a.menu2lit:hover, #topmenu ul li a.menu2lit:active, #topmenu ul li a.menu2lit:focus {
	color: #fff;
	background:#5E1C5F;
	text-decoration:underline;
	padding: 8px 8px 8px 8px;
}



#brandcontainer {
position:relative;
	float:left;
	width:189px;
	background:#ffffff;
	padding-top:35px;
	padding-left:18px;
	min-height:569px;
}




/* ----------------------------------------------------- */ 
/* --------- 4 Section Menu on left hand side --------- */
/* ---------------------------------------------------- */ 


div.sectionmenu {
	float: left;
	width:189px;
	font-size:70%;
	padding-bottom:20px;
	}

	div.sectionmenu ul{
		margin: 0;
		padding: 0;
		color: #000000;
		list-style-type: none;
		width:162px; 
		}

		div.sectionmenu ul li{
			background:#fff url("../images/site_objects/bg_sectionmenu.gif") bottom left repeat-x;
			color: #000;
			width:162px;
			}

		div.sectionmenu ul li a{
			color:#000;
			display:block;
			padding: 3px 0 5px 0;
			text-decoration:none;
			width:162px;
			}

			div.sectionmenu ul li a:hover, div.sectionmenu ul li a:focus, div.sectionmenu ul li a:active, div.sectionmenu ul li.menu3lit a{
			font-weight:bold;
			color:#DE007A;
			}
			
			
			div.sectionmenu ul li.menu3litblack a{
			font-weight:bold;
			color:#000;
			}
		div.sectionmenu ul li.menu3lit a, div.sectionmenu ul li.menu3litblack a{
			background:#fff url("../images/site_objects/bg_sectionmenu.gif") bottom left repeat-x;
			}

			div.sectionmenu ul li ul{
				background:#fff url("../images/site_objects/bg_sectionmenu.gif") top left repeat-x;
				color:#000;}

			div.sectionmenu ul li ul li{
				background:#FFF; 
				padding:0 0 0 10px;
				width:152px;color:#000;
				}


				div.sectionmenu ul li.menu3lit ul li a, div.sectionmenu ul li.menu3litblack ul li a{
					background:#fff url("../images/site_objects/bg_sectionmenu.gif") bottom left repeat-x;
					font-weight:normal;
					width:152px;color:#000;
					}
				

				div.sectionmenu ul li.menu3lit ul li a:hover, 
				div.sectionmenu ul li.menu3lit ul li a:focus, 
				div.sectionmenu ul li.menu3lit ul li a:active, 
				div.sectionmenu ul li.menu3lit ul li.menu4lit a, div.sectionmenu ul li.menu3litblack ul li a:hover, 
				div.sectionmenu ul li.menu3litblack ul li a:focus, div.sectionmenu ul li.menu3litblack ul li a:active,
				div.sectionmenu ul li.menu3litblack ul li.menu4lit a, div.sectionmenu ul li.menu3litblack ul li.menu4litblack a {
					font-weight:bold;
					}
				div.sectionmenu ul li.menu3lit ul li.menu4lit a, div.sectionmenu ul li.menu3litblack ul li.menu4lit a {
					font-weight:bold;
					color:#DE007A;
					}
				div.sectionmenu ul li.menu3litblack ul li.menu4litblack a {
					font-weight:bold;
					color:#000;
					}
				div.sectionmenu ul li.menu3lit ul li.menu4lit ul, div.sectionmenu ul li.menu3litblack ul li.menu4lit ul, 
				div.sectionmenu ul li.menu3litblack ul li.menu4litblack ul {
						padding:2px 0 6px 0;
						background:#fff url("../images/site_objects/bg_sectionmenu.gif") bottom left repeat-x;
						width:142px;
						}

					div.sectionmenu ul li.menu3lit ul li.menu4lit ul li, div.sectionmenu ul li.menu3litblack ul li.menu4lit ul li, 
					div.sectionmenu ul li.menu3litblack ul li.menu4litblack ul li {
						padding:0 0 0 10px;
						width:142px;color:#000;
						}

					div.sectionmenu ul li.menu3lit ul li.menu4lit ul li a, div.sectionmenu ul li.menu3litblack ul li.menu4lit ul li a, 
					div.sectionmenu ul li.menu3litblack ul li.menu4litblack ul li a{
						background:#FFF;
						font-weight:normal;
						width:142px;						
						padding:2px 0 3px 0;
						color:#000;
						}
					div.sectionmenu ul li.menu3litblack ul li.menu4litblack ul li a {
						background:#FFF;
						font-weight:normal;
						width:142px;						
						padding:2px 0 3px 0;
						color:#000!important;
						}

						div.sectionmenu ul li.menu3lit ul li.menu4lit ul li.menu5lit ul, 
						div.sectionmenu ul li.menu3litblack ul li.menu4lit ul li.menu5lit ul, 
						div.sectionmenu ul li.menu3litblack ul li.menu4litblack ul li.menu5lit ul {
						background:#fff;
						}
						
						div.sectionmenu ul li.menu3lit ul li.menu4lit ul li.menu5lit ul, 
						div.sectionmenu ul li.menu3litblack ul li.menu4lit ul li.menu5lit ul,  
						div.sectionmenu ul li.menu3litblack ul li.menu4litblack ul li.menu5lit ul {
						padding:0 0 0 10px;
						width:132px;
						}

						div.sectionmenu ul li.menu3lit ul li.menu4lit ul li.menu5lit ul a, 
						div.sectionmenu ul li.menu3litblack ul li.menu4lit ul li.menu5lit ul a, 
						div.sectionmenu ul li.menu3litblack ul li.menu4litblack ul li.menu5lit ul a {
						background:#FFF;
						font-weight:normal;
						width:132px;
						
						}


						div.sectionmenu ul li.menu3lit ul li ul li a:hover, 
						div.sectionmenu ul li.menu3lit ul li ul li a:focus,
						div.sectionmenu ul li.menu3lit ul li ul li a:active,
						div.sectionmenu ul li.menu3lit ul li.menu4lit ul li.menu5lit a,						
						div.sectionmenu ul li.menu3litblack ul li.menu4lit ul li.menu5lit a,
						div.sectionmenu ul li.menu3litblack ul li.menu4litblack ul li.menu5lit a {
						font-weight:bold;
						color:#DE007A!important;
						}
						


						div.sectionmenu ul li.menu3litblack ul li ul li a:hover, 
						div.sectionmenu ul li.menu3litblack ul li ul li a:focus,
						div.sectionmenu ul li.menu3litblack ul li ul li a:active,
						div.sectionmenu ul li.menu3litblack ul li.menu4litblack ul li a:hover, 
						div.sectionmenu ul li.menu3litblack ul li.menu4litblack ul li a:focus,
						div.sectionmenu ul li.menu3litblack ul li.menu4litblack ul li a:active,
						div.sectionmenu ul li.menu3litblack ul li.menu4litblack ul li.menu5litblack a:hover, 
						div.sectionmenu ul li.menu3litblack ul li.menu4litblack ul li.menu5litblack a:focus,
						div.sectionmenu ul li.menu3litblack ul li.menu4litblack ul li.menu5litblack a:active,
						div.sectionmenu ul li.menu3litblack ul li.menu4litblack ul li.menu5litblack a {
						font-weight:bold;
						color:#000000!important
						}

						div.sectionmenu ul li.menu3litblack ul li.menu4litblack ul li.menu5lit a:hover, 
						div.sectionmenu ul li.menu3litblack ul li.menu4litblack ul li.menu5lit a:focus,
						div.sectionmenu ul li.menu3litblack ul li.menu4litblack ul li.menu5lit a:active,
						div.sectionmenu ul li.menu3litblack ul li.menu4litblack ul li.menu5lit a {
						font-weight:bold;
						color:#DE007A!important;
		
						}



/* ------- 5 CONTENT   ---------- */
/* Add your  ul  and li classes for the sub / side  nav if required  */



#contentwrapper{
float: right;
width: 100%;
margin: 0px 0px 40px 0px;
padding:0px;
margin-left: -207px; /*Set left margin to -(leftColumnWidth + RightColumnWidth)*/
}

#contentcolumn{
margin: 0px;
padding:0px;
margin-left: 207px;

}



div.contentheader {
	/*background:#FFEFD3;*/ 
	/*background:#622567 url("../images/site_objects/bg_headerl_gradient.gif") top left repeat-y; */
	background:#622567 url("../images/site_objects/bg_internal_gradient.gif") top left repeat-y; 
	width:100%; 
	height:102px;
	float:left;

}


div.contentinternal /*This spans 3 columns of page - used for all STANDARD internal pages */ {
	margin:0;
	padding:0px;
	float: left;
	width: 594px;
	font-size:75%;
	background:#fff;
}

div.contentinternalideas /*This spans 3 columns of page - used for all STANDARD internal pages */ {
	margin:0;
	padding:0px;
	float: left;
	width: 760px;
	background: #fff url("../images/site_objects/bg_yourideasinternal.gif") top right no-repeat;
	font-size:75%;
}

div.contentinternalwide /*This spans 3 columns of page - used for all STANDARD internal pages */ {
	margin:0;
	padding:0px;
	float: left;
	width: 783px;
	background: #fff;
	font-size:75%;
}


div.textcontent /* This width is used for all standard pages */{
	float:left;
	margin:26px 0 0 0; padding:0 0 0 18px;
	width:420px; /*length of div is 480 if you remove the left padding */
	min-height:360px;
}

div.textcontentwide /* This width is used for all standard pages */{
	float:left;
	margin:0; padding:0 0 0 18px;
	width:700px; /*length of div is 480 if you remove the left padding */
	min-height:360px;
}
/* ------- 6 FOOTER ELEMENTS   ---------- */
/* Add your  ul  and li classes for the footer  nav if required  */

div.bottombar {
	clear:both;
	float:left;
	margin: 40px 0 0 0;
	padding-bottom:20px;
	background:#fff;
	color:#000;
	width:100%;
	font-size:70%;


}



div.bottombar div.copyright {
 float:left; padding:0 130px 0 18px
}

div.bottombar ul {
	margin: 0;
	padding: 0;
	display: list-item;
	color: #000000;
	list-style-type: none; 
}

div.bottombar ul li {
	display: inline;	margin: 0;
	padding: 0;

}

div.bottombar ul li a, div.bottombar ul li a:visited {
	color: #DE007A; margin:0;
	text-decoration: underline;	
	float: left;	padding:0 8px 0 0;

}

div.bottombar ul li a:hover, div.bottombar ul li a:focus, div.bottombar ul li a:active {
text-decoration: none; color: #000; 
}



/* ------- END OF LAYOUT.CSS   ---------- */
