/* zazz template css stylesheet */

body {
 
font-family:Helvetica,Arial,sans-serif;
	font-size: .8em;
	margin: 10px;
	padding: 0;

	text-align: center;
	background-image: url('../images/background.png');
	color: Darkgreen;
	

	

		
}

h1
{
color: Darkgreen;
}

ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
li {	
	
	margin: 0px;
}

a {
	text-decoration: none;
	color: Darkgreen;
	font-weight: bold;
}
a:hover{
	color: lightGreen;
	text-decoration: underline ;
}

.clearpic {font-size: 1px; height: 1px} 
#outsideContainer{
	
	padding-top:0;
	margin-left: auto; 
	margin-right: auto;
	width: 952px;
    background-color:white;


}

 #banner {
	position: relative;

	float: left;

background-color: transparent;
	margin-top: 5px;
	padding-bottom: 5px;

}


/* fix IE 6: improperly positioning 
'subscribe' and 'about us' links in banner */
* html #banner {
	height: 1px;
}
#messagearea{
	clear:both;
	text-align:left;	

	background-color:white; 
	font-size:12px;
width: 100%;
	margin-left:auto;
	margin-right:auto;
}

#topmenu{
	clear:both;
	text-align:left;	
padding-top:5px;
	background-color:white; 
	font-size:16px;
	font-weight:bold;
	height:38px;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
background-image: url('../images/menubak.png');]
background-repeat: repeat-x;

}



#topmenu a{
font-size:18px;

height:28px;
padding-left:15px;
padding-right:15px;
color: #336699;
color: black;
}


#topmenu a:hover {
	text-decoration: none;
	color: #CCCCCC;

	
}
body .topmantle{
width: 100%;
margin-top: 10px;
padding-bottom: 10px;
margin-right: auto; 
margin-left: auto;


}

.frontAnnouncement
{
font-size:22px;
text-align: left;
font-weight: bold;
	color: #000066;
margin-bottom:10px	;
margin-top: 5px;
margin-left: 5px;

}
#mainbody{
width: 560px;
margin-left: 10px;
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 10px;
border:1px solid LightGray;
font-size:16px;
	font-weight:bold;
position: relative; 
float: left;
text-align: center;

}
body .mainbody1 {
width: 560px;
margin-left: 10px;
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 10px;
border:1px solid LightGray;

position: relative; 
float: left;
text-align: center;

}

.createdate {
	height: 20px;
	vertical-align: top;
	font-size: .90em;
	color: #999;
	font-weight: normal;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 0px;

}
/* small text */
.small {
	font-size: .90em;
	color: #999;
	font-weight: normal;
	text-align: left;
}
.contentheading {
	padding: 0;
	font-family: Arial, Helvetica,sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	vertical-align: bottom;
	color: #336699;
	text-align: left;
	width: 100%;
}


#mainbody .heading{

text-align: left;

margin-bottom: 5px;
width: 100%;
	background-color: #336699;
color: white;	
font-size:1.2em;
   height: 25px; 
   padding-top:4px;
}
#mainbody .inside{
width: 95%;
margin-right: auto; 
margin-left: auto;
color:#336699;
font-weight: normal; 
font-size: 14px;

}

#mainbody .title{
width: 90%;
margin-right: auto; 
margin-left: auto;
color:#336699;
border-bottom:1px solid LightGray; 
text-align: left; 
margin-bottom: 2px;

}
body .leftpart{

width: 320px; 
position: relative;
float:left;
background-color: white; 
margin-left: 5px;
}
body .rightpart{
	width: 720px; 

	position: relative;
	float: left;
	border-left:1px solid LightGray;
	text-align: left;
	line-height: 1.5em;
	margin-bottom: 10px;

	
}
#rightpart .headerInside{
	width: 100%; 
	text-align:left;
	font-weight: bold;
   background-color:#336699;
   color: white;
   font-size:1.2em;
   height: 25px; 
   padding-top:4px;

   margin-bottom: 2px;

}


body .rightpart .col   {
	text-align: left;
	width:45%;
	margin-bottom: 5px;
	float:left;
	position: relative;
	padding-left: 10px;

		
}

body .rightpart  a{

font-weight:normal;

}
 
.bc{
width: 100%; 
text-align: left;
margin-top: 5px;
margin-left: 10px;


}


.rightpart .component
{
position: relative;
width: 98%;

float: left;
height: 100%;
background-color: #FFFFFF;
text-align: left;
	font-size: 12px;
	padding-left: 5px;
	
	
}
* fix IE 6: improperly positioning 
'subscribe' and 'about us' links in banner */
* html #component {
	text-align: center;
}

.topmantle1{
width: 100%;
margin-top: 10px;
padding-bottom: 10px;
background-color:white;
margin-right: auto; 
margin-left: auto;


}


.sidemenu
{
position: relative; 
float: left; 
width:230px;
background-color: white;
line-height: 1.5em;
min-height: 1000px;

text-align: center;
}

.sidemenu .inside
{
	text-align: left;
	width: 90%; 
	margin-right: auto; 
	margin-left: auto;
	
}
.sidemenu .heading
{
font-weight: bold; 

text-align: left;
 background-color:green;
   color: white;
border-top:3px solid lightGreen;
	border-bottom:3px solid lightGreen;
	
	position: relative;
}

.sidemenu h3
{
font-weight: bold; 
margin-bottom: 2px;
font-size:14px;
padding:4px 5px;
   background-color:Green;
   color: white;
   text-align: center;
   	border-top:3px solid lightGreen;
	border-bottom:3px solid lightGreen;

}
.sidemenu a{
color:Darkgreen;	
text-decoration: none;
font-size: 1em;

}

a:hover{
color: lightGreen;
text-decoration: underline;

}

#footerInfo{
clear: both;
	max_width: 1000px;
	color: #FFFFFF;
	position: relative;
	margin-bottom: 20px;
	padding-top: 20px;
	font-size: .8em;
	text-align:center;
	font-weight: bold;
	background-color:#336699;
background-color: green;
	padding-bottom: 20px;
	
	text-align: center;
}
#footerInfo .inner{
	width: 80%;
	margin-left: auto; 
	margin-right: auto; 
	
}
#footerInfo ul{
margin-right: auto; 
	margin-left: auto;
width: 35%;
}
#footerInfo li{
list-style-type:circle ;

	
}
#footerInfo a{
color: yellow; 
text-decoration:none;
}

#footerInfo a:hover{
color: white;
text-decoration:underline;
}


.messageDisplay{
	color: #336699;
	font-weight: bold; 
	font-size: 1.5 em; 
	padding:5px;
	text-align: center; 
	width: 100%; 
	clear: both;
	line-height: 1.8em; 
	}
#system-message dl { margin: 0; }	
#system-message    { margin-bottom: 0; padding: 0;}
#system-message dd ul { color: white; margin-bottom: 0px; list-style: none; padding: 10px; border-top: none; border-bottom: none;}
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border: none; font-size: 1.5em; height: 1.5em; padding: 0; margin: 0;}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background-color: #E6C0C0; border: none; font-size: 1.5em; height: 1.5em; padding: 0; margin: 0;}
ul.pagination {
list-style-type:none;
margin:0;
padding:0;
text-align:left;
}

ul.pagination li {
display:inline;
padding:2px 5px 0;
text-align:left;
}

ul.pagination li a {
padding:0;
}

#abovefooter{

clear:both;
width: 90%;
margin-left: auto; 
margin-right: auto;
text-align: center;



margin-bottom: 10px;
	padding-top: 20px;
}
#abovefooter h2{
	color: red;
	
}



.bl {background: url(../images/bl.gif) 0 100% no-repeat #FFFFFF;  }
.br {background: url(../images/br.gif) 100% 100% no-repeat}

.tl {background: url(../images/tl.gif) 0 0 no-repeat }
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:10px}
.clearpic {font-size: 1px; height: 1px} 

.redline{
width: 100%; 
height: 4px;

color: white;
border-top:4px solid red;
 
clear:both;
margin-left: auto; 
margin-right: auto;
text-align: center;

}
table.contentpaneopen, table.contentpane {
	margin: 0;
	padding: 0;
	width: 100%;
}

table.contentpaneopen li {
	margin-bottom: 5px;
}

table.contentpaneopen fieldset {
	border: 0;
	border-top: 1px solid #ddd;
}

table.contentpaneopen h3 {
	margin-top: 25px;
}

table.contentpaneopen h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}
.componentheading, table.moduletable th, legend {
  margin: 0;
  font-weight: bold;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 1.5em;
  padding-left: 0px;
	margin-bottom: 10px;
	text-align: left;
}

.gridCellFrontnb
{
	width: 175px !important;
}
.teasertext {
color: Darkgreen !important;
}
