@charset "utf-8";

html {
	height: 100%;
}
body   {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	background: #8fc51a url(../images/back1.jpg) repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	height: 100%;
}
a {
	color: #00a799;
	text-decoration: none;
	outline-style: none;
}
a:hover {
	color: #CC0000;
	text-decoration: none;
	/*border-bottom: 1px dotted #cc0000;*/
}


i, b {
	display: none;
}
s {
	color: #FF6600;
	text-decoration: none;
}
p.sect {
	float: right;
	width: 464px;
	margin-right: 8px;
	margin-top: 10px;
	border-top: 1px dotted #CCCCCC;
	padding-top: 10px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-decoration: none;
}




.twoColFixRtHdr #container {
	width: 920px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: url(../images/container_bk.png) repeat-y left top;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	/*height: 100%;*/
} 
.twoColFixRtHdr #header {
	background: #DDDDDD url(../images/header.png) no-repeat left top;
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height: 118px;
	width: 878px;
	margin: 0px 20px;
} 
.twoColFixRtHdr   #header.main  {
	background: #DDDDDD url(../images/headermain.png) no-repeat left top;
} 
.twoColFixRtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px;
}
.twoColFixRtHdr #header #headeritems {
	float: right;
	width: 380px;
	margin-right: 20px;
	margin-top: 25px;
}
.twoColFixRtHdr #header #headeritems .welcome {
	color: #FF9900;
	float: left;
}

.twoColFixRtHdr #header #headeritems .ext_link a {
	margin-left: 0px;
	float: right;
}
.twoColFixRtHdr #loginme {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}

.twoColFixRtHdr #menu {
	background: url(../images/menu.png) no-repeat;
	list-style: none;
	height: 24px;
	margin: 0px 21px 15px 20px;
}
.twoColFixRtHdr #menu li {
	display: inline;
	margin: 0px;
	height: 24px;
	float: left;
	padding: 0px;
}
.twoColFixRtHdr #menu li a {
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	height: 21px;
	float: left;
	padding: 3px 22px 0px 22px;
	text-align: center;
}
.twoColFixRtHdr #menu a:hover {
	text-decoration: none;
	border:none;
	color: #000000;
}
.twoColFixRtHdr #menu li:hover {
	text-decoration: none;
	background: url(../images/himenu.png) repeat;
	border:none;
}
.twoColFixRtHdr #menu li:hover a {
	color: #000000;
}
.twoColFixRtHdr #menu li:hover ul a {
	color: #FFFFFF;
}
.twoColFixRtHdr #menu li ul {
/*	display: none;*/
	background: url(../images/himenu.png) repeat;
	margin-left: 0px;
	margin-top: 24px;
	width:150px;
	position:absolute;
	padding:0px;
	z-index: 10;
	left:-1000px;
}
.twoColFixRtHdr #menu ul a {
	width:128px;
	text-align:left;
	padding:3px 0px 0px 22px;
}
.twoColFixRtHdr #menu li ul ul {
/*	display: none;*/
	background: url(../images/himenu.png) repeat;
	margin-left: 150px;
	margin-top: 0px;
	width:150px;
	position:absolute;
	padding:0px;
	z-index: 10;
	left:-1000px;
}
.twoColFixRtHdr #menu li li, .twoColFixRtHdr #menu li li li {
	margin: 0px;
	padding: 0px;
	float:left; 
}

.twoColFixRtHdr #menu li:hover ul ul {
/*	display: none;*/
	left:-10000px;
}
.twoColFixRtHdr #menu li:hover ul, .twoColFixRtHdr #menu ul li:hover ul {
/*	display: block;*/
	left:auto;
}
.twoColFixRtHdr #menu ul li:hover, .twoColFixRtHdr #menu ul ul li:hover {
	background: url(../images/himenu.png) repeat;
}
.twoColFixRtHdr #menu ul li a {
	float:left; 
	display: inline !important;
}
.twoColFixRtHdr #menu ul li a:hover {
	border:none;
	color:#000000;
	background:none;
}


.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 238px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #ffffff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px;
	margin:0px 50px 0px 0px;
}

.twoColFixRtHdr #sidebar1 #toplinks {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.twoColFixRtHdr #sidebar1 #toplinks li {
	margin: 0px;
	padding: 0px;
}
.twoColFixRtHdr #sidebar1 #toplinks a {
	height: 51px;
	width: 152px;
	display: block;
	margin: 0px;
	padding: 29px 15px 0px 80px;
	text-decoration: none;
	color:#000000;
	text-align:right;
	font: 11px/10px "Trebuchet MS", Tahoma, Arial;
}
.twoColFixRtHdr #sidebar1 #calendar_key {
	font-size: 10px;
	background: #D1D1E9;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 15px;
}
.twoColFixRtHdr   #sidebar1   #calendar_key h2 {
	font: normal 30px Georgia, "Times New Roman", Times, serif;
	color: #003366;
	text-decoration: none;
	letter-spacing: -1px;
	margin: 0px 0px 0px 15px;
	padding: 0px;
}
.twoColFixRtHdr #sidebar1 #calendar_key strong {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	background: #6699CC;
	padding: 2px;
	display: block;
	color: #FFFFFF;
}


.preskul_link {
	background: url(../images/preskul_link.png) no-repeat left top;
}
.primary_link {
	background: url(../images/primary_link.png) no-repeat left top;
}
.middle_link {
	background: url(../images/middle_link.png) no-repeat left top;
}
.works_link {
	background: url(../images/works_link.png) no-repeat left top;
}
.news_link {
	background: url(../images/news_link.png) no-repeat left top;
}
.gallery_link {
	background: url(../images/gallery_link.png) no-repeat left top;
}
.twoColFixRtHdr #sidebar1 #toplinks a:hover {
	background-position: left bottom;
	text-decoration: none;
	border-style: none;
}

.twoColFixRtHdr #sidebar1 #calendar {
	background: #ffd75e url(../images/sidebar_bottom.png) no-repeat left bottom;
	margin-left:9px;
	padding: 15px 15px 20px;
	width: 208px;
}
.twoColFixRtHdr #sidebar1 #calendar p {
	padding: 0px;
}
.twoColFixRtHdr #sidebar1 #calendar ul {
	margin: 0px;
	padding: 0px 0px 10px;
	list-style: none;
}
.twoColFixRtHdr #sidebar1 #calendar li {
	padding-left: 25px;
	background: url(../images/cal_bullet.png) no-repeat left top;
	padding-bottom: 5px;
	border-bottom: 1px solid #009900;
	margin-top: 8px;
	margin-bottom: 8px;
	min-height:26px;
}

.twoColFixRtHdr #sidebar1 #calendar p.calendarlink {
	padding-left: 64px;

}
.twoColFixRtHdr  #sidebar1  h2 {
	font: normal 30px Georgia, "Times New Roman", Times, serif;
	color: #003366;
	text-decoration: none;
	letter-spacing: -1px;
	margin: 0px;
	padding: 0px;
}
.twoColFixRtHdr #sidebar1 h3 {
	font: normal 24px Georgia, "Times New Roman", Times, serif;
	color: #003366;
	text-decoration: none;
	letter-spacing: -1px;
	margin: 0px;
	padding: 0px;
}
.twoColFixRtHdr #sidebar1 p {
	padding-right: 15px;
	padding-left: 15px;
}



.twoColFixRtHdr #mainContent {
	margin: 0 290px 0 20px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 0px 0 20px;
} 
.twoColFixRtHdr  #mainContent  #carousel {
	height: 241px;
	width: 583px;
	background: url(../images/fma.jpg) no-repeat;
}
.twoColFixRtHdr #mainContent #sect_header {
	margin: 0px 0px 20px;
	padding: 0px;
	width: 583px;
	min-height: 105px;
}
.twoColFixRtHdr #mainContent #sect_header h2 {
	height: 200px;
	width: 190px;
	position: absolute;
	margin: 0px;
	padding: 0px;
}
.twoColFixRtHdr #mainContent .prep {
	background: url(../images/preskul_header.png) no-repeat left top;
}
.twoColFixRtHdr #mainContent .primary {
	background: url(../images/primary_header.png) no-repeat left top;
}
.twoColFixRtHdr #mainContent .middle {
	background: url(../images/middle_header.png) no-repeat left top;
}
.twoColFixRtHdr #wideContent #sect_header.curriculars {
	background: url(../images/activities_header.png) no-repeat left top;
}
.twoColFixRtHdr #mainContent .pta {
	background: url(../images/pta_header.png) no-repeat left top;
}
.twoColFixRtHdr #mainContent .gallery {
	background: url(../images/gallery_header.png) no-repeat left top;
}
.twoColFixRtHdr  #mainContent .library {
	background: url(../images/community_header.png) no-repeat left top;
}
.twoColFixRtHdr #mainContent .member {
	background: url(../images/member_header.png) no-repeat left top;
}
.twoColFixRtHdr  #mainContent .calendar {
	background: url(../images/calendar_header.png) no-repeat left top;
}
.twoColFixRtHdr #mainContent #sect_header h2.prep  {
	background: url(../images/prep_icon.png) no-repeat left top;
}
.twoColFixRtHdr #mainContent #sect_header h2.primary   {
	background: url(../images/primary_icon.png) no-repeat left top;
}
.twoColFixRtHdr #mainContent #sect_header h2.middle {
	background: url(../images/middle_icon.png) no-repeat left top;
}
.twoColFixRtHdr #wideContent #sect_header h2.curriculars  {
	background: url(../images/activities_icon.png) no-repeat left top;
}
.twoColFixRtHdr #mainContent #sect_header h2.pta   {
	background: url(../images/pta_icon.png) no-repeat left top;
}
.twoColFixRtHdr #mainContent  #sect_header  h2.library {
	background: url(../images/community_icon.png) no-repeat left top;
}
.twoColFixRtHdr #mainContent #sect_header h2.gallery {
	background: url(../images/gallery_icon.png) no-repeat left top;
}
.twoColFixRtHdr #mainContent #sect_header h2.member {
	background: url(../images/member_icon.png) no-repeat left top;
}
.twoColFixRtHdr  #mainContent  #sect_header  h2.calendar {
	background: url(../images/cal_icon.png) no-repeat left top;
}
.twoColFixRtHdr #mainContent #sect_header img {
	float: right;
	margin: 65px 0px 15px;
}

.twoColFixRtHdr #mainContent .section {
	background: url(../images/section_bk.png) no-repeat left bottom;
	width: 583px;
	margin: 15px 0px 10px;
	padding: 0px 0px 10px;
}

.twoColFixRtHdr #mainContent  .section h1 {
	background: url(../images/section_title_bk.png) no-repeat;
	height: 43px;
	padding-top: 8px;
	padding-left: 15px;
	margin: 0px;
	text-decoration: none;
	font: normal 32px Georgia, "Times New Roman", Times, serif;
	color: #003366;
}

.twoColFixRtHdr #mainContent .section h3 {
	padding: 15px 20px 0px;
	margin: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.twoColFixRtHdr #mainContent .section u {
	padding: 5px 0px 3px 0px;
	margin: 5px 20px;
	font-weight:normal;
	font-size:10px;
	text-decoration:none;
	color:#0099CC;
}
.twoColFixRtHdr #mainContent .section p {
	padding: 5px 0px 25px 0px;
	margin: 5px 20px;
	border-bottom: 1px dotted #999999;
}

.twoColFixRtHdr #mainContent #reader {
	margin-right: 20px;
	margin-left: 20px;
}
.twoColFixRtHdr #mainContent #reader h1 {
	margin-bottom: 0px;
	padding-bottom: 0px;
}


.twoColFixRtHdr #sect_welcome {
	margin: 0px 8px 15px 119px;
	padding: 15px 0px 0px;
	width: 464px;
}
.twoColFixRtHdr #sect_welcome h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	margin-top: 15px;
	font-weight: normal;
	color: #FF6600;
}
.twoColFixRtHdr  #mainContent  #data {
	margin: 0px 8px 15px 119px;
	padding: 15px 0px 0px;
	width: 464px;
}
.twoColFixRtHdr #mainContent #lister {
	margin: 0px 8px 15px 119px;
	padding: 15px 0px 0px;
	width: 464px;
}
.twoColFixRtHdr   #mainContent   #lister   li, .twoColFixRtHdr  #mainContent  #sect_news  li {
	padding-top: 3px;
	padding-bottom: 5px;
}


.twoColFixRtHdr #mainContent #sect_news {
	background: url(../images/sect_bk.png) no-repeat left bottom;
	width: 464px;
	padding-bottom: 10px;
	margin: 0px 8px 10px 119px;
}
.twoColFixRtHdr #mainContent #sect_news h1 {
	background: url(../images/sect_head_bk.png) no-repeat left top;
	height: 43px;
	padding-top: 8px;
	padding-left: 15px;
	margin: 0px;
	text-decoration: none;
	font: normal 32px Georgia, "Times New Roman", Times, serif;
	color: #003366;
}
.twoColFixRtHdr #mainContent #sect_news h3 {
	padding: 15px 15px 0px;
	margin: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.twoColFixRtHdr #mainContent #sect_news p {
	padding: 5px 20px;
	margin: 5px 0px;
}
.twoColFixRtHdr #mainContent #sect_news  p.break {
	border-bottom: 1px dotted #999999;
	margin-right: 20px;
	margin-left: 20px;
}
.twoColFixRtHdr #mainContent #sect_news #workgal {
	display: block;
	padding: 15px;
}

.twoColFixRtHdr #mainContent #galleria {
	margin: 15px 8px 15px 119px;
	padding: 15px 0px 0px;
	width: 464px;
	display: block;
}
.twoColFixRtHdr #mainContent #galleria .gally {
	border: 1px solid #DDDDDD;
	margin-top: 5px;
	margin-bottom: 15px;
	padding: 6px;
	height: 100px;
	cursor: pointer;
}
.twoColFixRtHdr #mainContent #galleria .gally:hover {
	background: #FFE6CC;
}

.twoColFixRtHdr #mainContent #galleria .gally strong {
	font: 18px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0px;
	color: #0066CC;
}
.twoColFixRtHdr #mainContent #galleria .gally img {
	margin-right: 15px;
}

.twoColFixRtHdr #mainContent #gal_thumbs {
	margin: 15px 8px 15px 119px;
	padding: 15px 0px 0px;
	width: 464px;
	display: block;
}
.twoColFixRtHdr #mainContent #gal_thumbs .thumb {
	margin: 1px;
	padding: 5px;
	float: left;
}
.twoColFixRtHdr #mainContent #gal_thumbs .thumb a {
	margin: 0px;
	padding: 0px;
	color: #CCCCCC;
	text-decoration: none;
	border: none;
}
.twoColFixRtHdr #mainContent #gal_thumbs .thumb img {
	height: 100px;
	width: 100px;
	border: 2px solid #CCCCCC;
}





.twoColFixRtHdr #footer {
	padding: 0;
	border-top: 1px solid #CCCCCC;
	margin-right: 40px;
	margin-left: 40px;
} 
.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align: center;
	color: #999999;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}



/*Tool tips styles*/
.tool-tip {
	color: #fff;
	width: 150px;
	z-index: 13000;
}
 
.tool-title {
	font-size: 11px;
	margin: 0;
	padding: 30px 8px 0px;
	background: url(../images/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 10px;
	background: url(../images/bubble.png) left bottom;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}
.twoColFixRtHdr #mainContent #data .thead {
	font-weight: bold;
}
.twoColFixRtHdr #mainContent #data .dat {
	font: 14px Georgia, "Times New Roman", Times, serif;
	border-left: 1px solid #999999;
	padding-left: 15px;
}
.twoColFixRtHdr #wideContent {
	padding-right: 40px;
	padding-left: 40px;
}
.twoColFixRtHdr #wideContent #sect_welcome {
	width: 100%;
	margin: 0px;
	text-align: center;
	padding: 0px;
}


.twoColFixRtHdr #wideContent table.list {
	width: 100%;
	font-size: 10px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.twoColFixRtHdr #wideContent .list td {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.twoColFixRtHdr #wideContent .list th {
	text-align: left;
	background: #CCCCCC;
}
#loginme #loginform {
	margin: 15px 0px 0px;
	padding: 0px;
	height: 250px;
	width: 500px;
	background: #3399CC;
}
#loginform img {
	float: left;
}

#loginform  form {
	width: 220px;
	margin-left: 225px;
	display: block;
	padding-top: 10px;
}