/* ----------------------------------------------------
   SmartSchools screen css
   images copyright Smart Communications, Inc.
   design by Refine
   xhtml/css/aspx by Kristine Manzano
   last updated April 2006
   ---------------------------------------------------- */


@import url("/universal/css/webauthor.css");


/* General
   ---------------------------------------------------- */

.clear {clear:left;margin-top:-10px;}
.hidden {display:none;}


/* Structure
   ---------------------------------------------------- */
body {margin:0;padding:0;background-color:#EBEBEB;color:#000000;
    font-family:Arial, Helvetica, sans-serif;font-size:90%;}
#container {width:740px;margin:10px auto;padding: 0 15px 10px 15px;line-height:1em;
	background: #FFFFFF url(../images/elements/header.jpg) no-repeat; color:#000000;}
img {border:none;}
a {text-decoration:none;}
a:link{color:#32659C;text-decoration:none;}
a:visited{color:#32659C;text-decoration:none;}
a:hover{color:#32659C;text-decoration:underline;}


h1 {font-size:90%; color:#A3BB3B;}
h2,h3, h4, h5, h6 {font-size:90%; color:#32659C;}



/* For content editors
	---------------------------------------------------- */
.putOnNewLine 	{clear: both;}
.alignLeft 		{float: left; margin-right: 15px;margin-bottom:10px;}
.alignRight 	{float: right; margin-left: 15px;margin-bottom:10px;}
.center 		{margin-left: auto; margin-right: auto;}
.textCenter 	{text-align: center;}
.textLeft 		{text-align: left;}
.textRight 		{text-align: right;}
.textJustify 	{text-align: justify;}


/* Navigation 

   ---------------------------------------------------- */


/* Top Navigation */

#NavHolder {background: url("../images/elements/menubg.gif") repeat-x;
	width: 740px; height:30px; padding-bottom:10px;}
#mainNav, #Nav, #subNav {list-style:none;}
#mainNav {margin-left:30px;}
#mainNav a, #subNav a {display:block; color:#FFFFFF;text-decoration:none;
	font: bold 80%/1.1em Arial, Helvetica, sans-serif;}
#mainNav li, #subNav li {float:left; text-align:center;}
#mainNav li {margin: 8px 5px 0 5px;}



/* bottom nav */

#bottomNav {background: url("../images/elements/footbg.gif");
	height:78px; width:740px; clear:both;}
#bottomNav h3 {display:none;}
#Nav {padding-right: 5px;}
#Nav li span {display:none;}
#Nav li {float:right;margin: 8px 5px 0 5px;}
#subNav li {margin: 8px 5px 0 2px;}
#subNav {margin-left:-30px;padding-top: 45px;}
	

/* Page list */
#sidebar .pageList li {background: url("../images/elements/arrow-green.gif") no-repeat 0% 40%;
	padding: 4px 0 4px 15px;list-style: none;margin-left:-40px;
	font-size:80%;border-bottom: dotted 1px #000000;width: 150px;}
#sidebar ul.pageList {border-top: dotted 1px #000000;
	margin:10px;width: 125px;}

/* HR */

div.line1, div.line2, div.line3 {height: 10px;
  background: #FFFFFF url("../images/elements/hrg.gif") repeat-x;}
div.line1 hr, div.line2 hr, div.line3 hr {display: none;}

.line1 {width: 540px;}
.line2 {width: 420px;}
.line3 {width: 185px;}



/* Content Structure

   ---------------------------------------------------- */
#content {height:100%;}
#mainContent {float:right;width: 540px;position:relative;}
#sidebar {float:left;width: 190px;clear:both;margin-top: -110px;} 
#extras {padding-top: 5px;}
#banner {float:right;right:0;}



/* Specifics
   ---------------------------------------------------- */

	
#logo img {margin-top:10px;}
#footer {width:760px;margin:0 auto;text-align:right;padding-top:5px;}
#sidebar .month a {margin-top:0px;}
.flashTitle {margin: 10px 0;float:left;margin-left: 195px;
	position:relative;clear:both;}

.validators {font-size: 80%;}
p.backTop span {background: url("../images/elements/arrow-top.gif") no-repeat;
	height:10px;width:11px;padding-left:15px;}
.boxedImage {float:right; width:210px; background-color:#F5F5F5; margin:15px 0 8px 15px; padding:5px; color:#333333;clear:both;}

.boxedImage img, .boxedImage p {text-align:center;}

/* Summary / Multimedia
   ---------------------------------------------------- */

.paging {float:none;clear:both;}
p.pageIdx {text-align:center;}
.paging a.prev, .paging a.next {position:absolute;font-size:90%;margin-top:-15px;}
.paging a.prev {left:110px;}
.paging a.next {right:150px;clear:left;}

#imageView, #imageView p {text-align:center;}
#imageView {margin-top:15px;}

.backLink {	background: url("../images/elements/arrow-back.gif") no-repeat;
	height:10px;width:11px;padding-left:15px;}


/* Headings
   ---------------------------------------------------- */

h3 span {display:none;}
h3.smartTools {background: url("../images/titles/smarttools.gif");
	width: 98px;height: 21px;}
h3.news {background:url(../images/titles/news.gif);
	width: 262px;height: 24px;}
h3.top5Title {background:url(../images/titles/top5.gif);
	width: 262px;height: 24px;}
.subContent h3.foodThought span {background: url("../images/icons/fff-sml.gif") no-repeat;
	padding-left:20px;}
.subContent h3.gimmicks span {background: url("../images/icons/gmk-sml.gif") no-repeat;
	padding-left:22px;}
.subContent h3.foodThought span, .subContent h3.gimmicks span {width: 2px;
	height: 15px;display:inline;}
.linkMore {background: url("../images/elements/arrow-sml.gif") no-repeat;
	padding-left:15px;font-size:90%;}

/* Formatting
   ---------------------------------------------------- */

p {font-size:87%;text-align: justify;}
.title {font-size:100%;color:#32659C;font-weight:bold;}
.subContent h3 span {color: #A3BB3B;font-weight:bold;}
.subContent h3 {font-size: 80%;	font-weight:normal;}
.sidebar h4 {color:#464646;font-size: 80%;}
h3.foodThought {color: #000000;font-size: 75%;}
#mainContent ul li, #mainContent ol li {font-size:85%;}



/* Content Specific 
   ---------------------------------------------------- 

1. Home
2. Contact us
3. Multimedia
4. Search
5. Error Pages
*/



/* Home
   ---------------------------------------------------- */


.Home #mainContent, .Home #sidebar {float:right;position:relative;}
.Home #mainContent {width: 420px;padding: 0 18px 0 0;margin-left:0;}	
.Home .flashTitle {margin: 0 auto;}
.Home #sidebar {width: 300px;} 
.Home #sidebar {margin-top:0;}
.Home #newsBlock #topList li {background: url("../images/elements/arrow-green.gif")  no-repeat 0% 10%;
	padding: 2px 0 0 15px;list-style:none;}
.Home #newsBlock #topList li ul li {background:none;padding: 3px 0 5px 0;
	margin-left:-40px;list-style:none;font-size:80%;}
.Home #newsBlock #topList li span {color:#898989;font-size:90%;clear:right;}
.Home #sidebar #detailList a {font-size:120%;font-weight:normal;}
.Home #sidebar #top5Block ul li {font-size:75%;line-height:1.5em;}


/* Contact Us Page
   ---------------------------------------------------- */

.Contact fieldset {border:solid 1px #468BCD;padding:10px;
	margin-bottom:20px;width:450px;}
.Contact legend {color:#A3BB3B;font-weight:bold;font-size:85%;}/*border: 1px solid #468BCD;
	padding: 2px 3px;}/*background: #2d3e8e;*/
.Contact label {width:130px;display:block;float:left;clear: left;padding-right:5px;
	margin-bottom: 8px;font-size:85%;color:#468BCD;text-align:right;}
.Contact textarea {width: 270px;height: 150px;font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;}
.Contact input[type="text"], .Contact textarea, .Contact select {
    border-top: 1px solid #AFAFAF;border-left: 1px solid #AFAFAF;
	border-right: 1px solid #BFBFBF;border-bottom: 1px solid #BFBFBF;
	color: #3f3f3f;margin-bottom: 8px;}
.Contact input[type="text"]:focus,.Contact textarea:focus, .Contact select:focus {
	border:1px solid  #468BCD;color: #000000;}
	
.Contact .submit {margin: 10px auto;border:1px solid  #468BCD; 
	font: bold 75%/14px Verdana,sans-serif;width:69px;padding:2px;}
.Contact .submit:hover {color: #ffffff;background: #468BCD;}
.Contact h2 {font-size:100%;color:#A3BB3B;font-weight:bold;margin-left:80px;}


/* textboxes */
.Contact .smallBox {width:140px;}
.Contact .mediumBox {width:170px;}
.Contact .bigBox {width:210px;}

/* sample text */
.Contact .sample {margin-bottom: 8px;display:inline;}



/* Multimedia Summary Page
   ---------------------------------------------------- */

.Multimedia .thumbnails {width:90px;height:120px;float:left;padding: 0 10px 5px 0;
	margin-top:10px;}
.Multimedia .thumbnails p {text-align:left;font-size:78%;margin-top: 5px;}


/* Search
   ---------------------------------------------------- */
#search {float:right;width:210px;right:0;margin: 5px -20px 0 0;}

#search label {display:none;}
 #search input.box {float:left;display:block;margin-right:5px;
	width:137px;font-size:80%;}


.Search .flashTitle {margin: 0 auto;}
.Search #mainContent, .Search #sidebar {float:left;}
.Search #mainContent {padding: 20px 0 20px;}

.Search #filter {padding: 0 0 40px 20px;border:1px solid #32659C;
	background:#73AAD7;margin: 20px auto;width:390px;}
	
.Search #filter label {width:100px;float:left;clear: both;
	margin: 0 5px 8px 0;font-size:85%;color:#ffffff;text-align:right;}
	
.Search #filter input[type="text"], .Search #filter select {
	float:left;margin:0 2px 5px 8px;width:180px;font-size:90%;
	border-top: 1px solid #AFAFAF;border-left: 1px solid #AFAFAF;
	border-right: 1px solid #BFBFBF;border-bottom: 1px solid #BFBFBF;}

.Search #filter input[type="text"]:focus, .Search #filter select:focus {
	border:1px solid  #468BCD;color: #000000;}
	



/* Error Pages
   ---------------------------------------------------- */

.Error .flashTitle {margin: 0 auto;}