/*

GREEN
ecefe4 background
dbe0cd sidebar
b1ba98
a2aa85
8f976e
8c9569
747b55
717759
6a7056
5a6049
4a4f35

BLUE
97b2cb
8facc7
7fa0bf
6f94b7
5f88af
4f7ba7
3f709f
35689a

*/

/********************************************* HTML TAGS */

body
{
    margin:0;
    background:#ecefe4;
    font-family:'Segoe UI',Calibri,Arial,Helvetica,Geneva,sans-serif;
    font-size:75%; /* 12 pt */
    color:Black;
    padding:20px;
}

li
{
    margin:9px 0;
}


p
{
    margin:9px 0;
}


ul
{
    list-style:square;
}

h1
{
    font-size:165%;
    color:#8c9569;
    padding-bottom:3px;
    border-bottom:1px dotted #a2aa85;
}

h2
{
    font-size:115%;
    color:#4a4f35;
    margin-bottom:6px;
}

h3
{
    font-size:90%;
    color:#6a7056;
    text-transform:uppercase;
    letter-spacing:1px;
}

h4
{
    font-size:100%;
    margin:12px 0 9px 0;
}

a
{
    color:#4f7ba7;
    font-weight:bold;
}

a:hover
{
    color:#35689a;
}

/********************************************* TABLES */

table
{
    border-collapse:collapse;
}

td
{
    padding:3px;
    text-align:left;
    border:1px solid #dbe0cd;
}

th
{
    padding:3px;
    text-align:left;
    border:1px solid #dbe0cd;
}

th
{
    font-size:90%;
    font-weight:bold;
    background-color:#ecefe4;
    vertical-align:bottom;
}

td
{
    vertical-align:top;
}

table.NoBorder td
{
    border:none;
}



/********************************************* FIELDS */

fieldset
{
    padding:10px;
    min-height:130px;
}

fieldset legend
{
    font-weight:bold;
    color:#4a4f35;
}

textarea
{
    font-family:'Segoe UI',Calibri,Arial,Helvetica,Geneva,sans-serif;
    font-size:90%;
}

select
{
    font-family:'Segoe UI',Calibri,Arial,Helvetica,Geneva,sans-serif;
    font-size:90%;
}

input
{
    font-family:'Segoe UI',Calibri,Arial,Helvetica,Geneva,sans-serif;
    font-size:90%;
}

fieldset label
{
    color:#4a4f35;
    font-weight:bold;
    display:block;
    margin-top:6px;
    margin-bottom:0;
}

fieldset p
{
}

p.Instructions
{
    margin:0;
}

div.FieldsetContainer
{
    background:#ecefe4;
    padding:10px;
}    

div.SideBySide
{
    width:240px;
    float:left;
    margin-right:10px;
}


/********************************************* CONTENT AREAS */

div#Main
{
    position:relative;
    width:756px;
    border:1px solid Black;
    margin:0 auto;
    background:White url(../images/background.gif) repeat-y 0 0;
}

/******* MASTHEAD */

div#Masthead
{
    position:relative;
    width:756px;
    height:126px;
    background:transparent url(../images/masthead.jpg) no-repeat 0 0;
    overflow:hidden;
    border-bottom:1px solid white;
}

div#Masthead as
{
    text-indent:-9999em; /* Don't display masthead text, only image */
    border:none;
}

div#Masthead p
{
    text-indent:-9999em; /* Don't display masthead text, only image */
    border:none;
}

div#Masthead h1
{
    text-indent:-9999em; /* Don't display masthead text, only image */
    border:none;
}

div#Masthead ul
{
    margin:0;
    padding:0;
    list-style:none;
}

div#Masthead a
{
    position:absolute;
    display:inline-block;
    top:10px;
    height:50px;
}

div#Masthead a:hover
{
}

div#Masthead a#AAF
{
    left:480px;
    width:120px;
}

div#Masthead a#KWFDN
{
    left:600px;
    width:150px;
}

    
/******* MENU */
    
div#Menu
{
    position:absolute;
    top:100px;
    left:172px;
    width:585px;
}  

div#Menu ul
{
    list-style:none;
    margin:0;
    padding:0;
}

div#Menu li
{
    margin:0;
    padding:0;
    float:left;
    display:inline-block;
}

div#Menu a  
{
    float:left;
    display:inline-block;
    line-height:22px;
    padding:2px 13px;
    color:black;
    text-decoration:none;
    border-right:1px dotted #dbe0cd ;
    white-space:nowrap;
    font-weight:normal;
    background:transparent url(../images/fade.blue.50.jpg) repeat-x 0 50px; /* Position background image out of view */
}

div#Menu a:hover
{
    text-decoration:none;
    background-color:#6f94b7;
    background-position:0 0; /* Move background image into view */
    color:White;
}

div#Menu li.Selected a:hover
{
    background:White;
    font-weight:bold;
    margin-left:-1px;
    border-right:1px solid White;
    color:black;
}

    
    
div#Menu li.Selected a
{
    background:White;
    font-weight:bold;
    margin-left:-1px;
    border-right:1px solid White;
    color:black;
}

    
    
/******* SIDEBAR */

div#Sidebar
{
    float:left;
    width:168px;
    min-height:300px;
}

ul#SidebarNav
{
    margin:0;
    padding:0;
    list-style:none;
    width:170px;
    border-top:1px dotted #747b55;
}

ul#SidebarNav li
{
    display:block;
    margin:0;
    border-bottom:1px dotted #747b55;
}

ul#SidebarNav a
{
    display:block;
    padding:5px 15px;
    color:#717759;
    text-decoration:none;
    font-weight:normal;
    background:transparent url(../images/fade.blue.50.jpg) repeat-x 0 50px;
}

ul#SidebarNav a:hover
{
    background-color:#6f94b7;
    background-position:0 0;
    color:White;
}

ul#SidebarNav a.Selected:hover
{
    background:#ecefe4  url(../images/pointer.black.gif) no-repeat 0px 6px;
    color:Black;
    font-weight:bold;
}


ul#SidebarNav a.Selected
{
    background:#ecefe4  url(../images/pointer.black.gif) no-repeat 0px 6px;
    color:Black;
    font-weight:bold;
}


/******* CONTENT */

div#Content
{
    float:left;
    width:586px;
    min-height:300px;
}

div#Content div#Inner
{
    margin:15px;
}


/******* PREVIOUS WINNERS */

div.PreviousWinner
{
    border-top:1px dotted #ddd;
    padding-top:10px;
}

div.PreviousWinner img
{
    display:block;
    float:left;
    margin-right:10px;
    border:1px solid black;
}

div.PreviousWinner p
{
    float:left;
    margin:0;
    width:400px;
}

div.PreviousWinner span.SchoolName
{
    display:block;
    font-weight:bold;
    line-height:100%;
    margin-bottom:2px;
}

div.PreviousWinner span.Location
{
    display:block;
    font-size:90%;
    color:#8f976e;
}

div.PreviousWinner span.Liner
{
    display:block;
    color:#5a6049;
}

div.PreviousWinner a
{
    display:block;
}

/******* SCHOOL DETAILS */

div#SchoolDetails
{
    background:#ecefe4 ;
    width:230px;
    border:1px solid #6a7056;
    float:right;
    padding:0 0 10px 0;
    margin:0 0 15px 15px;
}

div#SchoolDetails h3
{
    margin:6px 10px;
}

div#SchoolDetails ul
{
    list-style:none;
    margin:0 10px;
    padding:0;
}

div#SchoolDetails li
{
    font-size:90%; 
    margin:0;
    border-top:1px dotted #dbe0cd;
    padding:2px 0;
}

/******* PRIZE BLURB */

div#Prize
{
    height:55px;
    overflow:hidden;
    border-bottom:1px solid black;
    color:White;
    padding:5px 10px;
    background:#35689a url(../images/fade.blue.100.jpg) repeat-x;
}

div.Winner
{
    background:#35689a url(../images/background.prize.jpg) no-repeat top right!important;
}

div#Prize span.Year
{
    display:block;
    float:left;
    font-size:250%;
    line-height:90%;
    font-weight:bold;
    margin-right:5px;
}

div#Prize p
{
    margin:2px 0;
    float:left;
    font-size:90%;
}

div#Prize strong
{
}



/******* SCHOOL RESOURCES */

div#SchoolResources
{
    padding:15px;
}

div#SchoolResources img
{
    display:block;
    margin:0 auto;
    border:1px solid black;
}

div#SchoolResources h3
{
    margin-bottom:0;
}

div#SchoolResources ul
{
    list-style:none;
    margin:0;
    padding:0;
}

div#SchoolResources li
{
    font-size:90%;
    padding-left:20px;
    background:transparent url(../images/icons/document.xxx.gif) no-repeat 0px 0px;
    min-height:20px;
}

    
/******* FOOTER */

div#Footer
{
    clear:both;
    position:relative;
    color:White;
    height:149px;
    background:transparent url(../images/footer.jpg) no-repeat 0 0;
    margin-top:20px;
}

div#Footer a
{
    color:#b1ba98;
}

div#Footer a:hover
{
    color:White;
}

/* Links */

div#Footer div#Links
{
    position:absolute;
    top:0;
    left:0;
    margin:10px;
}
   
div#Footer div#Links a
{
    margin-bottom:6px;
    display:block;
    width:170px;
}

div#Footer a#KWFDN
{
    position:absolute;
    top:-50px;
    height:50px;
    width:140px;
    text-indent:-9999em;
}


div#Footer a#AAF
{
    position:absolute;
    top:-50px;
    height:50px;
    width:140px;
    text-indent:-9999em;
}


div#Footer a#AAF
{
    left:0;
}

div#Footer a#KWFDN
{
    left:150px;
    width:180px;
}

/* Copyright */

div#Footer div#Copyright
{
    position:absolute;
    top:60px;
    left:190px;
    color:#dbe0cd;
    font-size:90%;
}

/* Photo credit */

div#Footer div#PhotoCredit
{
    position:absolute;
    top:110px;
    left:190px;
    color:#b1ba98;
    font-size:80%;


}





div.SidebarLink
{
    display:block;
    padding:100px 25px 0px 25px;
}

div.SidebarLink img
{
    border:1px solid black;
}

div.SidebarLink p
{
    font-size:90%;
    color:#6a7056;
}

/******* QUESTIONS */

span.QuestionComplete
{
    text-transform:uppercase;
    font-size:85%;
    font-weight:bold;
    white-space:nowrap;
}

span.QuestionNotAnswered
{
    text-transform:uppercase;
    font-size:85%;
    font-weight:bold;
    white-space:nowrap;
}

span.QuestionNotAnswered
{
    color:Red;
}

span.QuestionComplete
{
    color:#8c9569;
}

div.QuestionDisplay li
{
}

div.QuestionDisplay p
{
}

div.QuestionDisplay p
{
    font-weight:bold;
}

div.QuestionDisplay ul
{
    margin-top:0;
    margin-bottom:0;
}

div.QuestionDisplay li
{
    font-weight:normal;
    color:gray;
}
    
/********************************************* MISC CLASSES */

.PhotoRight
{
    float:right;
    margin:0px 0px 10px 15px;
}

.PhotoLeft
{
    float:left;
    margin:0px 15px 10px 0px;
}

a.BigLinkButton
{
    padding:10px;
    line-height:16px;
    height:16px;
    background:#5f88af url(../images/fade.blue.50.jpg) repeat-x 0 0;
    color:White;
    text-align:center;
    display:block;
    border:1px solid black;
    text-decoration:none;
    margin:50px 100px;
}

a.BigLinkButton:hover
{
    background-position:0 -10px; /* make background darker by scrolling the gradient up */
}

p.Closed
{
	border:1px solid #5a6049;
	background-color:#ecefe4 ;
	color:black;
	font-weight:bold;
	padding:10px;
	text-align:center;
	margin:40px 0;
}