/* STYLES FOR TNV - PSL WEB SITE 
COLORS: 
#0068A9: dark blue (banner logged in)
#CC6600: dark orange (banner normal)

#C8CAC5: grey bottom border of banner

*/

body {
	margin:0;
	padding: 0;
	font-size:67.5%;
	color:#000;
	background-color:#B7CAE6; /*old color was #6699aa*/
	font-family:verdana;
}
#bigcontainer {
	width: 941px;
	margin: 5px auto;
	background: url(/images/footer_background.png) bottom left repeat-x #fff;
	border: solid 1px #000;
	text-align: left;
	padding: 5px 0;
	-moz-border-radius: 8px;
}

h3
{

	color: #990000; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

h4
{
	color: #C60;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

div#cntnt h5
{
	font-size: 12px;
	font-weight: bold;
}

#maincontent
{
	position: relative;
	width: 100%;
	min-height: 300px;
}

/*banner DEFINITIONS */
#banner, #loggedin {
	height:125px;
	border-bottom: 3px solid #C8CAC5;
	margin:0;
}
#banner p {
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
	margin:-5px 20px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align:right;
	position: absolute;
	width: 940px;
	padding-top: 4px;
}
#banner a {
	color: #CC6600;
}

#banner_img
{
	position: absolute;
	border: none;
	margin-top: 25px;
}

.editProfile {
	background-image:url(images/icons/icon_profile.png);
	background-repeat:no-repeat;
	background-position:left;
	margin-left:12px;
	padding: 2px 0 2px 20px;
}
.logout {
	background-image:url(images/icons/icon_logout.png);
	background-repeat:no-repeat;
	background-position:left;
	padding: 2px 0 2px 20px;
	margin-left:12px;	

}
.sitehelp {
	background-image:url(images/icons/icon_help.png);
	background-repeat:no-repeat;
	background-position:left;
	padding: 2px 0 2px 20px;
	margin-left:12px;	
}
/* topnav - handles nav with fewer items and more padding */

#topnav {
	height:23px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	width:100%;
	clear:both;
	margin-top:35px;
	background-color:#383582;
}
#topnav ul, #topnav2 ul {
	clear:both;list-style-type:none;
	margin:0;
	padding:0;
}
#topnav li, #topnav2 li {
	float:left;
	text-align:center;
	margin:0;
}
#topnav li a {
	color:#fff;	
	background-color:#393683;
	font-weight:bold;		
	height:20px;
	display:block;
	font-size:1.2em;
	padding: 3px 32px 0 32px;	
	border-right:1px solid #fff;
	margin:0;
	text-decoration:none;
}
#topnav li a:hover, #topnav2 li a:hover, #topnav li a.current, #topnav2 li a.current {
	color: #393683;
	background-color:#fff;
}

#topnav li.current a, #topnav2 li.current a
{
	background-color: #eee;
	color: #393683;
}

#topnav li.login, #topnav2 li.login  {
	border-left:1px solid #393683;
	margin-left:-1px;
}
#topnav li.login a, #topnav2 li.login a  {
	text-decoration:underline;	
	background-color:#fff;
	color:#393683;
	padding: 3px 6px 0 6px;
	font-size:1.1em;
}
#topnav li.login a:hover, #topnav2 li.login a:hover {
	background-color: #fff;
	text-decoration:none;
}
#topnav li.login img, #topnav2 li.login img {
	padding-left:3px;
	margin: -3px 3px 0 0;}
	
	/* topnav FOR LOGGED IN PAGE */
#topnav2 {
	height:23px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	width:100%;
	clear:both;
	margin-top:35px;
	background-color: #393683;
}
/* Topnav2 handles navbar with more items, less spacing */
#topnav2 li a {
	color:#fff;	
	background-color:#393683;
	font-weight:bold;		
	height:20px;
	display:block;
	font-size:1.2em;
	padding: 3px 17px 0 17px;	
	border-right:1px solid #fff;
	margin:0;
	text-decoration:none;
	display:block;
}


/*FOOTER*/
#footer {
	background-color:#eee;
	border-top:1px solid #676767;
	padding-bottom:30px;
	margin-top: 20px;
	clear:both;
}
#footer p {
	text-align:center;
	font-family: verdana;
	color:#000;
}
#footer #search {
	float:left;
	padding-left:10px;
}
#footer #search label {
	font-weight:bold;
}
#footer #search input {
	border:1px solid #999;
	color:#999;
	background-color:#fff;
	width:100px;
	font-size:1.1em;
}
/* MAIN CONTENT BODY */
#cntnt {
	padding: 25px 44px 65px 44px;
}
#cntnt h2 {
	font-family:arial;
	font-weight:bold;
	font-size: 1.4em;
}
#cntnt p {
	font-size:1.1em;
	line-height:1.4em;
}
#cntnt a {
	color:#610079;
	text-decoration:none;
}
#cntnt a:hover { text-decoration:underline; }
/* SIDEBAR with rounded corner*/
#sdbr { position: absolute;
	right: 0;
	top: 0px;
	width:191px;
	margin: 15px  15px 10px 22px;
	padding:0;
	background-color:#EEE;
	font-size:1em;
}
/* Series of divs to handle rounded corners on sdbr */
.t {background: url(/images/corners/dot-top.gif) 0 0 repeat-x #eee; width: 100%}
.b {background: url(/images/corners/dot-bottom.gif) 0 100% repeat-x}
.l {background: url(/images/corners/dot-left.gif) 0 0 repeat-y}
.r {background: url(/images/corners/dot-right.gif) 100% 0 repeat-y}
.bl {background: url(/images/corners/bl.gif) 0 100% no-repeat}
.br {background: url(/images/corners/br.gif) 100% 100% no-repeat}
.tl {background: url(/images/corners/tl.gif) 0 0 no-repeat}
.tr {background: url(/images/corners/tr.gif) 100% 0 no-repeat; padding:10px}
#sdbr a,
#rightCol a 
{
	font-size:1em;
	color:#393683;
	text-decoration:none;
}
#sdbr a:visited, #rightCol a:visited { color: #610079; }
#sdbr a:hover, #rightCol a:hover { text-decoration:underline; }
#sdbr p.heading, #rightCol p.heading { color:#000; font-weight:bold; font-size:1.2em; }
#sdbr li, #rightCol li { list-style: none; margin-left: -2em;  }	
#sdbr h3, #rightCol h3
{
	text-align: left;
	font-size: 1.2em;
	padding-top: 0px;
}

/*MAIN CONTENT LOGGED IN PAGE */
.row {
	border-top:1px solid #474747;

	margin: 0 auto;
	clear:both;
	padding:0;	
}
.row .leftside {
	width: 126px;
	float:left;
	text-align:center;
	margin: 18px 0;
}
.row .leftside p { 
	margin-top:2px;
	margin-bottom:0;
}
.row .rightside {
	width: 680px;
	float:left;
	text-align:left;
	margin: 18px 0 ;	
}
.row .rightside p { margin:0; }
/* top level of colored navigation buttons under main navbar */
#buttonLine {
	width:100%;
	margin: 13px 0 39px 8px;
}
#buttonLine img {
	float:left; 
	margin-right:8px; }
/* ACTIVITIES PAGE */
#bgCropit {
	background-image:url(/images/bg_crop.gif);
	background-position:left;
	background-repeat:no-repeat;
	height:164px;
	width:616px;
	margin-top:20px;padding-top:20px;
}
#bgCropit p, #bgSortitout p{
	padding: 2px 20px 0 222px; 
}
#bgSortitout {
	background-image:url(/images/bg_sortitout.gif);
	background-position:left;
	background-repeat:no-repeat;
	height:164px;
	width:616px;
	padding-top:20px;	
}
/* HOME PAGE */
#leftCol {
	width: 683px;
	float:left;
	padding: 0;
	border-right: solid 1px grey;	
}
#rightCol {
	width:241px;
	float:left;
	padding-top: 25px;			
}
#leftCol p, #rightCol p  {
	font-size:1.1em;
	line-height:1.4em;
}
#leftCol a {
	color:#610079;
	text-decoration:none;
}
#leftCol a:hover, #rightCol a:hover { text-decoration:underline; }

.sideBox {
	width:218px;
	padding:10px;
	background-color:#E3E3F2;
	border:1px solid #000;
	margin-bottom:15px;
}
.sideBox h3 { font-family: Arial, Helvetica, sans-serif; text-align:center; font-size:1.3em; }
.sideBox p a:link { text-decoration:underline; color:#000;
 }
#rightCol h3 {	
	font-size:1.4em; font-family: Arial, Helvetica, sans-serif;}
#rightCol p.quote {
	font-size:1.2em;
	color:#990000;
}
.author {
	font-weight:bold; 
	text-align:right;
}
.smaller {font-size:.9em; }
.rightAlign {	text-align:right; }
.leftAlign { text-align:left; }
#rightCol #signinForm label { width: 90px; float:left; background-color:#FF3399;}
#signinForm input {width: 120px; float:right; }

#schoolSelect {	
	padding: 5px 30px 30px 30px;
}

#schoolSelect p {
	color:#cc6600;
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:2px;
}

#userbar
{
	display: block;
	float: right;
	width: auto;
	text-align: right;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 3px;
	font-size: 1em;
	vertical-align: middle;
}

#userbar li
{
	width: auto;
	list-style: none;
	color: #0068A9;
	float: left;
	margin-left: 20px;
}

.welcome 
{
	font-size: 1.2em;
	font-weight:bold; 
}

#userbar a 
{
	color: #0068A9;
	text-decoration:underline;
}

#userbar img
{
	border: none;
	display: inline-block;
	vertical-align: middle;
}


div#col2 
{
  float: left;
  background-color: #fff;
  width: 250px;
  height: auto;
  z-index: 2;
  margin-right: 5px;
}

/* div based scroll */
div.scroll 
{
	height: 200px;
	width: 250px;
	overflow: auto;
	border: 1px solid #000;
	padding: 2px;
}

/* breadcrumbs */

.Breadcrumb {
	font-size: 12px;
	color: #000;
	font-weight: bold;
	font-family: Arial, Geneva, sans-serif;
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: auto;
}

/* for themed collection user errors */
warning {
	font-weight: bold;
	font-style: italic;
}

#top_school_search
{
	display: inline-block;
	padding: 1px 0px 1px 10px;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
}

#top_school_search input[type="text"]
{
	height: 14px;
}