﻿/* CSS RESET */
/* ---------------------------------------------------------------------------------------------------*/
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, table, caption, tbody, tfoot, thead, tr, th, td{ margin:0; padding:0; border:0;  outline:0;  list-style:none;}
/* */

body {background:url(../images/bg.jpg) repeat #855437; 
	font-family:Helvetica, Arial, sans-serif; 
	line-height:1.5em; color:#333; font-size:14px;
	padding:0;margin:0;}

.left{float:left;}

h1{font-size:1.6em;margin:12px 0;line-height:1.2em;}
h2{font-size:1.4em;margin:10px 0;line-height:1.2em;}
h3{font-size:1.3em;margin:8px 0;}
h4{}
h5{}
h6{}

#box{width:992px;margin:0 auto;}
#header{}
#header:after{clear:both;content:".";visibility:hidden;display:block;height:0;}
#logo{float:left;}
#logo_txt{float:left;color:#fff;font-size:2.6em;font-weight:bold;width:550px;display:block;line-height:1.2em;padding:15px 0 0 0;}
#logo_txt p{text-align:center;}

#main{background:url(../images/tile.jpg) repeat-y;width:992px;}
#contentHeader{background:url(../images/main_bg_inside_v2.jpg) top no-repeat;min-height:200px;}

#headerContain{height:60px;}
#headerContain:after{clear:both;content:".";visibility:hidden;display:block;height:0;}
#nominate{padding:37px 0 0 180px;height:35px;float:left;}
#nominate a{text-decoration:none;font-weight:bold;color:#339999;}
#nominate a:visited{text-decoration:none;color:#339999;}
#nominate a:hover{text-decoration:none;color:#336666;}

#menuContain{float:left;width:570px;}
#menuContain:after{clear:both;content:".";visibility:hidden;display:block;height:0;}
ul#menu{display:block;padding:37px 0 0 0;float:right;}
ul#menu:after{clear:both;content:".";visibility:hidden;display:block;height:0;}
ul#menu li{display:block;padding:0;margin:0 10px;float:left;color:#fff;}

ul#menu a{color:#fff;text-decoration:none;font-weight:bold;}
ul#menu a:visited{color:#fff;text-decoration:none;font-weight:bold;}
ul#menu a:hover{color:#999;text-decoration:none;font-weight:bold;}

#content_box{padding:35px 80px;}
#content{}
#btn_box{}
a#nominate_btn{float:left;width:284px;height:141px;display:block;background:url(../images/nominate_btn.jpg);}
a#nominate_btn:hover{width:284px;height:141px;display:block;background:url(../images/nominate_btn_over.jpg);}
a#winners_btn{float:left;width:189px;height:143px;display:block;background:url(../images/winners_btn.jpg);}
a#winners_btn:hover{width:189px;height:143px;display:block;background:url(../images/winners_btn_over.jpg);}
#btn_box:after{clear:both;content:".";visibility:hidden;display:block;height:0;}

#callouts_header{width:462px;padding:25px 0 0 0;margin:0 auto;text-align:center;font-size:.8em;font-weight:bold;letter-spacing:1px;color:#996633;}
#callouts{width:462px;margin:0 auto;}
#callouts:after{clear:both;content:".";visibility:hidden;display:block;height:0;}
#callout1 a{display:block;width:156px;height:96px;background-image:url(../images/ins_superiorstudent_off.jpg);}
#callout1 a:hover{display:block;width:156px;height:96px;background-image:url(../images/ins_superiorstudent_on.jpg);}
#callout2 a{display:block;width:137px;height:96px;background-image:url(../images/high_school_playbook_off.jpg);}
#callout2 a:hover{display:block;width:137px;height:96px;background-image:url(../images/high_school_playbook_on.jpg);}
#callout3 a{display:block;width:169px;height:96px;background-image:url(../images/ins_playeroftheweek_off.jpg);}
#callout3 a:hover{display:block;width:169px;height:96px;background-image:url(../images/ins_playeroftheweek_on.jpg);}

#callout3{}
#footer{width:992px;height:83px;background:url(../images/content_footer.jpg) no-repeat;}


#content_container{}
#content_container:after{clear:both;content:".";visibility:hidden;display:block;height:0;}
#content_left{float:left;}
#content_right{float:left;}

#left-1{width:280px;height:314px;background-image:url(../images/ins_superior_landing_logo.gif);}

/* FORM */

/* Headings and Block Elements */
#studentInfoHeader, #Span1, #Span2{display:block;font-size:1.5em; line-height:1.25em; font-weight:bold; padding:1em 0; color:#205769}
fieldset{padding:5px; }
label{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:.85em}
hr{clear:both; background:#fff; color:#fff; height:1px; border-top:4px double #999; outline:none;}
/* GLOBAL CLASSES */
/* ---------------------------------------------------------------------------------------------------*/
.group:after{content:"."; display:block; visibility:hidden; clear:both; height:0px;}

fieldset.inputRow:after{content:"."; display:block; visibility:hidden; clear:both; height:0px;}
fieldset.inputRow label{width:30%; padding:5px; display:block; float:left;}
fieldset.inputRow input{width:50%; padding:5px; display:block; float:left; clear:right}

/*
#preHeader{color:#d7c4b1; font-family:tahoma; background:url(images/brownlogo.jpg) no-repeat top left; width:544px; margin:0px auto; padding:30px 90px 0 300px; height:135px; font-size:.9em}
#preHeader a{color:#fff}
#preHeader a:hover{color:#fbe5b8}
*/

#formIntro{width:830px;}
#formIntro p{padding:80px 40px 20px 40px;color:#205769;font-family:helvetica;font-size:1.45em;line-height:1.35em;}
#formHeader{background:transparent url(images/header.jpg) no-repeat scroll 0 0;color:#205769;font-family:helvetica;font-size:1.45em;height:91px;line-height:1.35em;margin:0 auto;padding-left:90px;padding-right:90px;padding-top:90px;width:754px;}
#formHeader a{color:#d8683c;}
#formHeader a:hover{color:#336699;}
#formGuts{background:url(images/bodybg.jpg) repeat-y; width:934px; margin:0px auto; padding-top:20px;}

#formSuccessMessage{width:750px; margin:30px auto; background:#fff; border:1px dashed #562a10; padding:25px; font-size:1.5em}
#formSuccessMessage #fancyNumber{display:block; margin:20px auto; width:30%; padding:20px; border:1px solid #333; text-align:center;}
div#studentInfo{clear:both;width:400px;float:left;padding-left:15px;padding-bottom:10px;}
div#yourInfo{width:400px;float:left; padding-bottom:10px; padding-left:50px;}
div#studentInfo fieldset, div#yourInfo fieldset{width:350px;}
div#studentInfo fieldset label, div#yourInfo fieldset label{width:100px;}
div#studentInfo fieldset input, div#yourInfo fieldset input{width:225px;}

div#awardCategories{clear:both;width:245px; float:left; padding:0 30px 0 5px;}
div#awardCategories fieldset{border:none;}
div#detailedExplanation{width:525px; float:left;padding-top:60px}
div#detailedExplanation fieldset{width:525px; border:none;}
div#detailedExplanation label{width:100%; padding-right:20px; display:block;}
div#detailedExplanation textarea{width:525px; display:block; min-height:125px; height:100%; height:100px; padding:5px;}
div#submitButton{clear:both; text-align:right; padding:0 40px 0 0;width:800px;}

/* winners page */
#winners_image{margin-left:60px;}
.audioarea{width:30px;height:30px;margin:10px auto;}
.winner_pic{text-align:center;}

p.archives{text-align:center;}