/*----------------------------------*/
/*          My PSA Contest     		*/
/*----------------------------------*/

body {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: normal;
	color: #000000;
	margin: 0;
	padding: 0;
	background: url("../images/bg.jpg") no-repeat center top;
	}

/*----------------------------------*/
/*       GLOBAL DEFINITIONS         */
/*----------------------------------*/

a {
    color: #2e96be;
	text-decoration: none;
	font-weight:bold;
	}

a:hover {
	color: #1f6c89;
	}  

a img {
    border-width: 0;
	}

p {
	padding: 15px 0 0 7px;
	margin: 0;
	}

/*----------------------------------*/
/*       GLOBAL POSITIONING         */
/*----------------------------------*/

#header {
	width: 987px;
	height: 346px;
	padding: 0;
	margin: 0 auto;
	background: url(../images/header.jpg) no-repeat;
	}
	
#container {
	width: 985px;
	margin: 0 auto;
	padding: 0;
	}
	
#content {
	float: left;
	width: 985px;
	margin: 0;
	padding: 0;
	background: url(../images/content.jpg) repeat-y;
	}
	
.clear {
	clear: both;
	}

/*----------------------------------*/
/*           NAVIGATION             */
/*----------------------------------*/

#nav-wrapper {
	height: 85px;
	padding: 0;
	margin: 0 auto;
	background: url(../images/nav-wrapper.jpg) repeat-x;
	}

#nav {
	padding: 0;
	margin: 0;
	}
	
#nav ul {
	width: 840px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	}

#nav li {
	margin: 0;
	padding: 0;
	display: inline;
	}

#nav li a {
	display: block;
	}

#nav li span {
	display: none;
	}

#home {
	background: url(../images/home.jpg) top left no-repeat;
	width: 113px;
	height: 55px;
	margin: 0;
	padding: 0;
	float: left;
	}

#home:hover {
	background-position: 0 -55px;
	}

#faq {
	background: url(../images/faq.jpg) top left no-repeat;
	width: 110px;
	height: 55px;
	margin: 0;
	padding: 0;
	float: left;
	}

#faq:hover {
	background-position: 0 -55px;
	}

#about {
	background: url(../images/about.jpg) top left no-repeat;
	width: 161px;
	height: 55px;
	margin: 0;
	padding: 0;
	float: left;
	}

#about:hover {
	background-position: 0 -55px;
	}

#rules {
	background: url(../images/rules.jpg) top left no-repeat;
	width: 271px;
	height: 55px;
	margin: 0;
	padding: 0;
	float: left;
	}

#rules:hover {
	background-position: 0 -55px;
	}

#resources {
	background: url(../images/resources.jpg) top left no-repeat;
	width: 179px;
	height: 55px;
	margin: 0;
	padding: 0;
	float: left;
	}

#resources:hover {
	background-position: 0 -55px;
	}

#contact {
	background: url(../images/contact.jpg) top left no-repeat;
	width: 109px;
	height: 55px;
	margin: 0;
	padding: 0;
	float: left;
	}

#contact:hover {
	background-position: 0 -55px;
	}
	
/*----------------------------------*/
/*           LEFT COLUMN            */
/*----------------------------------*/

#content-left {
	float: left;
	width: 473px;
	margin: 0;
	padding: 7px 0 17px 148px;
	}
	
h2 {
	font-size: 1.5em;
	padding: 18px 0 0 7px;
	margin: 0;
	color: #2e2e2e;
	}
	
h3 {
	font-size: 1.5em;
	padding: 18px 0 0 7px;
	margin: 0;
	color: #2e2e2e;
	}
	
.home-title {
	width: 392px;
	height: 93px;
	padding: 0 0 12px 0;
	margin: 0;
	background: url(../images/home-title.jpg) no-repeat;
	}
	
.summer-break {
	width: 448px;
	height: 198px;
	clear:both;
	padding: 0;
	margin: 0;
	background: url(../images/summer-break.jpg) no-repeat;
	}
	
.faq-title {
	width: 448px;
	height: 84px;
	padding: 0 0 2px 0;
	margin: 0;
	background: url(../images/faq-title.jpg) no-repeat;
	}

.rules-title {
	width: 448px;
	height: 84px;
	padding: 0 0 2px 0;
	margin: 0;
	background: url(../images/rules-title.jpg) no-repeat;
	}
	
.resources-title {
	width: 448px;
	height: 84px;
	padding: 0 0 2px 0;
	margin: 0;
	background: url(../images/resources-title.jpg) no-repeat;
	}
	
.contact-title {
	width: 448px;
	height: 84px;
	padding: 0 0 2px 0;
	margin: 0;
	background: url(../images/contact-title.jpg) no-repeat;
	}
	
.topic-title {
	width: 460px;
	height: 84px;
	padding: 0 0 2px 0;
	margin: 0;
	background: url(../images/topic-title.jpg) no-repeat;
	}

.search-results-title {
	width: 448px;
	height: 84px;
	padding: 0 0 2px 0;
	margin: 0;
	background: url(../images/search-results-title.jpg) no-repeat;
	}
	
.thanks-title {
	width: 448px;
	height: 84px;
	padding: 0 0 2px 0;
	margin: 0;
	background: url(../images/thanks-title.jpg) no-repeat;
	}
	
.client-page-title {
	width: 449px;
	height: 84px;
	padding: 0 0 2px 0;
	margin: 0;
	background: url(../images/client-page-title.jpg) no-repeat;
	}
	
#content-left p{
	text-align: justify;
	font-size: 1.2em;
	color: #2E2E2E;
	}
	
.big-first p:first-letter {
    font-size: 1.6em;
	font-weight: bold;
	}
	
.big-first a:first-letter {
    font-size: 1.6em;
	font-weight: bold;
	}
	
.big-first p:first-letter a:hover {
    font-size: 1.6em;
	font-weight: bold;
	}

#star {
	background: url(../images/star.jpg) top left no-repeat;
	width: 171px;
	height: 168px;
	margin: 0 0 0 10px;
	padding: 0;
	float: right;
	}

#star:hover {
	background-position: 0 -168px;
	}

#star span {
	display: none;
	}
	
#sub-image {
	margin: 0;
	padding: 12px 0 0 3px;
	float: right;
	}
	
ol {
	padding: 0 0 0 27px;
	margin: 0;
	font-size: 1.2em;
	color: #2E2E2E;
	}
	
ol li {
	padding-bottom: 5px;
	}
	
ul {
	padding: 12px 0 0 22px;
	margin: 0;
	font-size: 1.2em;
	color: #2E2E2E;
	list-style: square;
	}
	
ul li {
	padding-bottom: 5px;
	}
	
/*----------------------------------*/
/*           RIGHT COLUMN           */
/*----------------------------------*/

#content-right {
	float: right;
	width: 350px;
	margin: 0;
	padding: 8px 0 0 0;
	}
	
#locator-box {
	width: 348px;
	height: 293px;
	padding: 0;
	margin: 0;
	background: url(../images/locator-box.jpg) no-repeat;
	}
	
html>body #zip-area {
	padding: 125px 0 0 62px;
	margin: 0;
	}
	
html>body #zip-area { 
	*padding: 101px 0 0 62px;
	margin: 0;
	}
	
#zip-area {
	padding: 104px 0 0 62px;
	margin: 0;
	}
	
#go {
	padding: 0 0 0 58px;
	}

#flash-player {
	width: 343px;
	height: 325px;
	padding: 0;
	margin: 0 0 0 2px;
	background: url(../images/flash-player.jpg) no-repeat;
	}
	
#dates-box {
	width: 348px;
	height: 325px;
	padding: 0;
	margin: 0 0 5px 0;
	background: url(../images/dates-box.jpg) no-repeat;
	}
	
#what-is-psa {
	width: 348px;
	height: 198px;
	padding: 0;
	margin: 0;
	background: url(../images/what-is-psa.jpg) no-repeat;
	}
	
#did-you-know {
	width: 348px;
	height: 198px;
	padding: 0;
	margin: 8px 0 20px 0;
	background: url(../images/did-you-know.jpg) no-repeat;
	}
	
#bookmarks {
	margin: 0;
	padding: 0 0 20px 128px;
	}

	
/*----------------------------------*/
/*              FOOTER              */
/*----------------------------------*/

#footer-wrapper {
	clear: both;
	height: 65px;
	padding: 0;
	margin: 0 auto;
	background: url(../images/footer-wrapper.jpg) repeat-x;
	}
	
#footer {
	width: 975px;
	height: 65px;
	padding: 0;
	margin: 0 auto;
	background: url(../images/footer.jpg) no-repeat;
	}
	
/*----------------------------------*/
/*          CONTACT FORMS   		*/
/*----------------------------------*/

/*----------------------------------------contact page form----*/

.contact-form {
	padding: 10px 0 0 15px;
	margin: 0;
	font-size: 1.4em;
	font-weight: bold;
	color: #464646;
	}
	
.contact-form .formInput  {
	width: 255px;
	height: 30px;
	font-size: 1.1em;
	color: #464646;
	font-weight: bold;
	border: 1px solid #00acee; 
	}
	
.contact-form .formInput:hover  {
	border: 1px solid #8bc43f;
	background-color: #f9f9f9; 
	}
	
.contact-form .formInput:focus  {
	border: 1px solid #8bc43f;
	background-color: #f9f9f9; 
	}
	
.contact-form textarea {
	width: 415px;
	height: 120px;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #464646;
	font-weight: bold;
	border: 1px solid #00acee; 
	}
	
.contact-form textarea:hover  {
	border: 1px solid #8bc43f;
	background-color: #f9f9f9; 
	}
	
.contact-form textarea:focus  {
	border: 1px solid #8bc43f;
	background-color: #f9f9f9; 
	}

.contact-form .formSelect  {
	width: 142px;
	height: 25px;
	border: 1px solid #00acee;
	font-size: .9em;
	color: #464646;
	font-weight: bold;
	}
	
.contact-form .formSelect:hover  {
	border: 1px solid #8bc43f;
	background-color: #f9f9f9; 
	}
	
.contact-form .formSelect:focus  {
	border: 1px solid #8bc43f;
	background-color: #f9f9f9; 
	}
	
.contact-form .formButton {
	padding: 0;
	margin: 20px 0 0 7px;
	width: 230px;
	height: 50px;
	font-size: 1.3em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}

/*----------------------------------------intent to participate form----*/

.intent-form {
	padding: 10px 0 30px 2px;
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #464646;
	}
	
.intent-form .formInput  {
	width: 300px;
	height: 20px;
	font-size: 1em;
	color: #464646;
	font-weight: bold;
	border: 1px solid #00acee; 
	}
	
.intent-form .formInput:hover  {
	border: 1px solid #8bc43f;
	background-color: #f9f9f9; 
	}
	
.intent-form .formInput:focus  {
	border: 1px solid #8bc43f;
	background-color: #f9f9f9; 
	}
	
.intent-form textarea {
	width: 415px;
	height: 100px;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #464646;
	font-weight: bold;
	border: 1px solid #00acee; 
	}
	
.intent-form textarea:hover  {
	border: 1px solid #8bc43f;
	background-color: #f9f9f9; 
	}
	
.intent-form textarea:focus  {
	border: 1px solid #8bc43f;
	background-color: #f9f9f9; 
	}

.intent-form .formButton {
	padding: 0;
	margin: 20px 0 0 7px;
	width: 180px;
	height: 40px;
	font-size: 1.1em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}
	
	/*----------------------------------------contest idea form----*/

.contest-idea {
	padding: 10px 0 0 15px;
	margin: 0;
	font-size: 1.4em;
	font-weight: bold;
	color: #464646;
	}
	
.contest-idea .formInput  {
	width: 255px;
	height: 30px;
	font-size: 1.1em;
	color: #464646;
	font-weight: bold;
	border: 1px solid #00acee; 
	}
	
.contest-idea .formInput:hover  {
	border: 1px solid #8bc43f;
	background-color: #f9f9f9; 
	}
	
.contest-idea .formInput:focus  {
	border: 1px solid #8bc43f;
	background-color: #f9f9f9; 
	}
	
.contest-idea textarea {
	width: 415px;
	height: 120px;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #464646;
	font-weight: bold;
	border: 1px solid #00acee; 
	}
	
.contest-idea textarea:hover  {
	border: 1px solid #8bc43f;
	background-color: #f9f9f9; 
	}
	
.contest-idea textarea:focus  {
	border: 1px solid #8bc43f;
	background-color: #f9f9f9; 
	}

.contest-idea .formSelect  {
	width: 142px;
	height: 25px;
	border: 1px solid #00acee;
	font-size: .9em;
	color: #464646;
	font-weight: bold;
	}
	
.contest-idea .formSelect:hover  {
	border: 1px solid #8bc43f;
	background-color: #f9f9f9; 
	}
	
.contest-idea .formSelect:focus  {
	border: 1px solid #8bc43f;
	background-color: #f9f9f9; 
	}
	
.contest-idea .formButton {
	padding: 0;
	margin: 20px 0 0 7px;
	width: 230px;
	height: 50px;
	font-size: 1.3em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}
