@charset "UTF-8";



/*

    SITE COLORS:

	RED: #CC3333 (hover links & menu)

	WHITE: #FFFFFF (social & button text)

    BLUE: #33CCFF (borders) dark #003366 (background & body text)

	BLACK: #000000 

*/



/* -------- TAG RESETS -------- */



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,ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td

	{

	margin: 0px;

	padding: 0px;

	border: 0px;

	outline: 0px;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

	}



:focus

	{

	outline: 0px;

	}



p

	{

	padding: 15px 20px 10px 20px; /* Top Left Bottom Right */

	}

ul

	{

	list-style: none;

	}

table

	{

	border-collapse: separate;

	border-spacing: 0px;

	}

caption, th, td

	{

	text-align: left;

	font-weight: normal;

	}

blockquote:before, blockquote:after, q:before, q:after

	{

	content: "";

	}

blockquote, q

	{

	quotes: "" "";

	}

acronym

	{

	cursor: help;

	border-bottom: 1px dashed #000;

	}

strong

	{

	font-weight: bold;

	}

em

	{

	font-style: italic;

	}

hr 

	{

	display: none;

	}

.right

	{

	float: right;

	}

.left

	{

	float: left;

	}

.hide

	{

	display: none;

	}

.center

	{

	display: block;

	margin-left: auto;

	margin-right: auto;

	}

.text-center

	{

	text-align: center;

	}

.blocktext

	{

	margin-left: auto;

	margin-right: auto;

	width: 10em;

	}

.nowrap

	{

	white-space: nowrap;

	}



.round

	{

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	-khtml-border-radius: 10px;

	border-radius: 10px;

	}

.round-top

	{

	-moz-border-radius-topleft: 10px;

	-moz-border-radius-topright: 10px;

	-webkit-border-top-left-radius: 10px;

	-webkit-border-top-right-radius: 10px;

	-khtml-border-top-left-radius: 10px;

	-khtml-border-top-right-radius: 10px;

	border-top-left-radius: 10px;

	border-top-right-radius: 10px;

	}

.round-bottom

	{

	-moz-border-radius-bottomleft: 10px;

	-moz-border-radius-bottomright: 10px;

	-webkit-border-bottom-left-radius: 10px;

	-webkit-border-bottom-right-radius: 10px;

	-khtml-border-bottom-left-radius: 10px;

	-khtml-border-bottom-right-radius: 10px;

	border-bottom-left-radius: 10px;

	border-bottom-right-radius: 10px;

	}



.clear

	{

	clear: both;

	}



.clearfix:after

	{

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0px;

	height: 0px;

	}



.clearfix

	{

	display: block;

	}



html[xmlns] .clearfix

	{

	display: block;

	}



* html .clearfix

	{

	height: 1%;

	}





/* -------- GLOBAL TAGS -------- */



body

	{

	color: #000000;

	background: #003366 url(images/backgrounds/flow1_bg_vert.jpg) no-repeat fixed 0 0px;

	font: 14px "Century Gothic", Helvetica, Arial, San-serif;

	}



acronym

	{

	cursor: help;

	border-bottom: 1px dashed #333;

	}



a:link    { color: #003366; text-decoration: none; }	/* dark blue, unvisited links */

a:visited { color: #003366; text-decoration: none; }	/* dark blue, visited links   */

a:hover   { color: #CC3333; text-decoration: none; }	/* red, user hovers     */

a:active  { color: #FFFFFF; text-decoration: none; }	/* white, active links    */



h1, h2, h3, h4

	{

	color: #003366;

	font-weight: bold;

	font-family: "Century Gothic", Helvetica, Arial, San-serif;

	letter-spacing: -0.5px;

	padding: 15px 20px 0px 20px;

	}

h1

	{

	font-size: 20px;

	line-height: 20px;

	padding: 35px 20px 5px 20px;

	}

h2

	{

	font-size: 18px;

	line-height: 18px;

	}

h3

	{

	font-size: 16px;

	line-height: 18px;

	}

h4

	{

	font-size: 14px;

	line-height: 14px;

	}





/* -------- ID TAGS -------- */



#logo_container

	{

    position: relative;

	min-width: 940px;

	padding: 0px 35px 0px 35px; /* Top Left Bottom Right */

	}

#logo

	{

    position: relative;

	width: 940px;

	height: 93px;

	margin-left: auto;

	margin-right: auto;

	background: transparent;

    border: 1px solid #33CCFF;

	border-bottom-width: 0px;

	border-top-width: 0px;

	}



#chromestyle_container

	{

    position: relative;

	min-width: 940px;

	padding: 0px 35px 0px 35px;

	}



#site_images_container

	{

	position: relative;

	min-width: 940px;

	padding: 0px 35px 5px 35px;

	}

#site_images

	{

    position: relative;

	width: 940px;

	margin-left: auto;

	margin-right: auto;

	background: #000000;

    border: 1px solid #33CCFF;

	border-top-width: 0px;

	text-align: center;

	}

#site_images.blackbg

	{

	background: transparent url(images/shaders/shader50blk.png) repeat;

	}

#site_images img

	{

	padding: 5px;

	}

#site_images p

	{

	color: #FFFFFF;

	}

#site_images_jquery

	{

    position: relative;

	width: 940px;

	height: 480px;

	margin-left: auto;

	margin-right: auto;

	background: #000000;

    border: 1px solid #33CCFF;

	border-top-width: 0px;

	text-align: center;

	}

#site_images_jquery img

	{

	padding: 5px;

	}



#main_content_container

	{

	position: relative;

	min-width: 940px;

	padding: 0 35px 5px 35px;

	}

#main_content

	{

    position: relative;

	width: 940px;

	margin-left: auto;

	margin-right: auto;

	background: transparent url(images/shaders/shader70wht.png) repeat;

    border: 1px solid #33CCFF;

	}

#main_content p.center_text

	{

	text-align: center;

	}



#content_container

	{

	position: relative;

	min-width: 940px;

	padding: 0 35px 5px 35px;

	}

#content

	{

    position: relative;

	width: 940px;

	margin-left: auto;

	margin-right: auto;

	background: transparent url(images/shaders/shader70wht.png) repeat;

    border: 1px solid #33CCFF;

	}

#content .cImage

	{

	width: 160px;

	height: 224px;

	margin-right: 1px;

	background-repeat: no-repeat;

    border: none;

	}

#content .cImage img

	{

	width: 160px;

	height: 224px;

	margin-right: 1px;

    border: none;

	}

#content p.center_text

	{

	text-align: center;

	}

#content p.center_text:hover

	{

	color: #CC3333; /* red */

	}

#content.blacktheme

	{

	background: transparent url(images/shaders/shader90blk.png) repeat;

    color: #FFFFFF;

	}

#content.blacktheme h1

	{

    color: #C3C3C3; /* light grey */

	}

#content.blacktheme table tr td

	{

	text-align: center;

	line-height: 20px;

	}

#content.blacktheme p a:link    { color: #33CCFF; text-decoration: none; }	/* light blue, unvisited links */

#content.blacktheme p a:visited { color: #CC3333; text-decoration: none; }	/* red, visited links   */

#content.blacktheme p a:hover   { color: #FF0000; text-decoration: none; }	/* bright red, user hovers     */

#content.blacktheme p a:active  { color: #FFFFFF; text-decoration: none; }	/* white, active links    */





#content ol, #content dl, #content form

	{

	padding-left: 45px;

	padding-right: 20px;

	}

#content ul

	{

	padding-left: 45px;

	padding-right: 20px;

	list-style: circle;

	}

#content dl dt

	{

	font-weight: bold;

	padding: 5px 0px 0px 0px;

	}

#content dl dd

	{

	padding: 5px 0px 5px 0px;

	}

#content h1.response, h3.response /* response page */

	{

	color: #009900;

	}

#content table

	{

	text-align: center;

	margin-left: 45px;

    margin-right: auto;

	}

#content table.contact /* contact page */

	{

	text-align: left;

	width: 450px;

	border: 0px;

	}

#content table.contact tr td

	{

	padding: 2px 0px 2px 0px;

	}

#content table.contact tr td em, span

	{

	font-size: x-small;

	}

#content table.application /* application page */

	{

	text-align: left;

	width: 600px;

	border: 0px;

	padding: 0px;

	border-collapse: collapse;

	}

#content table.application tr td em, span

	{

	font-size: x-small;

	}

#content.contestant table

	{

	text-align: center;

	margin-left: 72px;

    margin-right: auto;

	}

#content table tr.section_bar

	{

	background-color: #003366;

	color: #FFFFFF;

	font-weight: normal;

	font-size: large;

	vertical-align: middle;

	height: 25px;

	}

#content table tr td.princess_only

	{

	color: #CC3333;

	font-weight: normal;

	font-size: small;

	}

#content input.app_field, textarea.app_field

	{

	font-size: 8pt;

	border: 1px solid #808080;

	background-color: #FFFFFF;

	}

#content input.app_field_pink, textarea.app_field_pink

	{

	font-size: 8pt;

	border: 1px solid #808080;

	background-color: #FF99FF;

	}

#content object.centered

	{

	position: relative;

	top: 50%;

	left: 50%;

	margin-top: -50px;

	margin-left: -100px;

	}

#content p.onlineApp

	{

	text-align: center;

	font-weight: bold;

	font-size: large;

	}



#footer_container

	{

	position: relative;

	min-width: 940px;

	padding: 0 35px 51px 35px;

	}

#footer

	{

    position: relative;

	width: 940px;

	margin-left: auto;

	margin-right: auto;

	background: transparent url(images/shaders/shader50wht.png) repeat;

    border: 1px solid #33CCFF;

	border-bottom-width: 0px;

	font: 12px "Century Gothic", Helvetica, Arial, San-serif;

	}



#support_container {

  position: fixed;

  bottom: 0px;

  height: 45px;

  width: 100%;

  background: #003366;

  border-top: 1px solid #33CCFF;

  z-index: 99;

}

#support_menu {

  position: relative;

  min-width: 940px;

  text-align: center;

  vertical-align: middle;  

}





/* -------- CLASS TAGS -------- */



.donate

	{

	position: absolute;

	top: 23px;

	right: -26px;

	z-index: 1;

    }

.donate a

	{

	display: block;

	background: transparent url(images/buttons/red_button.png) no-repeat 0 0px;

	color: #FFFFFF;

	font: 1.1em "Century Gothic", Helvetica, Arial, San-serif;

	font-weight: bold;

	letter-spacing: 3px;

	padding: 6px 0 0 0px; /* Top Left Bottom Right */

	height: 33px;

	line-height: 18px;

	width: 122px;

	text-align: center;

	cursor: pointer;

    }



.comp_areas /* competition areas */

	{

	position: relative;

	}



.left_div

	{

	float: left;

	padding: 5px 0 5px 20px; /* Top Left Bottom Right */

	width: 175px;

	height: 245px;

	}



.right_div

	{

	float: right;

	padding: 5px 20px 5px 0px;

	position:relative;

	width: 725px;

	height: 245px;

	}

.right_div span

	{

	font-weight: bold;
	font-size: 1.2em;

	}



.inactive /* sponsors & schedule page */

	{

	color: #808080;

	}



.miss /* contestant page div tags - TEST */

	{

	position: relative;

	width: 940px;

	height: 450px;

	display: block;

	}

.miss_line /* contestant page div tags - TEST */

	{

	position: relative;

	width: 940px;

	height: 140px;

	display: block;

	}

.miss_photo /* contestant page div tags - TEST */

	{

	position: relative;

	width: 235px;

	height: 140px;

	}



.connect_text

	{

	position: absolute;

	top: 10px;

	right: 250px;

	z-index: 100;

	color: #FFFFFF;

	font: 1em "Century Gothic", Helvetica, Arial, San-serif;

	}

.connect_text:hover

	{

	color: #33CCFF;

	}





.facebook

	{

	position: absolute;

	top: -5px;

	right: 200px;

	z-index: 100;

    }

.facebook a

	{

	display: block;

	background: transparent url(images/logos/facebook50px1.png) no-repeat 0 0px;

	color: #fff;

	height: 50px;

	line-height: 24px;

	font-size: 13px;

	width: 50px;

	text-align: center;

	cursor: pointer;

    }

.facebook a:hover

	{

	background: transparent url(images/logos/facebook50px2.png) no-repeat 0 0px;

    }



.twitter

	{

	position: absolute;

	top: -5px;

	right: 150px;

	z-index: 103;

    }

.twitter a

	{

	display: block;

	background: transparent url(images/logos/twitter50px1.png) no-repeat 0 0px;

	color: #fff;

	height: 50px;

	line-height: 24px;

	font-size: 13px;

	width: 50px;

	text-align: center;

	cursor: pointer;

    }

.twitter a:hover

	{

	background: transparent url(images/logos/twitter50px2.png) no-repeat 0 0px;

    }



.myspace

	{

	position: absolute;

	top: -5px;

	right: 100px;

	z-index: 101;

    }

.myspace a

	{

	display: block;

	background: transparent url(images/logos/myspace50px1.png) no-repeat 0 0px;

	color: #fff;

	height: 50px;

	line-height: 24px;

	font-size: 13px;

	width: 50px;

	text-align: center;

	cursor: pointer;

    }

.myspace a:hover

	{

	background: transparent url(images/logos/myspace50px2.png) no-repeat 0 0px;

    }





/* -------- CSS Menu -------- */



/*

	NOTES FROM MAYA'S LAYOUT 

	=============================================

	Border = #33CCFF;

	Font Active = #FFFFFF;

	Font Hover = #FFFFFF;

	Menu Background:active = #336699; (dark blue)

	Menu Background:hover = #3399CC; (light blue)

*/



.chromestyle

	{

    position: relative;

	min-width: 940px;

	color: #FFFFFF;

	font-weight: normal;

	letter-spacing: 0.5px;

	padding: 0px 35px 0px 35px; /* Top Left Bottom Right */

	}



.chromestyle:after /*Add margin between menu and rest of content in Firefox*/

	{

	content: "."; 

	display: block; 

	height: 0px; 

	clear: both; 

	visibility: hidden;

	}



.chromestyle ul

	{

    position: relative; /*added*/

	border-top: 1px solid #FFFFFF;

	width: 940px;

	background: #336699; /* main menu bg color */

	margin-left: auto;

	margin-right: auto;

	padding: 4px 0px;

	text-align: center; /*set value to "left", "center", or "right"*/

    border-left: 1px solid #33CCFF;

    border-right: 1px solid #33CCFF;

	}



.chromestyle ul li

	{

	display: inline;

	}



.chromestyle ul li a

	{

	color: #FFFFFF;

	padding: 4px 7px;

	margin: 0px;

	text-decoration: none;

	}



.chromestyle ul li a:hover, .chromestyle ul li a.selected /* selected class for current active menu item */

	{

	color: #FFFFFF;

	background: #3399CC;

	}





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



.dropmenudiv

	{

	position: absolute;

	top: 0px;

	font-size: 14px;

	font-weight: normal;

	line-height: 18px;

	z-index: 100;

	background: #3399CC;

	width: 200px;

	visibility: hidden;

	}



.dropmenudiv a

	{

	width: 100%;

	display: block;

	text-indent: 3px;

	border-top: 1px solid #3399CC; /* drop down menu blue hidden top border */

	padding: 2px 0px;

	text-decoration: none;

	font-weight: normal;

	color: #FFFFFF;

	}



.dropmenudiv a:hover /*THEME CHANGE HERE*/

	{

	color: #FFFFFF;

	background: #336699;

	border-top: 1px solid #FFFFFF; /* drop down menu white visible top border */

	}

	

/* POP OUT CSS BELOW THIS COMMENT - DO NOT MODIFY */

#popout

	{

	margin: 0;

	padding: 0;

	width: 320px;

	height: 350px;

	position: absolute;

	top: 200px;

	left: 0;

	z-index: 100;

	overflow: hidden;

	}

	

#popout a, #popout a img

	{

	text-decoration: none;

	border: 0;

	outline: 0;

	}



#popout a span

	{

	display: none;

	}



#popout #cap

	{

	width: 20px;

	height: 350px;

	position: relative;

	left: 0;

	z-index: 102;

	}



#popout a#close

	{

	position: absolute;

	top: 0;

	background: transparent url(transparent.gif);

	left: 240px;

	height: 20px;

	width: 60px;

	}

	

/* positions the advertisement */

#popout #adbox

	{

	position: absolute;

	top: 10px;

	left: 20px;

	z-index: 101;

	margin-left: -300px;

	}