﻿@import url("../common.css");
@import url("colorbox.css");

a,
a:link
{
	color: #ff0000;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

acronym
{
	border:0;
	text-decoration:none;
}

body
{
	background:#870602 url(images/bg.jpg) left top repeat-x;
	font: small Trebuchet MS, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6
{
	background-color: Transparent;
	color: #900;
	font-size: 100%;
	font-weight: bold;
	line-height: normal;
	margin: 0;
	padding: 0;
}

h1
{
	background-color: Transparent;
	color: #FF8D00;
	font-weight:normal;
	font-size: 150%;
	margin: 0 0 1em 0;
	padding: 0 0 0.25em 0;
}

h1 a,
h1 a:link
{
	background-color: Transparent;
	color: #FF8D00;
}

h2
{
	font-size: 130%;
	margin: 1em 0 .5em 0;
}

h2 a,
h2 a:link
{
	background-color: Transparent;
	color: #900;
}

h3
{
	font-size: 120%;
}

h4
{
	font-size: 110%;
}

td, th
{
	font-size: small;
}

th
{
	text-align: left;
}


.button,
.button:link
{
	background:url(images/button-right.gif) right top no-repeat;
	display: block;
	font-size:105%;
	font-weight:bold;
	height:35px;
	line-height:38px;
	text-align: center;
	text-decoration: none;
}

.button:hover
{
	text-decoration:none;
}

.button span
{
	background:url(images/button-left.gif) left top no-repeat;
	color: #ffffff;
	height:35px;
	display: block;
	padding: 0 1.5em 0 35px;
}

.button:hover span
{
	background-position: 0 -35px;
}

.button strong
{
	color:#FF8D00;
}

.button img
{
	margin-right: 4px;
	vertical-align: middle;
}

.buttonList
{
	line-height: 2em;
	overflow: hidden;
	width: 100%;
}

.buttonList .button
{
	float: left;
	margin-right: 1em;
}

.contentList
{
	margin: 0;
	padding: 0;
}

.contentList li
{
	border-bottom: 1px solid #dddddd;
	clear: both;
	display:block;
	list-style-type: none !important;
	margin:0 !important;
	padding:1em 15px 1em 15px;
	overflow:hidden;
}

.contentList li.altrow
{
}

.contentList li a.title
{
	display:block;
}

.contentList dt
{
	font-weight:bold;	
	margin-bottom:1em;
}

.contentList .title
{
	margin: 0 0 .25em 0;
	font-weight:bold;
}


/* used in ~/widget/ContentTools.ascx */
.contentTools
{
	height:30px;
	list-style-type:none;
	margin:0 0 35px 0;
	padding:0;
}

.contentTools li
{
	background:url(images/menu-divider.gif) right center no-repeat;
	display:block;
	float:left;
	padding:0 1.5em;
}

.contentTools a
{
	background-image: url(images/icon-family-sprite.png);	
	background-repeat:no-repeat;
	color:#ff8e00;
	display:block;
	float:left;
	padding-left:20px;
}

.contentTools a.facebook
{
	background-position:0 -64px;
}

.contentTools a.email
{
	background-position:0 -30px;
}

.contentTools a.print
{
	background-position:0 -96px;
}

.courseList
{
	margin:0;
	padding:0;
}

.courseList .courseBrief
{
	
	border-bottom:solid 1px #dfcca0;
	list-style:none;
	padding:1em 0;
	position:relative;
}

.courseList .courseBrief h3
{
	font-size:100%;
	margin:0;
	padding:0 20px 0 0;
}

.courseList .courseBrief .toggle
{
	background:url(images/expand-toggle.gif) left top no-repeat;
	cursor:hand;
	cursor:pointer;
	display:block;
	height:14px;
	position:absolute;
	right:0;
	text-indent:-1000em;
	top:1.25em;
	width:14px;
}

.courseBrief .toggle.active
{
	background-position:0 -14px;
}

.learningPoints
{
	background:#EADDBD;
	
}

.learningPoints ul
{
	list-style-type:none;
	margin:0;
	padding:.5em 0;
}

.learningPoints ul li
{
	background:url(images/bullet.gif) left center no-repeat;	
	margin-left:2em;
	padding:1em 1em 1em 30px;
}

.meta
{
	background-color: Transparent;
	color:#999999;
	font-style:italic;
}

.moreInfo
{
	background:url(images/icon-arrow.gif) left center no-repeat;
	padding-left: 22px;
}

.photo,
.picture
{
	float:right;
	margin:0;
	padding:0 0 .5em 1em;
}

.quote
{
	font-weight:bold;
	margin-bottom:1em;
	margin-top:1.5em;
	position:relative;
}

.quote .quoteSource
{
	font-style:italic;
	font-weight:normal;
	margin-top:1em;
	text-align:right;
}


.quote .quoteStart
{
	background:url(images/quote-sprite.gif) left top no-repeat;
	display:block;
	height:11px;
	position:absolute;
	left:-17px;
	top:2px;
	width:13px;
}

.quote .quoteEnd
{
	background:url(images/quote-sprite.gif) right top no-repeat;
	display:inline-block;
	height:11px;
	width:13px;
}

.resourceList
{
	background:url(images/divider.gif) left bottom repeat-x;
	list-style-type:none;
	margin:1em 0;
	padding:0;
}

.resourceList li
{
	background:url(images/divider.gif) left top repeat-x;
	padding:1em 0;
}

.resourceList li a
{
	background-image: url(images/icon-family-sprite.png);	
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	margin-left:2em;
	padding-left:25px;
}

.subsidies
{	
	background-repeat:no-repeat;
	min-height:75px;
}

.upcomingEvents
{
	padding-bottom:1em;
}

.upcomingEvents .contentList,
.upcomingWorkshops .contentList
{
	list-style-type:none;
	margin:0;
	padding:0 0 1em 0;
}

.upcomingEvents .contentList li,
.upcomingWorkshops .contentList li
{
	border-bottom:1px solid #DFCCA0;
	margin-bottom:1em;
	padding:0 0 .5em 0 !important;
}

.upcomingEvents .title,
.upcomingWorkshops .title
{
	font-weight:bold;
}

.upcomingEvents .meta,
.upcomingWorkshops .meta
{
	font-weight:bold;
}

.upcomingEvents .meta2,
.upcomingWorkshops .meta2
{
	font-style:italic;
}

.upcomingWorkshops .button
{
	margin:.5em 0;
	width:90%;
}

#Container
{
	background:url(images/bg_page.jpg) 50% top no-repeat;
	font-size: 100%;
	margin:0 auto;
	min-height:765px;
	padding:30px 22px 0 20px;
	text-align:left;
 	width:960px; 
	z-index:10;
}

#ContainerBG
{
	background:url(images/bg_page.jpg) center top no-repeat;
	height:765px;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:-1;
}

#ContainerOuter
{
	background:url(images/content_bg.jpg) center top repeat-y;
	text-align:center;
	width:100%;
}

#Content
{
	background:url(images/igniting-focal-point-secondary.jpg) left top no-repeat;
	
	float: left;
	padding: 0 30px 30px 30px;
	width: 420px;
}

#ContentContainer
{
	background:url(images/content_bg.jpg) center top repeat-y;
	margin: 0 auto;
	min-height:620px !important;
	text-align: left;
	width: 960px;
}

#ContentHeader
{
	height:130px;
}

#ContentHeader h1, 
#ContentHeader h2
{
	margin:0;
	padding:0 0 0 125px;
	
}

#ContentHeader h1
{
	font-size:140%;
	color:#FF8E00;
	padding-top:30px;
}

#ContentHeader h2
{
	font-size:150%;
	color:#ffffff;
}

#ContentInnerContainer
{
	background:url(images/igniting-focal-point-bottom.jpg) left top no-repeat;
	overflow:hidden;
}

#Feature
{
	
	background:url(images/igniting-focal-point-secondary.jpg) left top no-repeat;
	height:132px;
	position:relative;
	width:100%;
	
}

#Footer
{
	background:url(images/igniting-footer.gif) center top no-repeat;
	clear:both;
	color:#ffffff;
	font-size:90%;
	height:151px;
	margin:0 auto;
	padding:75px 0 0 0;
	text-align:left;
	width:998px;
}

#Footer h1
{
	display:block;
	float:left;
	margin:0;
	padding:0 30px 0 40px;
	
}

#Footer h1 a,
#Footer h1 a:link
{
	background: url("images/igniting-the-power-within-logo-footer.jpg") left top no-repeat;
	display: block;
	height:65px;
	text-indent:-1000em;
	width:231px;
}

#Footer .footerContact
{
	float:right;
	padding:0 15px 0 0;
	width:250px;
}

#Footer .footerContent
{
	float:left;
	
	width:410px;
}

#Footer .links
{
	clear:both;
}

#Footer .vcard .tel
{
	color:#ff8f00;
}

#Footer .vcard .email
{
	color:#ff0000;
}

#Footer .vcard .vcardLabel
{
	display:block;
	float:left;
	width:5em;
}



#Footer .vcard .type
{
	display:none;
}



#Header
{
	background:transparent;
	color: #FFF;
	height:150px;
	position:relative;
	text-align: left;
	width: 100%;
	z-index:10;
}

#Header h1
{
	margin:0;
	padding:0;
}

#Header h1 a,
#Header h1 a:link
{
	background: url("images/igniting-the-power-within-logo.gif") left top no-repeat;
	display: block;
	height:103px;
	text-indent:-1000em;
	width:364px;
}

/* Begin top menu */


	#Header li.hover ul
	{
		visibility: visible !important;
	}
	
	#Header .links
	{
		height: 34px;
		line-height: 34px;
		list-style-type: none;
		margin: 0;
		padding:0;
		position:absolute;
		top:116px;
		left:0;
	}
	
	#Header .links li
	{
		background: url(images/menu-divider.gif) right center no-repeat;
		display: inline;
		float: left;
		padding: 0 1px 0 0;
		position: relative;
		white-space: nowrap;
	}
	
	#Header .links li.last
	{
		background:none;
	}
	
	#Header .links li a,
	#Header .links li a:link
	{
		background: Transparent;
		color:#ff0000;
		display: block;
		font-family: Trebuchet MS, Helvetica, sans-serif;
		font-size: 15px;
		font-weight:bold;
		padding: 0 14px;
		text-decoration:none;
	}
	
	#Header .links li a:hover
	{
		color:#FF8E00;
		text-decoration: none;
	}
	

	#Header .links ul
	{
		background:#111111;
		border: 1px solid #292929;
		border-top:none;
		left: -1px;
		line-height: normal;
		list-style-type: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 34px;
		visibility: hidden;
		width: auto;
	}
	
	#Header .links ul li
	{
		background-image: none;
		border-top: 1px solid #292929;
		display: block;
		float: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	#Header .links ul li a,
	#Header .links ul li a:link
	{
		background-image: none !important;
		border-style: none;
		font-size:88%;
		margin: 0;
		padding: 5px 15px;
	}
	
	#Header .links ul li a:hover
	{
		background: #191919 !important;
	
	}


/* End top menu */

#Header .phoneContact
{
	color:#FF8D00;
	margin:0;
	padding:0;
	position:absolute;
	right:24px;
	top:35px;
}

#Header .phoneContact strong
{
	font-size:125%;
}

#Header .tools
{
	color: #FF8D00;
	float: right;
	height:40px;
	line-height: 40px;
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	position:absolute;
	right:0px;
	top:72px;
	
}

#Header .tools h2
{
	display: none;
}

#Header .tools input
{
	background-color: #999999;
	border-style: none;
	color: #000;
	margin: 3px 0.5em 3px 0;
	padding:.25em 5px;
	width:100px;
}

#Header .tools label
{
	display: none;
}

#Header .tools li
{
	background:url(images/menu-divider.gif) right center no-repeat;
	display: block;
	float: left;
	padding: 0 1em;
}

#Header .tools li.last
{
	background:none;
	padding-right:12px;
}


#Header .tools li a,
#Header .tools li a:link
{
	background-color: Transparent;
	color:#FF8D00;
	display:block;
	float:left;
	font-size:12px;
}

#Header .tools a.home
{
	background:url(images/icon-home.gif) left center no-repeat;
	padding-left:50px;
}

#Header .tools a.search
{
	background:url(images/btn-search.gif) center top no-repeat;
	height:36px;
	line-height:36px;
	padding:0 2em;
	text-decoration:none;
}

#Header .tools p
{
	display: inline;
	float: left;
	margin: 0;
	padding:0;
}

#Sidebar1,
#Sidebar2
{
	float: left;
	padding:12px 30px 0;
	width: 180px;
}

#Sidebars
{
	background:url(images/igniting-focal-point-secondary-right.jpg) left top no-repeat;
	float:left;
	padding-top:128px;
	width:480px;
}

#Sidebars h2
{
	color:#ff8d00;
	margin: 0 0 45px 0;
}

#Sidebars #SubscriptionForm h2
{
	background: url(images/igniting-focal-point-bottom-sidebar2.jpg) left top no-repeat;
	height:50px;
	padding:8px 0 0 20px;
	width:220px;
	margin:0 0 -13px -30px;
}


