/* SET DEFAULTS */
body {
	position:relative;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	color:#181A1A;
	text-align: center;
	font-family: arial,helvetica,verdana,trebuchet,sans-serif;
	background:#8FA6AC url(../images/bgs/body.gif) center top repeat; 
}
* { 
	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{
	padding: .3em 0;
	line-height: 1.2em;
	font-weight:normal;
}	


h1{font-size: 1.8em;color:#18333F;}

h2{font-size: 1.5em;color:#3E657A;}
li h2{font-size: 1.25em;}

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

h4 {font-size: 1.3em;color:#6B7633;}
li h4{font-size: 1.08em;}

h5 {font-size: 1.2em;}

h6 {font-size: 1.2em;}
p{
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 0 0 1em 0;  
}
li li, li p, 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;
}
li li, li dt ,li dd,li p, li label, li input, li select,
dt li, dt dt ,dt dd, dt p,
dd li, dd dt ,dd dd, dd p {
	font-size: 1em;
	padding:0;
}


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

/* LINK styles */
a {
	color:#5f5042;
	text-decoration: underline;
}
a:hover {
	color:#3E657A;
	color:#18333F;
}

	h2 a, h3 a, h4 a, h5 a, h6 a{
		text-decoration: none;
	}	
	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;
}		


/* BOXES */
	#wrapper{
		z-index:0;
		width:768px;
		margin:0px auto;
		text-align:left;
/*		background:  url(../images/bgs/wrapper.gif) left top repeat-y ; */
	}		
	#header {
		height:157px;
		width:768px;
		position:relative;
		background: url(../images/bgs/header.gif) left top no-repeat; 
	}
	#content {
		z-index:1;
		padding:5px 33px 5px 33px;
		width:702px;
		float:left;
		background: url(../images/bgs/content.gif) left top repeat-y; 
	}
		#content,
		#content #feature,
		#content #featurePhoto{
			min-height:520px;
			height:auto !important;
			height:520px;
			overflow:visible;
			position:relative;
		}
	#footer  {
		clear:both;
		height:80px;
		background: url(../images/bgs/footer.gif) left top no-repeat;
	}









/* HEADER styles */

	#header h1.logo{ 
		float:left;
		width:200px;
		height:80px;
		padding:50px 0 0 0px;
	}



	/* MENU styles */
		#mainNav{
			position:absolute;
			left:178px;
			top:114px;
			text-align:center;
			font-family:verdana,trebuchet,sans-serif
		}
			#mainNav li,
			#mainNav li a{
				line-height:22px;
			}
			#mainNav li{
				margin-right: 4px;
				float:left;
				width:auto;
				display:inline;
				font-size:1em;
				font-weight:bold;
				text-transform:uppercase;
				background: url(../images/bgs/menu/li.gif) left bottom no-repeat;
			}
			#mainNav li a {
				padding:5px 8px;
				color:#475C62;
				text-decoration:none;
				background: url(../images/bgs/menu/li-a.gif) right top no-repeat;
			}
			#mainNav li a:hover{color: #88634B;}



	

/* FOOTER styles */

	.maillist,
	#userpanel {
		width:520px;
		margin-left:125px;
		padding-top:21px;
	}
	#userpanel {padding-top:10px;}
	#userpanel .greeting{padding:0;}
	#userpanel ul,#userpanel li{display:inline;}
	#credits {text-align:center;color:#676C69;}


		


/* CONTENT styles */
	
	#content .captionBox{
		float:right;
		display:inline;
		position:relative;
		width:310px;
		margin:0 5px 10px 10px;
	}
		#content .captionBox img{margin-bottom:.5em;border:1px solid #BDC7C5;}
		#content .captionBox p.caption{
			padding:0 3px;
			font-size:1.1em;
		}

	#content .stepThrough,
	#content .switch{
		float:left;
		width:330px;
		padding:5px 0 10px 0;
	}

		#content .switch a.active,
		#content .stepThrough .active{
			color:#666;
			padding:1px 3px;
			background:#DEE3E2;
			border:1px solid #DEE3E2;
		}
		#content .stepThrough a,
		#content .switch a{
			color:#00697F;
			padding:1px 3px;
			border:1px solid #BDC7C5;
			text-decoration:none;
		}
		#content .stepThrough a:hover,
		#content .switch a:hover{		
			color:#A24E12 !important;
			background:#E9D7C2;
			border:1px solid #BDC7C5;
		}
	#content .switch {
		line-height:1.7em;
	}
	#content .crumbs {color:#B7A791;font-size:1em;}
	#content .crumbs a {color:#A98C75;}


	#content #featurePhoto{
		width:345px;
		background:#fff;
	}
	#content #feature{
		float:right;
		display:inline;
		width:330px;
		padding:0 10px 5px 0;
		background:#fff;
	}


		#feature h1{padding:5px 0 1em 0;}	
		#feature p{line-height:1.3em;}	
		#feature li,
		#feature dt,
		#feature dd{
			padding-left:13px;
		}	
		#feature li,
		#feature dt{
			background: url(../images/icons/bullet.gif) 2px 5px no-repeat; 
		}	

		#feature dt{font-weight:bold;}	
		#feature .specs dt{
			float:left;
			display:inline;
			padding:0 6px 0 0;
			background: none;
		}
		#feature td, #feature th{padding:0 8px 2px 0;}


	




	
/* INDEX */
	.index #content #featurePhoto{ width:710px;margin-right:-10px;}
	.index #content #featurePhoto .photoBox{float:left;width:355px;}
	.index #content .captionBox{
		float:none;
		text-align:center;
		width:310;
		margin:0 10px 10px 10px;
	}


/* GALLERY */
	.gallery #content #feature {
		float:left;
		width: 702px;
		overflow:visible;
	}
	.gallery #feature .galleryList,
	.gallery #feature .galleryList li,
	.gallery #feature .galleryList li a,
	.gallery #feature .galleryList li .galleryPic{
		float:left;
		display:inline;
	}
	.gallery #feature .galleryList{
		width:685px;
		background:#E3E9EA;
		border:1px solid #C1CCC9;
		padding:6px 6px 0 6px;
		margin-top:10px;
	}
	.gallery #feature .galleryList li{
		padding:0;
		background-image:none;
	}
	.gallery #feature .galleryList li a{
		display:block;
		width:653px;
		padding:10px 15px;
		margin-bottom:6px;
		color:#3e657a;
		background:#fff;
		border:1px solid #D5C9B6;
		text-decoration:none;
	}
	.gallery #feature .galleryList li a:hover{
		color:#004574;
		background:#F3F2E7;
	}
	.gallery #feature .galleryList li .galleryPic{
		margin:0 10px 10px 0;
		border: 1px solid #8FA6AC;
	}
	.gallery #feature .galleryList li span{
		display:block;
	}
	.gallery #feature .galleryList li span.galleryName{
		font-size:1.3em;font-weight:bold;
	}



/* VOTE */
	.vote #featurePhoto .galleryList,
	.vote #featurePhoto .galleryList li{
		float:left;
		display:inline;
	}
	.vote #featurePhoto .galleryList{
		width:337px;
		height:518px;
		padding:6px 0 0 6px;
		background:#E3E9EA;
		border:1px solid #C1CCC9;
	}
	.vote #featurePhoto .galleryList li{
		width:160px;
		height:165px;
		padding:0;
		margin:0 6px 6px 0;
		background:#f3f2e7; 
		border:1px solid #D5C9B6;
		position:relative;
		text-align:center;
	}
/*	.vote #featurePhoto .galleryList li.col5{margin-left:83px;	} */
	.vote #featurePhoto .galleryList li .galleryPic{
		margin:5px 0;
		border: 1px solid #C1CCC9;
	}
	.vote #featurePhoto .galleryList li .num{
		position:absolute;
		left:0;bottom:0;
		height:17px;width:17px;
		text-align:center;
		background: #D5C9B6;
		color:#88634b;
	}

/* NEWS PAGES */

		#content .newsList dd {
			padding-left:13px;
		}
		#content .newsList dt {
			margin-top:.8em;
		}
		#content .newsList dd.date{color:#3e657a;}






/* FORMS */
	
	/* CORE FORM styles */
		form * {
			color:#181A1A; /* change for each site */
			font-family: arial, helvetica, verdana, sans-serif;
		}
		form{
			padding:0 0 1em 0;
		}

		/* 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;
			color:#fff;
			background:#666;
			border:1px solid #BDC7C5;/* change for each site */
			font-family: arial, helvetica, verdana, trebuchet, sans-serif;
			color:#00697F;
			background:#e3e9ea !important;
		} 
		textarea{ height: 60px; } 
		option {font-family: arial, helvetica, verdana, trebuchet, sans-serif;}
		label, legend {
			color:#181A1A;
			font-weight:bold;
		}
		input{ width:195px; }
		label{
			float:left;
			width:100px;
			margin:3px 0 8px 0;
		}
		legend{font-size:1em;}
		select {width:auto;}
		textarea{ 
			height: 70px;
			width: 205px;
		} 
		fieldset{ 
			clear:both;
			width:300px;
			padding:5px 0px 10px 10px;
			margin:0 0 .5em 0; 
			background:#fff;
			border:1px solid #BDC7C5; /* change for each site */
		} 
		/* DREAMGIRL FORM LIST STUFF */
			form .row{clear:both;}
			form ul.multi, form ul.row,
			form ul.multi li, form ul.row li{
				padding:0;
				float:left;
				display:inline;
				width:300px;
			}
			form ul.multi li, form ul.row li{
				width:130px;
				font-size:1.1em;
			}
			#feature form ul.multi input,
			#feature form ul.row input{
				width:auto;
				margin-right:3px;
				vertical-align:middle;
				border:0px;
				background:transparent !important;
				padding:0;
			}
			form ul.multi label{font-weight:normal;}
			form li{
				padding:0px;
				background-image:none;
			}
			form p{
				clear:both;
				padding:.5em 0;
			}
			form fieldset label{
				width:auto;
				clear:both;
				font-weight:normal;
			}
			#feature form fieldset ul.row li{
				padding-left:5px ;
				margin-right:10px;
				border:1px dotted #F1F4F4;
				background:#F7F8F9;
			}
	
		/* BUTTONS */
			form .gobutton,
			form .loginbutton,
			form .updatebutton,
			form .submitbutton,
			form #submitbutton{
				width:auto;
				padding:0;
				cursor:pointer;
				background:transparent !important;
				border:0px solid #DA1105;
				vertical-align: middle;
			}
			#feature form input#submitbutton{ 
				margin-left:100px; 
			}


		/* 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;
			}
	
		
		/* FEATURE LOGIN FORM  */
			form.loginForm{ 
				width:300px; 
			}
			form.loginForm label{ 
				width:80px; 
			}
			form.loginForm input{ 
				margin:2px 0; 
			}
			form.loginForm input.loginbutton{ 
				margin-left:80px; 
			}


	
	
	
		/* MAILLIST LOGIN FORM  */
			.maillist label {color:#2F3336;width:240px;font-weight:normal; }
			.maillist input#email {width:181px;padding:1px 2px;margin-right:4px;background:#fff;border-color:#DBDAD1;}
			.maillist .gobutton {position:relative;margin-top:-4px; }
			
		/* FEEDBACK FORM  */
			#Feedback label.referred {float:none; width:auto; }
			#Feedback #Feedback_Referred {
				margin-left:100px !important; 
				margin:3px 0 3px 103px; 
			}




/*---- sIFR ---*/
    .sIFR-active #feature h1,
	.sIFR-active #feature p.sig{
      visibility: hidden;
      font-family: Verdana;
      line-height: 1em;
	  margin:0;
      padding: 0;
	}
    .sIFR-active #feature h1{
	  font-size:38px;
	  margin-bottom:-8px;
    }
    .sIFR-active #feature p.sig {
      text-align:right;
	  font-size:28px;
    }

@media screen{
	.sIFR-flash {
	  visibility: visible !important;
	  margin: 0;
	  padding: 0;
	}
	
	.sIFR-unloading .sIFR-flash {
	  visibility: hidden !important;
	}
	
	.sIFR-replaced, .sIFR-ignore {
	  visibility: visible !important;
	}
	
	.sIFR-alternate {
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 0;
	  height: 0;
	  display: block;
	  overflow: hidden;
	}
	
	.sIFR-replaced div.sIFR-fixfocus {
	  margin: 0pt; 
	  padding: 0pt; 
	  overflow: auto; 
	  letter-spacing: 0px; 
	  float: none;
	}
	
	.sIFR-dummy { 
	  width: 0px;
	  height: 0px;
	  margin-left: 42px;
	  z-index: 0;
	}
}

/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */
@media print{
	.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;
	}
}





/* 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 */
	#content .manage dl {
		border: 1px dashed #ccc;
		padding-bottom:0;
	}
	#content .manage dd {
		margin-left: 20px;
	}
	#content .manage .newButton {
		display:block;
		padding-bottom: 12px;
	}	






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

#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:12px 0 0 -200px; */
        margin:12px 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;
}