/* SET DEFAULTS */
body, html {
	height:100%;
}
body {
	position:relative;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	color:#3583BF;
	text-align: center;
	background: #DCDFE0 url(../images/bgs/body.gif) center top 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;
}
h1, h2, h3, h4, h5, h6{
	color:#025EAC;
	padding: .2em 0;
	line-height: 1.2em;
}	

h1{
	font-size: 2.6em;
	font-weight:normal;
	text-transform:lowercase;
}
h2{font-size: 1.7em;}
li h2{font-size: 1.31em;}

h3 {font-size: 1.5em;}
li h3{font-size: 1.25em;}

h4 {font-size: 1.4em;}
li h4{font-size: 1.16em;}

h5 {font-size: 1.3em;}
li h6{font-size: 1.08em;}

h6 {font-size: 1.2em;}
p{
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 0 0 1em 0;  
}
li p, li h4, li h5, li h6{font-size: 1em;}

ul, ol, dl { 
	padding: 0 0 1em 0;  
} 
ul, ol, dl, li, dt, dd {
	line-height:1em;
	list-style: none;
}
li, dt, dd {
	font-size: 1.2em;
	line-height: 1.5em;
}
dt li, dt dt ,dt dd,
dd li, dd dt ,dd dd, dd p {
	font-size: 1em;
	padding:0;
}



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

a {
	color:#0364AF;
	text-decoration: underline;
}
a:hover {
	color:#004684;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	text-decoration: none;
}	
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
	text-decoration: underline;
}	
	a.skiplink {
		position:absolute;
		left:-20000em;
		font-size:8px;
	}
	
img, a img {
	border: none;
	vertical-align:text-bottom;
}		


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

		/* clear browser defaults */
		input, select, textarea, label, legend, fieldset{
			margin:0;
			padding:0;
			font-size: 1.1em;
		}
		input, select, textarea{
			margin:0;
			padding:3px 2px;
			background:#fff;
			border:1px solid #3583bf; /* 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:#004089; /* change for each site */
			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 #3583bf; /* 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{width:80px; }
			form.loginForm input{margin:2px 0;}
			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,
			#sidebar #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;
			}
	
		


/* BOXES */
	#wrapper{
		z-index:0;
		width:1000px;
		text-align:left;
		margin: 0px auto;
		background: #fff url(../images/bgs/wrapper.jpg) left top no-repeat; 
	}		
	#header {
		z-index:1;
		clear:both;
		height:290px;
		background: url(../images/bgs/header.jpg) left bottom repeat-x; 
	}
		.about #header {background: url(../images/bgs/header/whatwedo.jpg) left bottom repeat-x; }
		.staff #header {background: url(../images/bgs/header/ourteam.jpg) left bottom repeat-x; }
		.clients #header {background: url(../images/bgs/header/ourclients.jpg) left bottom repeat-x; }
		.events #header {background: url(../images/bgs/header/calendar.jpg) left bottom repeat-x; }
		.news #header {background: url(../images/bgs/header/news.jpg) left bottom repeat-x; }
		.faq #header {background: url(../images/bgs/header/faq.jpg) left bottom repeat-x; }
		.resources #header {background: url(../images/bgs/header/links.jpg) left bottom repeat-x; }
		.contact #header {background: url(../images/bgs/header/contact.jpg) left bottom repeat-x; }
	#content {
		z-index:99;
		width:1000px;
		float:left;
		display:inline;
	}
		#feature, #sidebar{
			float:left;
			display:inline;
			position:relative;
		}
		#feature {
			width:465px;
			padding:35px 80px 20px 70px;
		}
		#sidebar{
			width:348px;
			color:#fff;
			margin-top:-206px;
			position:relative;
			background: url(../images/bgs/sidebar.jpg) left top repeat-y; 
		}

	#footer  {
		z-index:0;
		clear:both;
		padding:40px 40px 10px 70px;
	}






/* HEADER styles */

	#header h1.logo{padding:20px 0 0 23px;}


	/* MENU styles */
		#menu {padding-left:70px;}
		#menu #mainNav{
			font-weight:bold;
			text-transform:uppercase;
			padding:3px 0 0 0;
		}
			#menu #mainNav li{
				padding:0 6px;
				font-size:1em;
				display:inline;
			}
		
			#mainNav li a {
				color:#365D88;
				text-decoration:none;
			}
			#mainNav li a:hover{color:#001B3F;}
	

/* FOOTER styles */
	#footer #userpanel ul li{
		display:inline;
		padding-right:12px;
	}




		


/* CONTENT styles */
	#content li,
	#content dt,
	#content dd{ padding-left:15px;}	
	#content li,
	#content dt{ background: url(../images/icons/bullet.gif) 0px 4px no-repeat; }	
	#content dt{ font-weight:bold;}	

	#content .stepThrough a{
		padding:1px 2px;
		border:1px solid #90D1F9;
		text-decoration:none;
	}

	#content .captionBox{
		float:right;
		width:200px;
		text-align:center;
		margin:0 0 .5em 15px;
		color:#067087;
		background:#CDEAFD;
		border:1px solid #9BD6FC;
	}
		#sidebar .captionBox{
			width:145px;
			color:#fff;
			background:#004089;
		}

	#content .captionBox p{padding:.2em 5px .3em 5px;font-size:1.1em;}


	/* FEATURE styles */
		#feature  h2{color: #004089;}
		#feature  dl.specs dt{
			float:left;
			padding-right:5px;
			text-transform:uppercase;
		}
	
	/* SIDEBAR styles */
			#sidebar .sidePad{
				min-height:400px;
				height:auto !important;
				height:400px;
				padding:10px 25px 100px 25px;
				margin-bottom:-100px;
				background: url(../images/bgs/sidebar-top.jpg) left top no-repeat; 
			}
			#sidebar .sideFooter{
				min-height:100px;
				height:auto !important;
				height:100px;
				padding:20px 25px;
				background: url(../images/bgs/sidebar-base.jpg) left bottom no-repeat; 
			}
			#sidebar .module{clear:both;}
			#sidebar a{color:#C9E9F9;}	
			#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4{
				padding: 0 0 .2em 0;
				line-height:1em;
			}	
			#sidebar h1, #sidebar h2{color:#003366;}	
			#sidebar h3, #sidebar h4{color:#fff;}	
			#sidebar h4{padding-bottom:0;}
			#sidebar h2{
				font-size: 1.6em;
				padding: 13px 0 .3em 0;
			}	

			#sidebar .sidePad p,
			#sidebar .sidePad li{
				font-size: 1.1em;
			}
			#sidebar .sidePad li p,
			#sidebar .sidePad dd p{
				font-size: 1em;
				padding-bottom:.5em;
			}
			#sidebar .module li,
			#sidebar .module dt,
			#sidebar .module dd {
				line-height: 1.3em;
			}
			#sidebar .module dl dt{margin-top:.3em;font-size:1.35em;}
			#sidebar .module dl dt a{text-decoration: none;}
			#sidebar .module dl dt a:hover{text-decoration: underline;}
			#sidebar .module .stepThrough{padding-left:15px;}
			#sidebar .module .stepThrough a{color:#90D1F9;}
			#sidebar .module .stepThrough a:hover{color:#004684;}
			#sidebar .module h2 .switch{
				float:right;
				font-size:.7em;
				font-weight:normal;
				padding-right:8px;
				background: url(../images/icons/arrow.gif) right 3px no-repeat;
			}



/* INDEX styles */


	
/* CLIENTS styles */
	#sidebar .clientList li{
		margin-top:.3em;
		font-size:1.35em;
		font-weight:bold;
	}
	#sidebar .clientList li a{text-decoration: none;}
	#sidebar .clientList li a:hover{text-decoration: underline;}


/* LINKS styles */
	#feature .categoryList li{
		display:inline;
		padding:0px;
		white-space:nowrap;
		background-image:none;
	}
	#feature .categoryList li a{
		border-left:1px solid #9BD6FC;
		border-right:1px solid #9BD6FC;
		background:#CDEAFD;
		padding:3px 5px 0px 5px;
		text-decoration:none;
	}
	#feature .categoryList li a:hover{
		color:#067087;
		background:#fff;
	}
	#feature .resourceCategory h2{
		padding:.5em 0 0 0;
		margin-bottom:.5em;
		border-top:1px solid #CDEAFD;
	}
	#feature .resourceList dt{
		float:left;
		padding:0 5px 0 14px;
	}
	
	
	
/* FAQ styles */
	#feature .anchorList{
		border-bottom:1px solid #CDEAFD;
	}
	#feature .anchorList li,
	#feature .faqItem{
		position:relative;
		padding-left:23px;
		background-image:none;
	}
	#feature .anchorList li .num,
	#feature .faqItem .num{
		color:#025eac;
		text-align:center;
		float:left;
		margin:0 0 0 -23px;
		width:16px;
		font-size:10px;
		line-height:10px;
		padding:4px 2px 4px 0;
		background:url(../images/icons/circle.gif) left top no-repeat;
	}
	#feature .faqItem {
		padding-top:.5em;
		border-bottom:1px solid #CDEAFD;
	}



/* NEWS styles */
	#sidebar .newsList dd.date{font-weight:bold;}


/* CONTACT styles */
	/* FEEDBACK FORM  */
		#Feedback .row{
			clear:both;
			padding:4px 0;
		}

		#Feedback #submitbutton{margin-left:120px;}













	
/* 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;
}

}