body,td,th {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height:12pt;

		}
body {
	background-color: #FBAACC;
	background-image: url(images/bg2.jpg);
}


	a {
	color:#6699cc;
	text-decoration:none;

}
a:hover {
	color:#3D3C2C;
	text-decoration:none;
}
#container-navigation {
	height: 29px;
	border-bottom: 0px solid #ffffff;
	padding:0 0 0 0;
	width:100%;
	background-image:url(images/scuala_20.gif);
	}

ul#navigation {
	margin: 0 0 0 0;
	padding: 0 0 0 0;

}


#navigation li {
	float:left;
	display: block;
	list-style: none;
	margin: 0 0 0 0;
	}




#navigation li a {
	color: #17945e;
	line-height: 29px;
	font-size: 11px;
	text-decoration: none;
	padding: 7px 9px 8px 9px;
	margin: 0 0 0 0;

}

#navigation li.active1, li.active1 a {
	color: #FFFFFF;
	background-image:url(images/nav.gif);	
	width: auto;
	margin: 0 0 0 0;

	}
		
		
#navigation li a:hover {
	background-image:url(images/nav.gif);
	color: #FFFFFF;
	width: auto;
	height:auto;
	background-repeat: repeat;
	margin: 0 0 0 0;

}






ul#menu
		{
	top: 112px;
	padding: 0 0 0 0;
	width: auto;
	height: 27px;
	list-style:none;
	margin: 0 0 0 0;
	border-right: 0px;
}

ul#menu li{
	float: left;
	height: 27px;
	padding: 7px 9px 8px 9px;
	text-align:center;
	margin-bottom: 0px;
	padding-bottom:0px;
}
		
ul#menu li.active{
	background-image:url(images/nav.gif);
	text-align:center;
	color:#ffffff;
	margin-bottom: 0px;
}

ul#menu li.active a{
	color:#ffffff;
}

ul#menu li a{
	display: block;
	float: left;
	font-family:Verdana, Tahoma;
	font-size:11px;
	color: #ffffff;
	text-decoration: none;
	height:27px;
	text-align:center;
	padding: 7px 9px 8px 9px;
}

ul#menu li a:hover{
	text-decoration:none;
	background-image:url(images/nav.gif);
	padding: 7px 9px 8px 9px;
	height:27px;
	text-align:center;
	color:#ffffff;
}


#list-menu {
	width: 164px;
}

#list-menu {
	width: 164px;
/* this width value is also effected by
the padding we will later set on the links. */
}

#list-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
} 

#list-menu li {
	border-bottom : 0px dotted #1C97FC;
	border-color : #1C97FC;
	width:164px;
	text-align:left;
	margin: 2px 0px 0px 0px;
} 

#list-menu a {
	display: block;
	width:auto;
	padding: 9px 30px 7px 10px;
	border: 0px solid #70bc23;
	background: #ffffff;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	color: #17945e;
	font-weight: bold;

} 

#list-menu a:link, #right-menu a:active, #right-menu a:visited {
	color: #17945e;
	font-weight: bold;
}

.list-menu a:active{
	background: #ffffff;
}

#list-menu a:hover {
	border: 0px solid #107802;
	color: #FFFFFF;
	background-image:url(images/bar.gif);
	color: #ffffff;
	font-weight: bold;
} 











nav-content {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color:#404040;
		line-height:12pt;
		text-align:justify;
		}
		
.contentbox {
	background-color:#ffffff;
	border:1px solid #E0DFDF;
	margin:2px 2px 2px 2px;
	padding:5px 5px 5px 5px;
	
	}
.contentbox-email {
	background-color:#ffffff;
	border:0px solid #E0DFDF;
	margin:2px 2px 2px 2px;
	padding:5px 0px 5px 0px;
	height:100%;
	width:155px;
	
	}


.contentbox-pic {
	background-color:#F4F4F4;
	border:1px solid #E0DFDF;
	margin:2px 2px 2px 2px;
	padding:5px 5px 5px 5px;
	}	

.album-detail {
	font-size:80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}	
	
.album-thumb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#333333;
	font-size:80%;
	}	
	
.album-title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #17945E;
	}	
		
.search-bar {
	float:right;
	position:relative;
	bottom: 10pt;
	margin-left: 2pt;
	}


.nav-top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
}

.nav-slogan {
	color: #553942;
	font-size: 10px;
	line-height:9pt;
	}

.nav-search-text {
	color: #17945e;
	font-size: 11px;

	}
.email {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		color:#17945E;
		line-height:18pt;
		font-weight:bold;
		
		}
.us {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		color:#E17BA6;
		line-height:18pt;
		font-weight:bold;
		}
		
#pik a img { 
		border: 5px solid #ddd;
		}
		
#pik a:hover img {
		border: 5px solid #A1C7D2;
		}	


.img { 
		border: 1px solid #ddd;
		}



#right-menu {
	width: 155px;
}

#right-menu {
	width: 155px;
/* this width value is also effected by
the padding we will later set on the links. */
}

#right-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
} 

#right-menu li {
	border-bottom : 0px dotted #1C97FC;
	border-color : #1C97FC;
	width:155px;
	text-align:left;
	margin: 2px 0px 0px 0px;
} 

#right-menu a {
	display: block;
	width:auto;
	padding: 9px 30px 7px 10px;
	border: 0px solid #70bc23;
	background: #ffffff;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:10px;

} 

#right-menu a:link, #right-menu a:active, #right-menu a:visited {
	color: #17945e;
}

.right-menu a:active{
	background: #ffffff;
}

#right-menu a:hover {
	width:auto;
	text-align:left;
	color: #FFFFFF;
	background-color:#EB88B2;
	color: #ffffff;
} 





.style3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0099FF;
}
.style6 {color: #EAEAEA}
.style29 {	color: #17945e;
	font-weight: bold;
}
.style30 {color: #17945e}



.style11 {color: #000099; font-weight: bold;}
.style14 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.style16 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.style33 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; }
.style36 {font-size: 10px; color: #666666;}
.style37 {color: #000000}
.style38 {
	font-size: 12px;
	color: #000000;
}
.style40 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
.style44 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; }
.style46 {color: #553942}
.style47 {color: #CC83BE}
.style50 {
	color: #685259;
	font-size: 12px;
}
.style51 {
	font-size: 14px;
	font-weight: bold;
	color: #17945E;
}
.style52 {color: #7AC2A3}

.memberlisting {
	width:95%;			/* Width of right column content (column width minus padding on either side) */
	padding:10px 10px 10px 10px;
	background-color:#FFFFFF;
	font-size:12px;
	border:1px solid #DCDAC2;		
	margin:5px 0 0 0;		/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left 
and right padding) plus (right column left padding) */
}

.contentred {
	width:95%;			/* Width of right column content (column width minus padding on either side) */
	padding:10px 10px 10px 10px;
	background-color:#fbeef1;
	border:2px solid #feabb9;		
	margin:5px 0 0 0;	
	font-size:12px;
	color:#7e4f47;/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
.memberlistdel    { float: left; margin-right:5px;  margin-top:2px; background-color:#eaeaea; border:#cacaca solid 1px; padding:2px; color:#FFFFFF;  font-size:10px;}
.memberlistupd    { float: left; margin-right:5px;  margin-top:2px; background-color:#c2edff; border:#0b74a0 solid 1px; padding:2px; color:#FFFFFF;  font-size:10px;}

legend   { font-size: 12px; color:#b4004e; padding-top:0px;}
 
.contact ul { margin: 0; padding: 0; list-style: none; width: 480px;}
.contact li { margin: 0; padding: 5px 0; clear: both; list-style: none;}
.contact input    { float:right; margin-right:0px; background-color:#fff; border:#b2d9e7 solid 1px; width:200px; padding:5px; height:23px;}
label    { float:left; display:block; }
.pagenumber-active   { color:#044a70; border:#b2d9e7 solid 1px; font-size:10px; padding:2px 4px 2px 4px; margin-right:2px;}
.pagenumber-link   { color:#044a70; border:#b2d9e7 solid 1px; font-size:10px; padding:2px 4px 2px 4px; background-color:#ef4129;  color:#fff;  margin-right:2px;}


.paginate {
font-family:Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 3px;
	font-size:10px;
	font-weight:bold;
}

.paginate a {
	padding:1px 5px 1px 5px;
	margin:2px;
	border:1px solid #027e8c;
	text-decoration:none;
	background-color:#268eb8;
	color: #fff;
}
.paginate a:hover, .paginate a:active {
	border: 1px solid #999;
	background-color:#009aac;
}
.paginate span.current {
    margin: 2px;
	padding: 1px 5px 1px 5px;
		border: 1px solid #c13135;
		
		font-weight: bold;
		background-color: #f44b4b;
		color: #FFF;
	}
	.paginate span.disabled {
		padding:2px 5px 2px 5px;
		margin:2px;
		border:1px solid #eee;
		color:#DDD;
	}
	
.workplanslist {
	width:95%;			/* Width of right column content (column width minus padding on either side) */
	padding:10px 10px 10px 10px;
	background-color:#fefefe;
	border:2px solid #ddd;		
	margin:5px 0 0 0;	
	font-weight:bold;
	font-size:14px;
	color:#afa;/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
.workplandate {

	font-size:9px;
	color:#000;
	font-weight:normal;/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}