/* set defaults */
body {
	font-family: arial, verdana,  helvetica, sans-serif;
	font-size: 62.5%;
	color: #000;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #E2E55B url(../images/bgs/body-bg.gif) left top repeat-x;
}

* { 
	font-size: 1em; 
	line-height: 1.5em;
}
div, form{
	margin:0;
	padding:0;
}

p, ul, ol, dl { 
	margin: 0 0 1em 0;  
} 
h1, h2, h3, h4, h5, h6{
	margin: 0 0 .1em 0;
	text-transform:lowercase;
}	
h1{
	font-size: 2em;
	color:#ED1555;
        clear: left;
}
h2{
	font-size: 1.7em;
}
h3 {
	font-size: 1.7em;
}
h4 {
	font-size: 1.4em;
}
h5 {
	font-size: 1.3em;
}
h6 {
	font-size: 1.2em;
}
p{
	font-size: 1.2em;
}

ul, ol, dl, li, dt, dd {
	list-style: none;
	padding:0;
	font-size: 1.1em;
}
li, dt, dd {
	margin:0 0 auto 0;
}

a {
	color:#ED1555;
}
a:hover {
	text-decoration:none;
}

img, a img {
	border: none;
}		

input{
	margin:0;
	padding:0;
}
a.skiplink {
	font-size: 8px;
	font-weight:normal;
	color: #FFFFFF;
	text-decoration: none;
}
.skiplink:active, .skiplink:focus {
	color: #0000FF;
	text-decoration: underline;
}

/* boxes */
#wrapper{
	width:766px;
	margin: 0px auto;
	text-align: left;
	z-index:0;
}
#header{
	position:relative;
	height:203px;
	border-bottom:7px solid #fff;
	width:696px;
	margin: 0px auto;
	background:  url(../images/bgs/header-bg.gif) left bottom repeat-x;
	z-index:50;
}
#content {
	min-height:500px;
	height:auto !important;
	height:500px;
	background:  url(../images/bgs/content-bg.gif) center top repeat-y;
	z-index:0;
	padding-bottom:5px;
}
#content .wrap {
	position:relative;
	min-height:500px;
	height:100%;
	padding: 0 35px;
	background:  url(../images/bgs/wrap-bg.gif) center top no-repeat;
	z-index:5;
}
/* float clearing code/hack */
.wrap:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.wrap {display: inline-table;}

/* Hides from IE-mac \*/
* html .wrap {height: 1%;}
.wrap {display: block;}
/* End hide from IE-mac */

#footer{
	position:relative;
	width:766px;
	margin: -1px auto;
	background:  url(../images/bgs/footer-bg.gif) center top no-repeat;
	padding-top:33px;
	z-index:1;
}
#userpanel{
}



/* header stuff */
#header h1,
#header ul{ 
	margin:0;  
} 
#header h1{
	position:absolute;
	top:0;
	left:0;
	width:440px;
	z-index:95;
}
#header a{
	color:#fff;
}
/* topMenu stuff */
#topMenu ul{
	position:absolute;
	right: 0;
	top:5px;
	text-align:right;
	z-index:100;
}
#topMenu li{
	float:left;
}
#topMenu li a{
	margin:0 6px;
	color:#EC1657;
	font-size: 1.1em;
}

/* mainMenu stuff */
#mainMenu {
	position:relative;
	height:203px;
	background: url(../images/bgs/mainMenu-bg.jpg) right bottom no-repeat;
	z-index:90;
	text-transform:lowercase;
}
#mainMenu #nav{
	padding-top:177px;
	font-family: "trebuchet MS", arial, verdana,  helvetica, sans-serif;
}
#nav li {
	float: left;

}
#nav li.schoolNav,
#nav li.workNav,
#nav li.communityNav,
#nav li.stageNav{
	height:26px;
	border-right:7px solid #fff;
}
#nav li span.navitem {
	z-index:100;
	display:block;
	height:25px;
	padding-left: 7px;
}
#nav li span.navitem a{
	text-indent:-20000em;
	height:25px;
}
#nav li a{
	display: block;
	font-size:1.3em;
	text-decoration:none;
}
#nav li ul {
	position: absolute;
	margin-top:0px;
	padding:6px 0;
	width: auto;
	left: -999em;
	border-right: 2px solid;
	border-bottom: 2px solid;
	z-index:91;
}
#nav li ul li{
	height:auto;
	width: 12.5em;
	float:none;
	font-weight:bold;
	z-index:92;
}
#nav li ul .active{
	font-size:1em;
	padding-left:12px;
	z-index:100;
}
#nav li ul a{
	height:auto;
	line-height:1.3em;
	font-size:.9em;
	padding:0 8px 1px 12px;
	margin:4px 0 2px 0;
	z-index:100;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
#nav li.schoolNav{
	width: 92px;
	color:#fff;
	background:#4A63AE  url(../images/links/schoolNav-bg.gif) 7px 5px no-repeat;
}
#nav li.schoolNav span.navitem,
#nav li.schoolNav span.navitem a{
	width: 85px;
}
#nav li.schoolNav ul{
	background:#788CC6;
	border-color: #2D3F77;
}
#nav li.schoolNav li a:hover{
	background:#95A3CF;
}
#nav li.schoolNav .active,
#nav li.schoolNav li a:active{
	background:#4A63AE;
}
#nav li.workNav{
	width: 145px;
	color:#ED1555;
	background: #E2E55B url(../images/links/workNav-bg.gif) 7px 5px no-repeat;
}
#nav li.workNav span.navitem, 
#nav li.workNav span.navitem a{
	width: 138px;
}
#nav li.workNav a{
	color:#ED1555;
}
#nav li.workNav ul{
	background:#F2F49E;
	border-color:#838534;
}
#nav li.workNav li a:hover{
	background:#F3F4CF;
}
#nav li.workNav .active,
#nav li.workNav li a:active{
	background:#E2E55B;
}
#nav li.communityNav{
	width: 154px;
	color:#000;
	background:#FCB034 url(../images/links/communityNav-bg.gif) 7px 5px no-repeat;
}
#nav li.communityNav span.navitem,
#nav li.communityNav span.navitem a{
	width: 147px;
}
#nav li.communityNav ul{
	background:#FBD088;
	border-color:#8E5F12;
}
#nav li.communityNav li a:hover{
	background:#FAE2BB;
}
#nav li.communityNav .active,
#nav li.communityNav li a:active{
	background:#FCB034;
}
#nav li.stageNav{
	color:#fff ;
	width: 112px;
	border:0px;
	background:url(../images/links/stageNav-bg.gif) 7px 5px no-repeat;
}
#nav li.stageNav span.navitem,
#nav li.stageNav span.navitem a{
	width: 105px;
}
#nav li.stageNav ul{
	background:#F97CA1;
	border-color:#8A082F;
}
#nav li.stageNav li a:hover{
	background:#F8A6BF;
}
#nav li.stageNav .active,
#nav li.stageNav li a:active{
	background:#ED1555;
}

/* footer stuff */
#footer p, #footer ul{
	text-align: right;
	margin:auto 35px;
}
#footer .credit{
	float:left;
}
#footer ul{
	margin-bottom:15px;
}
#footer ul li{
	display:inline; 
	margin-left:5px;
}


/* userpanel stuff */



/* universal content styles */
#content h1 {
	text-transform:lowercase;
}
#content .feature{
	float:right;
	margin-right:5px;
	display:inline;
	width:480px;
}
#content .feature a{
	color:#384F95;
}
#content .feature img.inlinepic{
	float:right;
	border:1px solid #FCB034;
	margin:7px 12px 10px 12px;
}
#content .feature .clear{
	clear:left;
}
#content .feature .default img.inlinepic,
#content .feature .right img.inlinepic{
	float:right;
	margin-right:0;
}
#content .feature .left img.inlinepic{
	float:left;
	margin-left:0;
}
#content .feature h1{
	padding-top:10px;
	text-transform: capitalize;
}
#content .feature h2{
	color:#EB9A17;
}
#content .feature h3{
	color:#BFC237;
}
#content .feature h4{
	color:#4A63AE;
}
#content .feature h5{
	color:#FCB034;
}
#content .feature ul,
#content .feature li{
	margin-left: 2px;
	padding-left: 1px;
	list-style: none outside;
	text-transform:lowercase;
}
#content .feature li{
	padding-left: 12px;
	background: url(../images/icons/green-white-dot.gif) 0px 3px no-repeat;
}
#content .feature p.attachment{
	margin-top:0;
}



#content .sublist{
	top:0px;
	width:190px;
	padding-top:5px;
	background:#ED1555;
	color:#fff;
}
#content .sublist h2{
	margin:0 0 0 10px ;
	text-transform: capitalize;
	padding-top:5px;
}
#content .sublist h3,
#content .sublist h4,
#content .sublist h5,
#content .sublist p{
	margin:0 10px;
}
#content .sublist a{
	color:#fff;
}
#content .sublist ul,
#content .sublist li,
#content .sublist dl,
#content .sublist dt,
#content .sublist dd{
	padding-left: 10px;
	list-style: none outside;
	text-transform:lowercase;
}
#content .sublist ul{
	margin-bottom:1em;
}
#content .sublist li,
#content .sublist dt{
	margin:0 3px;
	background: url(../images/icons/white-pink-dot.gif) 0px 3px no-repeat;
}
#content .sublist dt{
	font-weight:bold;
	margin-top:6px;
}
#content .sublist dd{
	margin-left:10px;
	color:#E2E55B;
}
#content .sublist dd em{
	font-style:normal;
	color:#fff;
	display:block;
	width:3.2em;
	float:left;
}



#content .sublist .splash{
	border-top:7px solid #fff;
	background:#E2E55B;
	padding-bottom:5px;
}
#content .sublist .splash p{
	margin-bottom:0;
	padding: 2px 10px;
	color:#2A4653;
}

#content .sublist .contentlist{
	padding-top:8px;
}
#content .sublist .contentlist *,
#content .sublist .contentlist li{
	text-transform:none;
}
#content .sublist .contentlist li{
	font-size:1em;
	padding-left: 10px;
	background: url(../images/icons/yellow-pink-dot.gif) 0px 1px no-repeat;
}


.bookButton {
	margin-bottom:15px;
}


/* index content styles */
body.index{
	background: #E2E55B url(../images/bgs/index-body-bg.gif) left top repeat-x;
}
.index #wrapper{
	width:100%;
	text-align: center;
}
.index #content .wrap {
	min-height:500px;
	height:100%;
	width:100%;
	padding: 0;
	background:  url(none) center top no-repeat;
}
.index #header, .index #content, .index #footer{
	text-align: left;
}
.index #content .firstRow,
.index #content .secondRow,
.index #content .thirdRow{
	width:100%;
}
.index #content .firstRow,
.index #content .secondRow{
	float:left;
	clear:both;
	border-bottom: 7px solid #fff;
}
.index #content .firstRow{
	min-height:180px;
	height:auto !important;
	height:180px;
	background: #4A63AE url(../images/bgs/index-firstRow-bg.gif) center top repeat-y;
}
.index #content .secondRow{
	min-height:292px;
	height:auto !important;
	height:292px;
	background: #FCB034 url(../images/bgs/index-secondRow-bg.gif) center top repeat-y;
}
.index #content .thirdRow{
	min-height:292px;
	height:auto !important;
	height:292px;
	clear:both;
	background:  url(../images/bgs/index-thirdRow-bg.gif) center top repeat-y;
}
.index #content .pagelinks,
.index #content .pagelinks li{
	list-style: none outside;
	padding:0;
	margin-left:0;
}
.index #content .rowWrap{
	width:696px;
	margin: 0px auto;
	padding:5px 0;
	min-height:100px;
	text-align: left;
}
.index #content .item1,
.index #content .item2,
.index #content .item3,
.index #content .item4,
.index #content .item5,
.index #content .item6,
.index #content .item7{
	float:left;
	padding:0 0 0 10px;
}
.index #content .item1,
.index #content .item2,
.index #content .item4,
.index #content .item6{
	padding-right:17px;
}
.index #content .item1,
.index #content .item2,
.index #content .item3{
	width:208px;
}
.index #content .item4,
.index #content .item5,
.index #content .item6,
.index #content .item7{
	min-height:282px;
	height:auto !important;
	height:282px;
	width:325px;
	padding-left:15px;
}
.index #content .item4,
.index #content .item6{
	width:180px;
	padding-right:157px;
}
.index #content .item5,
.index #content .item7{
	width:180px;
	padding-left:155px;
}
.index #content .item3,
.index #content .item5,
.index #content .item7{
	clear:right;
}


/* index - individual box styling*/
.index #content h2{
	color:#000;
}
.index #content ul{
	margin-left:15px;	
}
.index #content .item4{
	background: url(../images/bgs/index-item4-bg.jpg) 205px 0px no-repeat;
}
.index #content .item5{
	background: url(../images/bgs/index-item5-bg.jpg) 5px 0px  no-repeat;
}
.index #content .item6{
	background: url(../images/bgs/index-item6-bg.jpg) 205px 0px no-repeat;
}
.index #content .item7{
	background: url(../images/bgs/index-item7-bg.jpg) 5px 0px  no-repeat;
}

.index #content .item3 *,
.index #content .item4 *,
.index #content .item7 *{
	color:#fff;
}
.index #content .item3 a,
.index #content .item4 a,
.index #content .item7 a{
	color:#E2E55B;
}
.index #content .item2 a,
.index #content .item5 a,
.index #content .item6 a{
	color:#90333B;
}
.index #content .item2 .inlinepic{
	float:right;
	margin:0;
}
.index #content .item1 h2,
.index #content .item2 h2,
.index #content .item3 h2{
	padding-top:5px;
}
.index #content .item4 h2,
.index #content .item5 h2,
.index #content .item6 h2,
.index #content .item7 h2{
	font-size:2.5em;
	font-weight:normal;
	margin:5px 0;
	line-height:1em;
}



/* calendar - individual box styling*/
.calendar dl {
	margin-right:20px;
}
.calendar dl.featured {
	border: 2px solid #E2E55B;
	background:#F1F2AD;
	margin-top:1em;
	padding:10px ;
}
.calendar .featured dt{
	font-weight:bold;
	font-size:1.4em;
	color:#ED1555;
}
.calendar .multiple dt{
	clear:both;
	font-weight:bold;
	font-size:1.2em;
	color:#4A63AE;
	border-bottom: 1px solid #A5B1D7;
	padding-top:10px;
}
.calendar .multiple dd{
	float:left;
	width:49%;
}



/* general order form styling */
#orders h1 {
	padding-top:20px;
}
.row {
	padding-top: 5px;
	padding-bottom: 5px;
	float:left;
	clear:both;
	width:100%;
	border-top:1px dotted #e2e55b;}

.row label {
	display:inline;
	float:left;
	width: 100px;
	padding-right:6px;
	font-size: 1.1em;
	color:#4A63AE;
	font-weight: bold;
	text-align: right;
}
#orders .row textarea {
	margin-left:110px;
	width:450px;
	text-align: left;
	font-size: 12px;
}
.row textarea {
        font-size: 12px;
}
ul.row{
	margin-left:110px;
	width:auto;
	float:none;
	clear:right;
	border-top:0px dotted #e2e55b;}
ul.row input{
	margin-right:4px;
}

.contact div.row input {
        width: 250px;
}
.textareaComment{
	font-weight:bold;
}
.formbuttons{
	margin-left:110px;
}
.formbuttons #submitbutton{
	width:100px;
	height:30px;
	background:url(../images/icons/form-submit-bg.gif) 0px 2px no-repeat;
	border:0;
	color:#ED1555;
	font-size:1.25em;
	font-weight:bold;
	text-transform:uppercase;
}

dl.order dt {
        float: left;
        width: 140px;
        text-align: right;
        font-weight: bold;
}

dl.order dd {
        padding-left: 150px;
        margin: 0px;
}

.inputError {
        color: red;
        font-weight: bold;
        float: right;
}
 /*


.textareacontrols{
	display:block;
	text-align:right;
	padding:2px 13px 0 0;
}
ul.row input{
	margin-left:56px;
	width:auto;
	float:left;
}
ul.row label{
	width:auto;
	clear:right;
}


.date label {
}
.row .inputgroup input{
	width:175px;
	margin:0;
}
label.filedescription{
	clear:left;
	font-weight:normal;
}
.testclass{
	color:#CC00FF;
	font-weight:bold;
}


div.fileinputs {
        position: relative;
}

div.fakefile {
        position: absolute;
        top: 0px;
        left:76px !important;
		left:0px;
        z-index: 1;
}

div.fakefile input {
        width: 135px !important;
}

input.file {
        position: relative;
        text-align: right;
        -moz-opacity:0 ;
        filter:alpha(opacity: 0);
        opacity: 0;
        z-index: 2;
	width:400px;
}




*/




/* IMPORTANT! sIFR import styles for screen & print media */

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

	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
	}
	
	.sIFR-replaced {
		visibility: visible !important;
	}
	
	span.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-hasFlash #topMenu li{
		visibility: hidden;
		font-size:.95em;
		letter-spacing:.2em;
		margin-top:3px;
	}
	.sIFR-hasFlash #topMenu li.calNav a{
		margin:0 5px;
	}
/*	.sIFR-hasFlash #nav li .navitem{
		visibility: hidden;
		position:absolute;
	} 
	.sIFR-hasFlash #nav li.workNav{
		width: 142px;
	} 
	.sIFR-hasFlash #nav li.communityNav{
		width: 151px;
	} 
	.sIFR-hasFlash #nav li.communityNav .navitem {
		width:140px;
	} 
	.sIFR-hasFlash #nav li.stageNav .navitem {
	} 
	*/
	.sIFR-hasFlash #content .feature h1{
/*		visibility: hidden;
		font-size:1.7em;
		padding-top:6px; */
	}
	.sIFR-hasFlash #content .sublist h2{
/*		visibility: hidden;
		font-size:1.4em;
		padding-top:2px; */
	}
}

@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, .sIFR-flash object, .sIFR-flash embed {
		display: none !important;
		height: 0;
		width: 0;
		position: absolute;
		overflow: hidden;
	}
	
	span.sIFR-alternate {
		visibility: visible !important;
		display: block !important;
		position: static !important;
		left: auto !important;
		top: auto !important;
	}

}






/* 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: 400px;
        border: 0px;
        margin: 0px;
        position: absolute;
        margin-left: -200px;
        z-index: 100;
        margin-top: 12px;
        visibility: visible;
        overflow: hidden;
		z-index:100;
        
}

iframe {
		position:absolute;
        width: 400px;
        border: 0px;
        padding: 0px;
        margin: 0px;
}

.dgInlineButton {
        border: 0px;
        background-color: transparent;
}

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

.dgActiveElement {
		border: 1px dashed #eebddc;
}

.dgInactiveElement {
        background-color: transparent;
}

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