/*******
New - Costume Art Ball
Designed by Dave Kramer
**********/



/******* Default Body Atributes ***********/



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    background:transparent;
}

body {
	background-color: #000000;
	background-image: url(../site-images/OuterBG.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	color: #ffffff;
}

    
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	color: #FFF
	text-align: left;
	text-align: left;
}


ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	color: #FFF
	text-align: left;
	text-align: left;
	margin: 0px 0px 15px 15px;
	padding: 0px;
}

/************** Begining Of ID Selectors ***************/
/* each #ID tag can only be used once per page */

#container {
	width: 860px;
	margin: 0px auto;
	background-color: #000;
}

/***************************** header ******************************/

#header {
	width: 860px;
	background: #000 url(../site-images/CostumeArtBall-logo.jpg) no-repeat left top;
	height: 175px;
	margin: 0px;
	padding: 0px;
} 

#header h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-weight: bold;
	line-height: 1em;
	color: #FFF;
	text-align: left;
	margin: 0px 0px 0px 333px;
	padding: 15px 0px 0px;
}

#header .catchLine {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	text-decoration: none;
	margin: 0px 0px 0px 340px;
	padding: 0px;
	line-height: 1.2em;
	color: #FFF;
}

/***************************** NAV ROW - 1 ******************************/

.dropDownNav1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CCC;
	height: auto;
	padding: 30px 0px 2px;
	width: 860px;
	text-align: center;
	text-decoration: none;
	margin: 0px 0px 0px 80px;
}

.dropDownNav1 ul {
	background-color: rgba(255, 255, 255, 0.0);
	padding: 0px;
	margin: 0px text-align: center;
	font-size: 12px;
}
.dropDownNav1 ul li {
	display: inline;
}
.dropDownNav1 ul li a:link { color: #8247d9; text-decoration: none; }
.dropDownNav1 ul li a:visited { color: #8247d9; text-decoration: none; }
.dropDownNav1 ul li a:hover, .dropDownNav1 ul li a.selected { /*script dynamically adds a class of "selected" to the current active menu item*/
	color: #ff0000 }


/****** Style for Drop Down Menu *******/

.dropmenudiv {
	position:absolute;
	top: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height:18px;
	z-index:100;
	background-color: rgba(0, 0, 0, 0.5);
	width: 200px;
	visibility: hidden;
	text-align: left;
	border-top: 0px solid #8247d9;
	border-right: 0px solid #8247d9;
	border-bottom: 0px solid #8247d9;
	border-left: 0px solid #8247d9;
}
.dropmenudiv a {
	width: auto;
	display: block;
	text-indent: 3px;
	border-bottom: 0px solid #8247d9; /*THEME CHANGE HERE*/
	padding: 2px 0;
	text-decoration: none;
	font-weight: normal;
	color: #cccccc;
}
* html .dropmenudiv a { /*IE only hack*/
	width: 100%;
}
.dropmenudiv a:hover { /*THEME CHANGE HERE*/
	background-color: rgba(130, 71, 217, 0.7);
	color: #f1f1f1;
	font-size: 14px;
}




/***************************** Page Head ******************************/

#pageHead {
	padding: 2px 0px 15px 80px;
	width: 780px;
	margin-bottom: 0px;
	text-align: left;
}
#pageHead h1{
	color: #937456;
	font-size: 1.4em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-style: italic;
}

.maskLogo {
	float: right;
	padding-top: 85px;
	padding-right: 55px;

}


/***************************** mainContent ******************************/

#mainContent {
	width: 860px;
	height: auto;
	text-align: center;
}

#mainContent h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	font-weight: normal;
	color: #937456;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#mainContent h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 24px;
	font-weight: bold;
	text-decoration: none;
	color: #937456;
	margin: 0px 0px 20px;
	padding: 0px;
	text-align: center;
}

#mainContent h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #c4803f;
	margin: 0px 0px 10px;
}

#mainContent h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF6600;
	margin: 0px;
	padding: 0px;
	line-height: 20px;
}

#mainContent p {
	text-align: left;
	margin: 0px 0px 15px;
	padding: 0px;
}

#mainContent a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #937456;
}
#mainContent a:hover {
	color: #900
}

.imageRight {
	float: right;
	margin: 5px;
	padding: 0px;
	text-align: center;
}

.imageCenter {
	margin: 5px;
	padding: 0px;
	text-align: center;
}

.imageLeft {
	margin: 5px;
	padding: 0px;
	float: left;
	text-align: center;
}

/***************************** Images ******************************/

.images {
	border: 1px solid #937456;
}

/***************************** Center Box ******************************/

#centerBox {
	width: 800px;
	margin: 0px 20px;
	padding: 0px;
	height: auto;
	text-align: center;
}

#centerBox h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	text-decoration: none;
	color: #937456;
	margin: 0px 0px 10px;
	padding: 0px;
	text-align: center;
}

#centerBox p {
	text-align: center;
	margin: 0px 0px 10px;
	padding: 0px;
}

.linkIcon {
	margin: 10px 0px 20px;
	padding: 0px;
}


/***************************** Entertainment Page ******************************/


.entertainmentBox {
	width: 700px;
	margin: 0px auto 25px;
	padding: 10px 0px;
	height: auto;
	text-align: center;
	border: 1px solid #900;
}








/***************************** Photos Page ******************************/

#photosPage {
	background: url(../site-images/photo-page.jpg) no-repeat scroll left top;
	width: 820px;
	margin: 0px 20px;
	padding: 0px;
	height: 650px;
}




.rightPageText {
	text-align: left;
	margin: 0px 30px 0px 0px;
	padding: 0px;
	float: right;
	height: auto;
	width: 345px;
}

.creditLine {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
	padding: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}



/************** OLD CSS **********************************************************************************************************************************/





/****** Text Sizes And Colors **********/



.big-letter {
	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	line-height: 20px;
	font-weight: bold;
	text-decoration: none;
	color: #937456;
}

.subhead-link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	text-decoration: none;
	color: #f1f1f1;
	height: auto;
	width: auto;
}
a:hover.subhead-link  {
 	color: #ff0033;
	font-weight: bold;
 	text-decoration: none;
}

.body-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	text-decoration: none;
	font-weight: normal;
	color: #FFF;
}
.body-text-black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	text-decoration: none;
	font-weight: lighter;
	color: #000000;
}


.nav-text-2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

a:hover.nav-text-2  {
    font-weight: bold;
 	color: #ff0033;
 	text-decoration: none;
}

.thumb-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
.small-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.small-text-black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
.verysmall-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
.footer-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: lighter;
	text-decoration: none;
	letter-spacing: .05em;
	color: #F1F1F1;
}

.verysmall-textfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	height: 18px;
	width: 20px;
	line-height: 12px;
	margin: 0px;
	padding: 0px;
}

.footer-links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #763ccd;
	text-decoration: none;
	height: auto;
	width: auto;
}
				
a:hover.footer-links   {
 	color: #da101c;
	font-style: normal;
 	text-decoration: none;
}


/***************************** footer ******************************/

#footer {
	width: 860px;
	text-align: center; /* this overrides the text-align: center on the body element. */
	margin: 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 0px 22px;
}


#footerDevider {
	padding-top: 30px;
	padding-bottom: 10px;

}

#footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CCC;
	height: auto;
	padding: 5px 0px;
	width: 860px;
	text-align: center;
}

#footer h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #CCC;
	height: auto;
	padding: 5px 0px;
	width: 860px;
}


#footer a:link {
	color: #8247d9;
	text-decoration: none;
}  /* for unvisited links */
#footer a:visited { color: #8247d9 } /* for visited links */
#footer a:active { color: #8247d9 } /* when link is clicked */
#footer a:hover { color: #ff0000 } /* when mouse is over link */