/* CSS Document */

/*color chat*/
/*
Top Blue : 272A3D
Red : FF0A09
right column : F2DDC0
left Column: CCCFE0
*/

body{
background:#E5E5E5 url(images/imani_school_main_bg.gif) repeat-y center top;
background-color: #E5E5E5;
padding: 0;
margin: 0 ;
font-family: verdana, sans-serif;
font-size: 11px;
line-height: 14px;
color: #272A3D/*#5A9E31*/;
}

h2{
font:bold 16px Arial,Tahoma,Verdana;
padding:3px;
border-bottom:4px groove #00b;
text-transform:uppercase;
}

h3{
font:bold 15px Georgia,Arial ,Tahoma,Verdana;
padding:3px;
color:#00b;
border-bottom:1px dashed #00b;
}

h4{
font:bold 12px Arial,Verdana,Tahoma;
padding:3px;
margin:3px 0 3px 0px;
border-bottom:1px dotted #006;
}

th{
background:#EBCA9C/*#CBC0A3*/;
border:1px solid #E3DECE;
text-align:left;
}

a:hover{
color:red;
}

#maincontainer{
width: 760px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background:#fff;
}

#banner{
background:#FFFFFF url(images/imani_school_web_header.jpg) no-repeat center top;
width:auto;
height:212px;
padding:0;
margin:0;
}

#banner span{
display:none;
}

#breadcrumb{
width:760px;
height:20px;
background:#FFFFFF url(images/imani_school_bread_crumb.jpg) no-repeat center top;
padding:4px 0 0 0;
margin:0;
}

#breadcrumb .backward{
font:normal 11px Arial, Helvetica, sans-serif;
margin-left:180px;
width:auto;
padding:0;
}

#breadcrumb .links{
border-bottom:1px solid #EEE;
width:400px;
display:block;
text-align:right;
}

#breadcrumb .date{
	margin-left:400px;
	width:140px;
	float:left;
}

#contentwrapper{
float: left;
width: 100%;
background:#fff url(images/imani_school_web_body_bg.jpg) repeat-y center top;
min-height:400px;
}

/* Telling IE to behave like a good browser\*/
* html #contentwrapper{
height:400px;
}

#contentcolumn{
margin: 0 160px 0 160px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

.innertube{
margin:4px;
padding:0 8px 5px 13px;
}

#leftcolumn{
float: left;
width: 160px; /*Width of left column in pixel*/
margin-left: -760px; /*Set margin to that of -(MainContainerWidth)*/
}

#rightcolumn{
float: left;
width: 160px; /*Width of right column*/
margin-left: -160px; /*Set left margin to -(RightColumnWidth)*/
}


.suckerdiv{
font:normal 11px Verdana;
}

.suckerdiv ul{
margin: 0;
margin-left:4px;
padding: 0;
list-style-type: none;
width: 150px; /* Width of Menu Items */
text-align:left;
}
	
.suckerdiv ul li{
position: relative;
background:url(images/dotline_horizontal_blu.gif) repeat-x bottom left;
padding-left:0;
}
	
/*1st level sub menu style */
.suckerdiv ul li ul{
left: 146px; /* Parent menu width - 1*/
position: absolute;
min-width:140px;
width: 150px; /*sub menu width*/
top: 0;
background:#cccfe0;
border:1px solid #aaa;
border-bottom:2px solid #000060;
display: none;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul{ 
left: 159px; /* Parent menu width - 1*/
}

/* menu links style */
.suckerdiv ul li a{
display: block;
color: black;
text-decoration: none;
padding:3px;
}

.suckerdiv ul li a:visited{
color: black;
}

.suckerdiv ul li a:hover{
color:#ff0000;
}

.suckerdiv .subfolderstyle{
background: url(images/arrow-list_red.gif) no-repeat center right;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

.img{
border:2px ridge #ccc;
/*border-bottom:2px groove #EEE;*/
background:#eee;
padding:3px;
margin:4px 0 4px 4px;
float:right;
}

.img span, .img2 span{
display:block;
clear:both;
background:#ccc;
margin-top:2px;
padding:2px;
font-size:80%;
}

.img2{
border:2px ridge #ccc;
/*border-bottom:2px groove #EEE;*/
background:#eee;
padding:3px;
margin:4px 4px 4px 0;
float:left;
}

.img3{
border:2px ridge #ccc;
/*border-bottom:2px groove #EEE;*/
background:#eee;
padding:3px;
margin:4px 1px 4px 0;
}

.section, .relatedLinks{
width:155px;
margin:0 0 10px 2px;
border-bottom:1px solid rgb(203,192,163);
min-height:50px;
background:rgb(245,230,207);/*#F2DDC0#E3DECE#D9D0BB#D9D1BC*/
}

.section .header, .relatedLinks .header{
background:#EBCA9C;/*rgb(235,202,156)#CCCFE0#CBC0A3rgb(203,192,163);*/
text-align:center;
padding:2px;
font:bold 10px Verdana, Helvetica, sans-serif;
}

.section .menu, .relatedLinks .menu{
list-style-type: none;
margin: 0;
padding: 0;
font-size:11px;
}

.section .more{
width:150px;
margin: 5px 0 0 0;
padding: 2px;
text-align:right;
}

.section .menu li a, .relatedLinks .menu li a{
color:blue;
display: block;
padding: 1px 2px 1px 3px;
text-decoration: none;
}

* html .section .menu li a, .relatedLinks .menu li a{ /*IE only. Actual menu width minus left padding of LINK */
width: 150px;
}

.section li a:hover, .relatedLinks li a:hover{
text-decoration: underline;
color:#FF0000;
}

.relatedLinks{
float:left;
margin:0 5px 5px 0;
clear:none;
}

.relatedLinksV2{
margin:3px 0 5px 0;
border:1px solid #eee;
padding:2px;
}

.relatedLinksV2 .header{
background:#EBCA9C;
padding:3px;
margin:0 5px 0 0;
}

.error{
color:red;
padding:4px;
border:1px solid red;
text-align:left;
background:#FFFF99;
}

.ok{
color:black;
padding:4px;
border:1px solid green;
text-align:left;
}

input, select,textarea{
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
background:#EEE;
border:1px solid #AAA;
}

.center{
text-align:center;
}

.m4{
margin:4px;
}

.white, .login{
background:#fff;
border:1px solid #E3DECE;
}
.gray{
background:#E3DECE;
border:1px solid #fff;
}



.disabled, .disabled a{
background:#EEE;
color:#CCC;
}

#footer{
clear:both;
width:760px;
background:#eee url(images/imani_school_web_footer_bg.jpg) no-repeat center top;
margin:0 auto;
padding-top:10px;
border-bottom:2px solid #DADADA;
text-align:center;
line-height:15px;
}

#footer span{
display:block;
padding:3px;
}

#photolist img {
  padding: 5px;
  border: 0;
  border: 1px solid #e6e6df;
  margin: 5px 2px 6px 2px;
}

/*#galleries img{
height:125px;
}*/

#galleries div{
	padding : 5px;
	margin:5px 4px 4px 0;
	border:1px solid #ccc;
	text-align:center;
}

#galleries div span{
diaplay:block;
}

#galleries2{
border-bottom:1px solid #ccc;
padding-bottom:5px;
margin-bottom:10px;
}

#galleries2 a{
margin: 0 3px 0 3px;
}

.pagenumbers{
	margin:5px 0 5px 0;
	text-align:right;
	padding:4px;
	background:#eee;
	clear:both;
	border:1px solid #CCCCCC;
}
.pagenumbers span{
background:#CCC;
padding:5px;
}


.photogallery{ /*CSS for TABLE containing a photo album*/
}

.photogallery img{ /*CSS for images within an album*/
	border: 1px solid green;
}

.photonavlinks{ /*CSS for pagination DIV*/
	font: bold 14px Arial;
}

.photonavlinks a{ /*CSS for each navigational link*/
	margin-right: 2px;
	margin-bottom: 3px;
	margin-top: 3px;
	padding: 1px 5px;
	border:1px solid gray;
	text-decoration: none;
	background-color: white;
}

.photonavlinks a.current{ /*CSS for currently selected navigational link*/
	background-color: yellow;
}