@import url('missusa.layout.css');
@import url('missusa.common.css');

/*
Miss Universe
- About Styles
- Modified: 3/20/2009
*/

#about {
	width: 100%;
	padding: 0 0 10px 0;
}

	#main-content {
		padding: 20px 0 20px 20px;
		background:#f7f7f7;
	}
		#side-nav {
			width: 290px;
			float: left;
		}
		#side-nav h3 {
			margin: 0 0 5px 0;
			font-size: 1.5em;
			color: #464646;
			font-weight: normal;
		}
		#side-nav ul {
			margin: 0 0 20px 0;
			padding: 0 0 0 10px;
			list-style: none;
		}
		#side-nav ul li {
			margin: 0 0 5px 0;
			color: #464646;
			font-size: 1.4em;
			line-height: 17px;
		}
		#side-nav ul li.active, #side-nav ul li.active a {
			color: #464646;
		}

		#about-content {
			width: 620px;
			min-height: 700px;
			padding: 0 0 80px 0;
			overflow: hidden;
			float: left;
		}
		#about-content h2 {
			margin: 0 0 20px 0;
			color: #464646;
			font-size: 2.2em;
			font-weight: normal;
			border-bottom:1px solid #ddd;
			padding:0 0 10px 0;
		}
		#about-content h3 {
			margin: 0 0 20px 0;
			color: #464646;
			font-size: 1.8em;
			font-weight: normal;
		}
		#about-content p {
			margin: 0 0 20px 0;
			padding: 0 40px 0 0;
			color: #464646;
			font-size: 1.2em;
			line-height: 1.6em;
		}
		#about-content p strong {
			color: #464646;
			font-size: 1.2em;
			line-height: 1.6em;
		}
		#about-content ul {
			margin: 0 0 20px 0;
			padding: 0 40px 0 10px;
			list-style: none;
		}
		#about-content ul li {
			margin: 0 0 5px 0;
			color: #464646;
			font-size: 1.2em;
			line-height: 1.6em;
		}
		#about-content img {
			margin: 0 0 20px 0;
		}
		#about-content div.row {
			margin: 0 0 10px 0;
			padding: 0 0 15px 0;
			border-bottom: 1px solid #ddd;
		}
		#about-content div.last {
			border: none;
		}
		#about-content div.aCol {
			width: 320px;
			float: left;
		}
		#about-content div.bCol {
			width: 300px;
			float: left;
		}
		#about-content a.view {
			padding: 0 0 0 10px;
			background: url(/img/MissUSA/bg/arrow.actions.blue.gif) no-repeat left center;
			display: inline-block;
			font-size: 1.0em;
			font-weight: bold;
		}

			/* Host & Judges */
			#judges {
			}
			#judges h3 {
				margin: 0 0 10px 0;
				font-size: 1.8em;
				line-height: 20px;
				color: #464646;
				font-weight: normal;
			}
			#judges div.row {
				margin: 0 0 30px 0;
			}

			/* Calendar Events */
			#calendar-events {
				width: 100%;
			}
			#calendar-events div.year {
				margin: 0 0 10px 0;
			}
			#calendar-events div.select-box {
				position: relative;
			}
			#calendar-events div.select-box a.toggler {
				width: 131px;
				height: 40px;
				padding: 0 0 0 10px;
				display: block;
				background: url(/img/MissUSA/bg/select.year.png) no-repeat 0 0;
				overflow: hidden;
				text-transform: uppercase;
				color: #fff;
				font-size: 2.0em;
				line-height: 40px;
			}
			#calendar-events div.select-box a.toggler:hover {
				text-decoration: none;
			}
			#calendar-events div.select-box ul.select-dropdown {
				width: 129px;
				padding: 10px 0 10px 0;
		list-style: none;
		background: #484848;
		border: 1px solid #555555;
		display: none;
		position: absolute;
			}
			#calendar-events div.active ul.select-dropdown, #calendar-events div.select-box ul.active {
				display: block;
			}
			#calendar-events div.select-box ul.select-dropdown li {
				width: 100%;
				font-size: 1.2em;
			}
			#calendar-events div.select-box ul.select-dropdown li a {
				padding: 5px 30px 5px 15px;
				display: block;
				color:#fff;
			}
			#calendar-events div.select-box ul.select-dropdown li a:hover {
				background: #2b2925;
			}
			#calendar-events div.months {
				width: 100%;
				margin: 0 0 10px 0;
			}
			#calendar-events div.months a {
				height: 30px;
				display: block;
				overflow: hidden;
				float: left;
				text-indent: -999px;
			}
			#calendar-events div.months a.jan {
				width: 57px;
				background: url(/img/MissUSA/month/jan.png) no-repeat 0 0;
			}
			#calendar-events div.months a.feb {
				width: 51px;
				background: url(/img/MissUSA/month/feb.png) no-repeat 0 0;
			}
			#calendar-events div.months a.mar {
				width: 51px;
				background: url(/img/MissUSA/month/mar.png) no-repeat 0 0;
			}
			#calendar-events div.months a.apr {
				width: 48px;
				background: url(/img/MissUSA/month/apr.png) no-repeat 0 0;
			}
			#calendar-events div.months a.may {
				width: 55px;
				background: url(/img/MissUSA/month/may.png) no-repeat 0 0;
			}
			#calendar-events div.months a.jun {
				width: 49px;
				background: url(/img/MissUSA/month/jun.png) no-repeat 0 0;
			}
			#calendar-events div.months a.jul {
				width: 46px;
				background: url(/img/MissUSA/month/jul.png) no-repeat 0 0;
			}
			#calendar-events div.months a.aug {
				width: 52px;
				background: url(/img/MissUSA/month/aug.png) no-repeat 0 0;
			}
			#calendar-events div.months a.sep {
				width: 52px;
				background: url(/img/MissUSA/month/sep.png) no-repeat 0 0;
			}
			#calendar-events div.months a.oct {
				width: 48px;
				background: url(/img/MissUSA/month/oct.png) no-repeat 0 0;
			}
			#calendar-events div.months a.nov {
				width: 53px;
				background: url(/img/MissUSA/month/nov.png) no-repeat 0 0;
			}
			#calendar-events div.months a.dec {
				width: 58px;
				background: url(/img/MissUSA/month/dec.png) no-repeat 0 0;
			}
			#calendar-events div.months a:hover, #calendar-events div.months a.active {
				background-position: 0 -40px;
			}
			#calendar-events div.events {
				padding: 0 10px 0 0;
			}
			#calendar-events div.events table {
				width: 100%;
				border-collapse: collapse;
				border-top: 1px solid #ddd;
			}
			#calendar-events div.events table col.aCol {
				width: 143px;
			}
			#calendar-events div.events td {
				padding: 10px 0;
				vertical-align: top;
				border-bottom: 1px solid #ddd;
			}
			#calendar-events div.events td.date p {
				margin: 0;
				padding: 5px 0 0 0;
				color: #464646;
				font-size: 1.8em;
				font-weight: normal;
			}
			#calendar-events div.events td.info div {
				padding: 0 0 0 10px;
				background: url(/img/MissUSA/bg/border.vertical.gray.gif) repeat-y 0 0;
			}
			#calendar-events div.events td.info h3 {
				margin: 0;
				font-size: 1.8em;
				font-weight: normal;
			}
			#calendar-events div.events td.info p {
				margin: 0;
				padding: 0;
				font-size: 1.4em;
				line-height: 18px;
			}

			/* Staff */
			#staff {
				padding: 0 10px 0 0;
			}
			#staff h3 {
				margin: 0 0 10px 0;
				font-size: 1.8em;
				line-height: 20px;
				color: #464646;
				font-weight: normal;
			}

			/* Charities */
			#charities {
			}
			#charities h3 {
				margin: 0 0 5px 0;
				font-size: 1.8em;
				line-height: 20px;
				color: #c2c2c2;
				font-weight: normal;
			}
			#charities p {
				color: #464646;
				font-size: 1.2em;
				line-height: 18px;
			}
			#charities div.row {
				margin: 0 0 25px 0;
			}
			
/* Request Miss Universe */
			#request-miss-universe {
				padding: 0 10px 0 0;
			}
			#request-miss-universe p {
				font-size: 1.4em;
			}
			#request-miss-universe div.select-box {
				position: relative;
			}
			#request-miss-universe div.select-box a.toggler {
				width: 311px;
				height: 40px;
				padding: 0 0 0 10px;
				display: block;
				background: url(/img/MissUniverse/bg/select.titleholder.request.png) no-repeat 0 0;
				overflow: hidden;
				text-transform: uppercase;
				color: #c69c6d;
				font-size: 2.0em;
				line-height: 40px;
			}
			#request-miss-universe div.select-box a.toggler:hover {
				background-color: #100e0e;
				text-decoration: none;
			}
			#request-miss-universe div.select-box ul.select-dropdown {
				width: 319px;
				padding: 10px 0 10px 0;
				list-style: none;
				background: #000;
				border: 1px solid #2b2925;
				display: none;
				position: absolute;
				top: 39px;
			}
			#request-miss-universe div.active ul.select-dropdown, #request-miss-universe div.select-box ul.active {
				display: block;
			}
			#request-miss-universe div.select-box ul.select-dropdown li {
				width: 100%;
				font-size: 1.2em;
			}
			#request-miss-universe div.select-box ul.select-dropdown li a {
				padding: 5px 30px 5px 15px;
				display: block;
			}
			#request-miss-universe div.select-box ul.select-dropdown li a:hover {
				background: #2b2925;
			}
			#request-miss-universe form {
				width: 100%;
				padding: 20px 0 20px 0;
				border-top: 1px solid #454140;
				display: block;
				overflow: hidden;
			}
			#request-miss-universe form div.row {
				margin: 0 0 10px 0;
				padding: 0;
				border: none;
			}
			#request-miss-universe form div.titleholder {
				margin: 0 0 20px 0;
			}
			#request-miss-universe form h3 {
				margin: 0 0 20px 0;
				color: #AB1E23;
				font-size: 1.4em;
				text-transform: uppercase;
			}
			#request-miss-universe form label {
				width: 130px;
				padding: 0 10px 0 0;
				display: inline-block;
				float: left;
				color: #464646;
				font-size: 1.4em;
				text-align: right;
				line-height: 25px;
			}
			#request-miss-universe form span {
				color: #AB1E23;
			}
			#request-miss-universe form input.text {
				width: 305px;
				height: 17px;
				padding: 3px 10px 4px 10px;
				border:1px solid #ddd;
				background: #fff;
				outline: none;
				float: left;
				color: #464646;
				font-size: 1.4em;
			}
			#request-miss-universe form select {
				background: #fff;
				float: left;
				color: #464646;
				font-size: 1.4em;
			}
			#request-miss-universe form select.large {
				width: 325px;
			}
			#request-miss-universe form div.dates select {
				margin: 0 10px 0 0;
			}
			#request-miss-universe form div.dates label.bud {
				width: auto;
			}
			#request-miss-universe form div.questionnaire label {
				width: 100%;
				margin: 0 0 5px 0;
				float: none;
				text-align: left;
			}
			#request-miss-universe form div.questionnaire div.row {
				margin: 0 0 10px 0;
			}
			#request-miss-universe form div.questionnaire div.options {
				padding: 0 0 10px 10px;
			}
			#request-miss-universe form div.questionnaire div.options label {
				width: auto;
				padding: 0 20px 0 5px;
				display: inline-block;
				float: left;
			}
			#request-miss-universe form div.questionnaire div.options input.radio {
				width: 14px;
				height: 14px;
				display: inline-block;
				float: left;
				position: relative;
				top: 6px;
			}
			#request-miss-universe form textarea {
				width: 558px;
				height: 90px;
				padding: 10px;
				border: 1px solid #ddd;
				background: #fff;
				overflow: hidden;
				overflow-x: hidden;
				overflow-y: auto;
				clear: both;
				resize: none;
				outline: none;
				color: #464646;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 1.2em;
			}
			#request-miss-universe form div.questionnaire input.text {
				width: 558px;
				height: 17px;
				padding: 3px 10px 4px 10px;
				border: 1px solid #ddd;
				background: #fff;
				outline: none;
				float: none;
				color: #464646;
				font-size: 1.4em;
			}
			#request-miss-universe p.disclaimer {
				padding: 20px 40px 0 0;
				font-size: 1.2em;
				line-height: 18px;
			}