/* PAGE CONATINERS SETUP */

body {position:relative; margin:0; padding:0; font-family:arial; font-size:12px; text-decoration:none;  
background: url(/graphics/header_photos.jpg) repeat-x center top;}

body.home {background: url(/graphics/photo_home.jpg) no-repeat center top;}

div {min-height:100%}
* html div {height:auto; overflow:visible; /* for IE */ }

#container		{margin:0; width:100%; background:url(/graphics/pinstripe_teal.gif) repeat-y center top; text-align:center}
#canvas			{margin:0 auto; width:760px; overflow: hidden; text-align:left;  position:relative;}
#page_specific	{margin:0; padding:0; width:760px; overflow: hidden;}
#content	{padding:40px 0 10px 30px; width:730px; overflow: hidden; position:relative;}

/* HEADER */
#header {display:block; height:240px; width:760px; margin:0; padding:0; position:relative;}
.logo_header {position:absolute; left:0; top:0; padding:0; margin:0}

/* NAVIGATION MAIN English */
ul#nav_main			{display:block; margin:0; padding:8px 0 8px 0; position:absolute; left:0px; top:208px; width: 760px;background:url(/graphics/pix_green_trans.png) repeat; text-align:center}
#nav_main li		{display:inline; list-style-type:none; padding:0; margin:0 3px 0 0; letter-spacing:1px;}
#nav_main a 		{font-size:14px; font-weight:bold; text-decoration:none; padding:8px 12px 8px 12px;}
#nav_main a:link	{color:#FFFFFF;}
#nav_main a:visited {color:#FFFFFF;}
#nav_main a:hover	{color:#FFFFFF; background-color:#CADD0A; text-decoration:none;}
#nav_main a.on		{color:#4FAD26 !important; background-color:#FFFFFF; text-decoration:none;}

/* NAVIGATION MAIN French */
ul#nav_main_french			{display:block; margin:0; padding:8px 0 8px 0; position:absolute; left:0px; top:208px; width: 760px;background:url(/graphics/pix_green_trans.png) repeat; text-align:center}
#nav_main_french li		{display:inline; list-style-type:none; padding:0; margin:0 3px 0 0;}
#nav_main_french a 		{font-size:14px; font-weight:bold; text-decoration:none; padding:8px 11px 8px 11px;}
#nav_main_french a:link	{color:#FFFFFF;}
#nav_main_french a:visited {color:#FFFFFF;}
#nav_main_french a:hover	{color:#FFFFFF; background-color:#CADD0A; text-decoration:none;}
#nav_main_french a.on		{color:#4FAD26 !important; background-color:#FFFFFF; text-decoration:none;}

/* NAVIGATION MINOR - FRENCH-ENGLISH/LOGIN-LOGOUT/ACCOUNT */
ul#nav_minor			{display:block; position:absolute; right:0; top:0; margin:0; padding:0; width:auto; background:url(/graphics/pix_grey_50.png) repeat;}
#nav_minor li		{display:inline; list-style-type:none; padding:0; margin:0; letter-spacing:1px; text-transform:uppercase; }
#nav_minor a 		{font-size:11px; font-weight:bold; text-decoration:none; padding:7px 10px 7px 10px; height:18px; line-height:28px;}
#nav_minor a:link	{color:#FFFFFF;}
#nav_minor a:visited {color:#FFFFFF;}
#nav_minor a:hover	{color:#000000; padding:7px 10px 7px 10px; background-color:#FFFFFF; text-decoration:none;}

/* HEADER ANNOUNCE BUTTON */
span#announce {position:absolute; top:125px; left:420px;}

/* TEXT LINKS COLOURS */
a:link {color:#FF9900; text-decoration:none; }
a:visited {color:#CB9902; text-decoration:none;}
a:hover {color:#F5C912; text-decoration:underline;}
a:active {color:#F5C912; text-decoration:none;}

/* TEXT AND HEADINGS */
p 	{line-height:19px; margin:0 0 16px 0; padding:0;}

h1 	{font-size:26px; line-height:28px; color:#4FAD26; max-width:475px; margin:0 0 20px 0; padding:0; letter-spacing: 1px;}
h1.h1_special 	{font-size:16px; line-height:19px; color:#CADD0A; max-width:400px; margin:0 0 2px 0; padding:0; letter-spacing: 1px;}
h2 	{font-size:20px; color:#4FAD26; max-width:400px; margin:20px 0 8px 0px; text-decoration:none;text-transform:none;}
h3 	{font-size:16px; color:#66CC66; margin:20px 0 3px 0px; padding:0;text-decoration:none;text-transform:none;}
h4 	{font-size:14px; color:#4FAD26; margin:0 0 3px 0px; padding:0; text-decoration:none; text-transform:none;}
h5 	{font-size:12px; color:#4FAD26; margin:0 0 10px 0px; padding:0; text-decoration:none;  text-transform:none;}
h6 	{font-size:12px; color:#4FAD26; margin:0 0 10px 0px; padding:0; text-decoration:none; text-transform:none;}

h1, h2, h3, h4, h5, h6, a {font-weight:bold;}
p, h3, h4, h5, h6 {max-width:400px}

/* HEADER HOME */
#header_home {display:block; height:420px; width:760px; margin:0; padding:0; position:relative;}
#logo_header_french {position:absolute; right:0; bottom:0}

#home_english {width:295px; float:left; padding:30px 5px 30px 30px}
#home_french {width:395px; float:right; padding:30px 5px 30px 30px}
#home_english p, #home_french p 	{line-height:19px; width:auto !important; margin:0 0 16px 0; padding:0;}


#home_english h1, #home_french h1  	{font-size:21px; line-height:28px; max-width:auto !important; margin:0 0 20px 0; padding:0; letter-spacing:0;}
 #home_french h1  	{color:#CADD0A}

/* BREADCRUMB NAVIGATION */
#breadcrumb 			{color:#CCCCCC; padding:2px 0 2px 0; margin:0; font-size:10px; line-height:12px }
#breadcrumb a:link 		{color:#CCCCCC; text-decoration:none; font-weight:normal} 
#breadcrumb a:visited	{color:#CCCCCC;}
#breadcrumb a:hover 	{color:#FF6600;}

/* UNORDERED LISTS */
ul {list-style-type:disc; width:340px; margin:0 0 0 20px; padding:0;}
li {padding:0 0 5px 3px; margin:0;}

/* BLOCK QUOTED TEXT */
blockquote {margin:0 0 14px 30px;padding:0; width:290px; line-height:16px; color:#4FAD26}

/* SIDE COLUMN for photos, extra info */
.side_column	{width:250px; float:right; margin:0; padding:0; display:block; text-align:left; text-transform:none;}
.side_column h1 	{font-size:16px; line-height:18px; color:#4FAD26; width:230px; margin:0 10px 0 10px; padding:0 ;font-weight:bold;text-transform:none; letter-spacing:0;}
.side_column h2 	{font-size:13px; line-height:15px; color:#4FAD26; width:230px; margin:0 10px 0 10px; padding:0 ;font-weight:bold;text-transform:none; letter-spacing:0;}
.side_column p 	{color:#999999; line-height:16px; width:230px; margin:4px 10px 18px 10px; padding:0; font-size: 12px;}


/* BACK TO TOP button */
.back_top {font-size:10px;color:#FFFFFF; text-transform:uppercase; margin:0 0 0 300px; padding:3px 6px; line-height:12px; display:block; width:auto !important; white-space:nowrap;}
a.top:link, a.top:visited 	{color:#FFFFFF; text-decoration:none; background-color:#C2E6B2; padding:3px 6px;}
a.top:active, a.top:hover	{color:#FFFFFF; text-decoration:none; background-color:#4FAD26; padding:3px 6px;}

/* FOOTER */
#footer {width:100%; min-width:760px; margin:0; padding:0; text-align:center; display:block; background-color:#CADD0A; background:url(/graphics/pix_lime.gif) repeat; color:#FFFFFF}
.footer_home {border-top:6px solid #4FAD26; padding:30px 0 0 0; width:760px; position:relative}

ul#nav_footer{margin:0 0 20px 0; padding:6px 0 6px 0; display:block; text-transform:none; width:100%;  background-color:#4FAD26; background:url(/graphics/pix_green.gif) repeat;}
#nav_footer li{display:inline; list-style-type: none; margin:0; margin:0;}
#nav_footer a {font-weight:bold; text-decoration:none; padding:0px 6px 0px 6px;}
#nav_footer a:link		{color:#FFFFFF;}
#nav_footer a:visited 	{color:#ebf5a6;}
#nav_footer a:active	{color:#FFFFFF;}
#nav_footer a:hover		{color:#FFFFFF; text-decoration:underline}


#footer a:link, #footer a:visited, #footer a:active, #footer a:hover {color:#FFFFFF;}
#footer a:hover {text-decoration:underline;}
#logo_footer {padding:10px}
.footer_logos {text-align:right; background-color:#FFFFFF}

/* LAST MODIFIED date below footer */
#last_modified	{color:#FFFFFF; width:100%; margin:0; padding:0 0 70px 0;  background-color:#CADD0A; background:url(/graphics/pix_lime.gif) repeat; text-align:center; }

/* NOMINATION */
h1.h1_form 	{font-size:16px; line-height:19px; color:#FF6600; max-width:400px; margin:0; padding:0 0 6px 0; letter-spacing: 1px;}

table.nom_form, table.contact_form  {padding:0; margin:6px 10px 4px 0; border:none; border-collapse:collapse; border-spacing:0}
table.nom_form td, table.contact_form td {padding:0 0 10px 0;  vertical-align:top;}
table.nom_form_criteria td {padding:4px 0 10px 0;  text-align:left; vertical-align:top; line-height:24px}

table.nom_form h3 	{width:240px}

table#submitted_files  {}
table#submitted_files th {}
table#submitted_files td {}

form {padding: 0px;}
label {display:block; text-align:right; margin:4px 0 6px 0; padding:0; line-height:14px; color:#4FAD26; width:auto !important; min-width:40px;  max-width:140px}

table.contact_form  {margin:30px !important;}
table.contact_form label {display:block; text-align:right; margin:6px 0 6px 0; padding:0; line-height:14px; color:#4FAD26; width:70px}

.right {text-align:right !important}

input, select, textarea {margin: 0 6px 4px 6px; text-align:left;}
submit {color:#ebf5a6;}

p.criteria {width:240px; color:#000000;} 
p.form_note {width:auto !important; color:#000000;min-width:40px;  max-width:140px}
p.submitted_text {color:#000000; font-size:13px; text-transform:none; width:auto !important; max-width:500px; text-align:left; line-height:18px; padding:0; margin:0 10px 10px 8px; font-weight:600}

div.submitted_text {padding:0 20px 6px 24px; line-height:20px;}
div.submitted_text p {color:#000000; font-size:13px; text-transform:none; width:auto !important; max-width:500px; text-align:left; line-height:22px; padding:0; margin:4px 10px 12px 0; font-weight:600; }
p.submitted_text {padding-top:3px;} 

.form_button {color:#FFFFFF; background-color:#4FAD26; font-size:20px; font-weight:600;}
.form_button a {font-weight:bold; padding:4px 4px 4px 4px; text-decoration:none;}
.form_button a:link		{color:#FFFFFF;}
.form_button a:visited 	{color:#FFFFFF;}
.form_button a:active	{color:#FFFFFF;}
.form_button a:hover	{color:#FFFFFF;}

h1.nominate_button {font-size:12px; text-transform:uppercase; font-weight:bold; margin:10px 0 20px 0; font-size:14px; line-height:14px;}
.nominate_button a {padding:8px 12px 8px 12px; text-decoration:none;color:#FFFFFF; background-color:#FF6600 }
.nominate_button a:link, .nominate_button a:visited	{color:#FFFFFF; background-color:#FF6600}
.nominate_button a:hover	{color:#FFFFFF;}

.nominator	{width:280px; position:absolute; right:0; top:100px; display:block;}
.nominator h1 	{color:#FFFFFF; background-color:#4FAD26; font-size:14px; margin:0; width:239px; padding:3px 20px 3px 20px;letter-spacing:0;}

.nominator p 	{color:#000000; line-height:14px; width:auto; margin:4px 20px 18px 20px; padding:0; font-size: 12px;}

table {border-color: #4FAD26}

.nomination {color:#FF6600 !important}

.edit {font-size:14px; padding-left:10px; text-transform:uppercase}
.info_type 	{color:#4FAD26; line-height:10px; width:auto; margin:0; padding:0; font-size: 10px; text-transform:uppercase}

.date {color:#CCCCCC; font-weight:600; font-size:15px; margin:40px 0 8px 0}

/* NOMINATION STATUS ICONS */
.status_icon {margin-bottom: -3px; margin-right:5px; width:16px; height:16px }


/* WINNING TEACHERS ribbon */
div#sidebar_winners {display:block; position:absolute; right:0px; top:30px; width:240px; margin:0; padding:0; text-align:center}
div#sidebar_winners h1{font-size:15px; line-height:16px; text-transform:uppercase; width:auto !important; margin:0; padding:30px 0 8px 0; color:#FFFFFF; background-color:#CADD0A}

ul#nav_years{margin:0; padding:0; width:240px; }
#nav_years li{list-style-type:none; margin:0; padding:0;}
#nav_years a {display:block;font-size:18px; font-weight:bold; text-decoration:none; margin:0; padding:4px 0 4px 0; width:100% !important;}
#nav_years a:link		{}
#nav_years a:visited 	{}
#nav_years a:hover, #nav_years a:active, #nav_years a.on {color:#FFFFFF; text-decoration:none; background-color:#FF6600;  width:240px }

div#year_teachers{text-align:left; width:auto; padding:14px 0 0 0; margin:0 0 4px 0; border-left:solid 1px #FF6600; border-right:solid 1px #FF6600; border-bottom:solid 5px #FF6600;} 


.win_teacher {text-align:left; width:auto; margin:0 7px 20px 24px; letter-spacing:0; padding:0}

.win_teacher h3, div.win_teacher h4, div.win_teacher p {width:auto}
.win_teacher h4 {color:#CADD0A; font-size:12px; text-transform:uppercase; margin:0!important; padding:0!important; line-height:12px!important}
.win_teacher h3 {padding:0!important; margin:0!important}
.win_teacher h3 a {display:block;font-size:14px!important; font-weight:bold; text-decoration:none; margin:0!important; padding:4px 0 2px 0!important;}
.win_teacher h3 a:hover {display:block; font-size:14px!important; font-weight:bold; text-decoration:none; margin:0!important; padding:4px 0 2px 0 !important; border-bottom:solid 1px #FF6600 !important; background-color:#FFFFFF !important; color:#FF6600 !important}
.win_teacher h3 a.on {font-size:18px!important; color:#FF6600!important; background-color:#FFFFFF!important; border-bottom:solid 2px #FF6600!important; padding:8px 0 4px 0!important; margin-bottom:3px!important}
.win_teacher p {margin:0; padding:0; font-weight:300; line-height:16px}

.year_link {color:#FF6600 !important; margin:0 0 24px 0; letter-spacing:1px; line-height:19px;}
.teacher {color:#FF6600 !important; margin:10px 0 6px 0;}
h3.teacher_byline {font-size:14px; color:#FF6600; margin:0 0 24px 0px; line-height:20px}


/* MISCELLANEOUS */
pre {font-size:14px; color:red; font-weight:bold; font-style:italic}

img.float_left {float:left; padding:0 10px 6px 0}

#login  {position: relative; z-index: 50;}
#login input {z-index: 100;}