/* SET DEFAULTS */
body, html {
	height:100%;
}
body {
	position:relative;
	font-family:'lucida grande', arial, helvetica, verdana, sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	color:#2D2422;
	text-align: center;
	background: #171514 url(../images/bgs/pinstripes.gif) center bottom repeat-y; 
}
* { 
	font-size: 1em; 
}
div, form{
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dt, dd  {
	margin:0;
	padding:0;
	line-height: 1.5em;
}
h1, h2, h3, h4, h5, h6{
	color:#32302F;
	padding: 0 0 .3em 0;
	line-height: 1.4em;
}	
ul, ol, dl { 
	padding: 0 0 1em 0;  
} 
ul, ol, dl, li, dt, dd {
	line-height:1em;
	list-style: none;
}
li, dt, dd {
	line-height: 1.5em;
	font-size: 1.2em;
	margin:0;
}
li li, li dt ,li dd, li h3, li h4, li p,
dt li, dt dt ,dt dd,
dd li, dd dt ,dd dd, dd p {
	font-size: 1em;
	padding:0;
}

h1{
	color:#A24E12;
	font-size: 1.8em;
}
h2{
	color:#008EAD;
	font-size: 1.6em;
}
li h2 {font-size:1.33em;}

h3 {font-size: 1.4em;color:#A24E12;}
li h3 {font-size:1.17em;}

h4 {font-size: 1.3em;}
li h4 {font-size:1.08em;}

h5 {font-size: 1.2em;}

h6 {font-size: 1.2em;}

p{
	font-size: 1.2em;
	padding: 0 0 1em 0;  
}
li p{padding-bottom:1em;}

table{border-collapse:collapse;}
td, th{
	margin:0;
	padding:0;
	font-size: 1.2em;
}
th {font-weight:bold;}

a {
	color:#008EAD;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

	a.skiplink {
		position:absolute;
		left:-20000em;
		font-size:8px;
	}
	
img, a img {
	border: none;
	vertical-align:middle;
}		



/* BOXES */
	#wrapper{
		background:  url(../images/bgs/body.jpg) left top repeat-x ; 
	}		
	#innerwrap,  #header, #contentwrap, #footer {
		width:930px;
		text-align:left;
		margin: 0px auto;
	}
	#innerwrap{
		background: url(../images/bgs/wrapper.gif) right bottom no-repeat; 
	}
	#header {
		height:240px;
		background: url(../images/bgs/header.gif) left top no-repeat; 
	}
	#contentwrap {
		background: url(../images/bgs/innerwrap.gif) left top repeat-y; 
	}
	#content {
		min-height:300px;
		padding:0 35px;
		background: url(../images/bgs/content.gif) left top no-repeat; 
	}
	#menu, #subFooter{clear:both;}
	#subFooter {
		padding: 0 35px;
		height:40px;
		position:relative;
	}
	#footer  {
		color:#008EAD;
		padding:35px 0 0 0;
		background: url(../images/bgs/footer.gif) center top no-repeat;
	}









/* HEADER styles */

	#header h1.logo{ padding:50px 0 0 55px;}


	/* MENU styles */
		#menu #mainNav{
			font-weight:bold;
			text-align:center;
			text-transform:uppercase;
			padding:.5em 0 1.5em 0;
			margin-bottom:1.5em;
			background: url(../images/bgs/dot-line.gif) center bottom no-repeat; 
		}
			#menu #mainNav li{
				padding:0 20px;
				font-size:1.2em;
				display:inline;
			}
		
			#mainNav li a {
				color:#A24E12;
				text-decoration:none;
			}
			#mainNav li a:hover{
				color:#D68100;
			}
	

/* FOOTER styles */
	#footer p{padding:0 40px 1em 40px;}
	#footer .copyright{float:right;}
	#footer .credits img{padding-top:3px;}




		


/* CONTENT styles */
	#content .captionBox{
		color:#067087;
		text-align:center;
	}
	#content #feature .captionBox{
		float:right;
		width:216px;
		padding:0 0 5px 10px;
	}
	#content #feature{
		padding:.5em 0 1.5em 0;
		margin:0 0 1.5em 260px;
	}
		#content #feature ul li,
		#content #feature dt,
		#content #feature dd{
			padding-left:15px;
		}	
		#content #feature ul li,
		#content #feature dt{
			background: url(../images/icons/arrow.gif) 6px 4px no-repeat; 
		}	
		#content #feature ol li{
			padding:0;
			margin-left:20px;
			background-image:none;
			list-style:decimal outside; 
		}	
		#content #feature dt{
			font-weight:bold;
		}	
		#content #feature h2.sectionHeading {
			padding-top:7px;
			background: url(../images/bgs/dot-line.gif) center top no-repeat; 
		}

	#content #sidebar {
		float:left;
		width:240px;
		padding-bottom:50px;
		margin-bottom:1.5em;
		background:#ECECDF url(../images/bgs/highlightBase.gif) left bottom no-repeat;
	}
		#content #sidebar .sidebarPad,
		#content #sidebar .sectionNav{
			padding:12px;
			min-height:230px;
			background: url(../images/bgs/highlightTop.gif) left top no-repeat;
		}
		#content #sidebar .sectionNav{
			color:#008EAD;
			font-weight:bold;
		}
		#content #sidebar .sectionNav a{
			color:#A24E12;
			font-size:1.1em;
			display:block;
			padding-left:7px;
			text-decoration:none;
			text-transform:uppercase;
			background: url(../images/icons/arrow.gif) 0px 3px no-repeat; 
		}
		#content #sidebar .sectionNav .dgButton a{
			display:inline;
		}
		#content #sidebar .sectionNav a:hover{color:#d68100;}
		#content #sidebar .sectionNav .navitem{ 
			display:block;
			font-size:1.1em;
			padding:2px 0 6px 0;
		}
		#content #sidebar .sectionNav .navitem a{ 
			color:#008EAD;
			padding-left:0;
			text-transform:none;
			background-image:none;
		}
		#content #sidebar .sectionNav ul{
			padding:0;
		}
		#content #sidebar .sectionNav ul li{
			padding:6px 0 4px 0px;
			background: url(../images/bgs/highlightDots.gif) left top no-repeat; 
		}
		#content #sidebar .sectionNav ul li li,
		#content #sidebar .sectionNav ul li li a{
			padding: 0;
			text-transform:none;
			background-image:none;
		}
		#content #sidebar .sectionNav ul li li{
			padding-left:7px;
			font-size:.95em;
		}
		#content #sidebar .sectionNav ul li a span{
			text-transform:none;
		}
		#content #sidebar .sectionNav .dgButton a,
		#content #sidebar .sectionNav .stepThrough a{
			display:inline !important;
			padding:0 !important;
			background-image:none !important; 
		}
		#content #sidebar .sectionNav .stepThrough{padding-left:7px;font-weight:normal;}
		#content #sidebar .sectionNav .stepThrough a{
			text-transform:none; 
		}
		
		/* LEAVING CARE - SIDEBAR styles */
		.leavingCare #content #sidebar ul li{
			padding:6px 0 4px 0;
			background: url(../images/bgs/highlightDots.gif) left top no-repeat; 
		}
		.leavingCare #content #sidebar ul a{
			color:#A24E12;
			display:block;
			font-size:1.1em;
			font-weight:bold;
			padding-left:7px;
			text-decoration:none;
			text-transform:uppercase;
			background: url(../images/icons/arrow.gif) 0px 3px no-repeat; 
		}
		.leavingCare #content #sidebar ul a:hover{color:#d68100;}

	

	/* SUBFOOTER/ USERPANEL styles */
		#contentwrap #subFooter #footerNav{
/*			float:right;*/

			position:absolute; 
			left:730px;
			width:160px;
		}
		#contentwrap #subFooter #footerNav .aboutNav a{
			display:block;
			text-align:right;
			font-weight:bold;
			font-size:1.1em;
			padding:0 2px 25px 0;
			text-decoration:none;
			text-transform:uppercase;
			background: url(../images/headings/ignitionWA-sm.gif) right bottom no-repeat;
		}
		#contentwrap #subFooter #footerNav .aboutNav a:hover{
			color:#A24E12;
		}
		#contentwrap #subFooter #userpanel li{
			display:inline;
			padding-right:6px;
		}


/* INDEX styles */
	.index #content #feature{
		margin-left:0px;
	}
	#content #leader{
		width:860px;
		background:#ECECDF url(../images/bgs/leader.gif) left bottom no-repeat;
		margin-bottom:1.5em;
	}
	#content #leader .leaderPad{
		padding:10px;
		background: url(../images/bgs/leaderPad.gif) left top no-repeat;
	}
		#content #leader .leaderPad h1,
		#content #leader .leaderPad h2{font-size: 1.5em;}
		
	#content #featureNav{
		width:860px;
		height:480px;
		padding-bottom:0;
		position:relative;
		background:url(../images/bgs/featureNav.jpg) left top no-repeat;
	}
	#content ul#featureNav li{
		padding:0;
		position:absolute;
		background-image:none;
	}
	#content #featureNav li.emergencyNav{left:10px;top:201px;}
	#content #featureNav li.leavingNav{left:114px;top:129px;}
	#content #featureNav li.guideNav{left:207px;top:31px;}
	#content #featureNav li.faqNav{	left:402px;top:105px;}
	#content #featureNav li.storiesNav{left:573px;top:149px;}
	#content #featureNav li.eventsNav{left:722px;top:185px;}
	
	
/* GUIDE styles */
	
	.hasFlash #content #sidebar,
	.hasFlash #content #feature{
		float:none;
		width:800px;
		padding:.5em 0 1.5em 0;
		margin:0 0 1.5em 30px;
		background-color:transparent;
		background-image:none;
	}
	#content #feature .guideList li.guideItem{
		font-weight:normal;
		float:left;
		width:570px;
		padding:.75em 10px .75em 15px;
		background: url(../images/bgs/dot-line.gif) center top no-repeat; 
	}
	#content #feature .guideList h2{
		margin-left:-15px;
		padding-left:15px;
		background: url(../images/icons/arrow.gif) 4px 6px no-repeat; 
	}
	#content #feature .guideList li.guideItem p{padding-bottom:.5em;}
	
/* EVENT styles */
	
	#content #feature .eventList li.eventItem{
		font-weight:normal;
		float:left;
		width:570px;
		padding:.75em 10px .75em 15px;
		background: url(../images/bgs/dot-line.gif) center top no-repeat; 
	}
	#content #feature .eventList h3{
		font-size:1.2em;
		color:#a24e12;
		margin-left:-15px;
		padding-left:15px;
		background: url(../images/icons/arrow.gif) 4px 6px no-repeat; 
	}
	#content #feature dl.specs {
		padding:3px 0 6px 0;
	}
	#content #feature dl.specs dt,
	#content #feature dl.specs dd{
		padding:0px;
	}
	#content #feature dl.specs dt{
		width:60px;
		float:left;
		color:#067087;
		background-image:none;
	}
	#content #feature dl.specs dd{margin-left:70px;}	
	
	
/* FAQ styles */
	#content #feature ol.anchorList{
		background: url(../images/bgs/dot-line.gif) center bottom no-repeat; 
	}
	#content #feature ol.itemList{margin-top:1em;}
	#content #feature ol.anchorList li,
	#content #feature ol.itemList li{
		padding:0 0 .2em 28px;
		position:relative;
		background-image:none;
	}
	#content #feature ol.anchorList li{
		line-height:1.6em;
	}
	#content #feature ol.itemList li{
		padding-bottom:1em;
	}
	#content #feature ol li .num{
		position:absolute;
		top:0;
		margin:0 0 0 -26px;
		width:26px;
		padding:0 0 1px 0;
		display:block;
		font-weight:bold;
		text-align:center;
		background: url(../images/icons/numBox-sm.gif) center center no-repeat; 
	}
	#content #feature .knowledgeItem h3{
		color:#A24E12;
		font-size:1.2em;
	}
	#content #feature .knowledgeItem h3 .num{
		color:#000;
		margin:-5px 0 0 -28px;
		padding:6px 0 1px 0;
		font-size:.85em;
		background: url(../images/icons/numBox-lg.gif) center center no-repeat; 
	}

	
/* STORIES styles */
	#content #feature .storyList li.storyItem{
		font-weight:normal;
		float:left;
		width:570px;
		padding:.75em 10px .75em 15px;
		background: url(../images/bgs/dot-line.gif) center top no-repeat; 
	}
	#content #feature .storyList h2{
		margin-left:-15px;
		padding-left:15px;
		background: url(../images/icons/arrow.gif) 4px 6px no-repeat; 
	}
	#content #feature .storyList li.storyItem p{padding-bottom:.5em;	}
	





/* FORMS */
	
	/* CORE FORM styles */
		form * {
			color:#444; /* change for each site */
			font-family:verdana, arial, helvetica, sans-serif;
		}
		form{
			width:400px;
			padding:0 0 1.5em 0;
		}

		/* clear browser defaults */
		input, select, textarea, label, legend, fieldset{
			margin:0;
			padding:0;
			font-size: 1.1em;
		}
		input, select, textarea{
			margin:0;
			padding:2px;
			background:#fff;
			border:1px solid #008EAD; /* change for each site */
			font-family: arial, helvetica, verdana, trebuchet, sans-serif;
		} 
		textarea{ height: 60px; } 
		option {font-family: arial, helvetica, verdana, trebuchet, sans-serif;}
		label, legend {
			color:#A24E12;
			font-weight:bold;
		}
		input{ width:180px; }
		label{
			float:left;
			width:120px;
			margin:3px 0;
		}
		select {width:auto;}
		textarea{ 
			height: 70px;
			width: 250px;
		} 
		fieldset{ 
			clear:both;
			padding:5px 10px;
			margin:0 0 .5em 0; 
			background:#fff;
			border:1px solid #008EAD; /* change for each site */
		} 
	
		/* DREAMGIRL FORM LIST STUFF */
			form ul.multi{
				float:left;
				width:240px;
				padding-bottom:0;
			}
			form ul.multi li{
				float:left;
				width:120px;
				font-size:1em;
				padding:2px 0;
			}
			form ul.multi input,
			form ul.row input{
				width:auto;
				margin-right:3px;
			}
			form ul.multi label{font-weight:normal;}
			form li{
				padding:0px;
				background-image:none;
			}
	
		/* FEATURE LOGIN FORM  */
			form.loginForm{ 
				width:320px;
			}
			form.loginForm label{ 
				display:inline;
				width:80px; 
			}
			form.loginForm input{ 
				margin:2px 0 2px 0px; 
		}
			form.loginForm input.loginbutton{ 
				margin-left:80px; 
			}
	
	
		/* BUTTONS */
			/* first class wipes out standard input borders etc for buttons, second one allows for varied width image etc */
			form .gobutton,
			form .loginbutton,
			form .submitbutton,
			form .updatebutton,
			form .wfPageButton,
			form #submitbutton{ 
				color:#fff;
				width:170px; 
				cursor:pointer;
				font-weight:bold;
				padding:5px 0;
				border:0px solid #DA1105;
				background: url(../images/icons/submit-button.gif) left top no-repeat;
			}
			form .gobutton,
			form .updatebutton,
			form .submitbutton,
			form .loginbutton,
			#Feedback #submitbutton{
				width:auto;
				padding:0;
				background:none;
				vertical-align: middle;
			}


		/* ERROR styling */
			form h2.warning{ 
				font-size:1.6em;
				color:#DE041D; 
			}
			form .inputError{ 
				display:block;
				color:#DE041D; 
				font-size:11px;
				line-height:1em;
				margin:6px 0 0 3px;
			}
	
		








	
/* clearfix hack if needed */

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}
	
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
		}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
		}	


        

/* management tweaks */
	#feature .manage dl {
		border: 1px dashed #ccc;
		padding-bottom:0;
	}
	#feature .manage dd {
		margin-left: 20px;
	}
	#feature .manage .newButton {
		display:block;
		padding-bottom: 12px;
	}	






/* dreamgirl CMS styles*/
.buttonContainer
{
		display: inline;
}

#dgInlineFeedback {
        width: 259px;
        height: 242px;
        color: #000;
        background: url(../dreamgirl/images/success.png)!important;
        background: url(../dreamgirl/images/success.gif);
        }


.dgInlineForm {
        width: 500px;
        border: 0px;
       /* margin:12 0 0 -200px; */
        margin:12 0 0 0;
		left:0;
        position: absolute;
        visibility: visible;
        overflow: hidden;
		z-index:100;
        
}

iframe {
		position:absolute;
        width: 500px;
        border: 0px;
        padding: 0px;
        margin: 0px;
}
.dgInlineButton {
        border: 0px;
        background-color: transparent;
}

.dgInlineButtonActivated {
        background-color: #ccc;
        margin-right: 3px;
}

.dgActiveElement {
		border: 1px dashed #eebddc;
		z-index:100 !important;
}

.dgInactiveElement {
        background-color: transparent;
}

.dgButtonLink {
        border: 0px;
        margin-right: 3px;
}





/* IMPORTANT! sIFR import styles for screen & print media */
/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

@media screen {
/* These are standard sIFR styles... do not modify */

/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... add and alter as necessary for individual site */
/* Letter spacing can be used to make the browser text metrics match up with the sIFR text metrics... settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-active #contentwrap h1.pageHeader{
	visibility: hidden;
	line-height: 1em;
	font-size:3em;
	top:3px;
}



}

@media print {
/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

.sIFR-flash {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}

}