@charset "utf-8";
/* CSS Document */

/* site layout 
index.html

-----------------------------------------------------------------
|							TOP LOGO							|
|																|	
-----------------------------------------------------------------
|							HEADER			|	   SEARCH		|
|																|	
|							TOP MENU	     					|
----------------------------------------------------------------- --
|																|	|
|							WELCOME								|	|----topMain
----------------------------------------------------------------- --
|					|											|   |
|	sidebar			|				content						|   |----middleMain
|---------------------------------------------------------------| --
|					|						|					|   |
|					|						|					|   |----bottomMain
----------------------------------------------------------------- --
|							BOTTOM MENU	     					|
|							FOOTER								|
|																|	
-----------------------------------------------------------------


pages.html
-----------------------------------------------------------------
|							HEADER			|	   SEARCH		|
|																|	
|							TOP MENU	     					|
-----------------------------------------------------------------
|				|												|
|	LEFTNAV		|												|
|				|					MAINCONTENT					|
|				|												|
|				|												|
|				|												|
|				|												|
|				|												|
-----------------------------------------------------------------
|							BOTTOM MENU	     					|
|							FOOTER								|
|																|	
-----------------------------------------------------------------
*/


/* TAGs definitions */


body{
	color : #FFFFFF;
	text-align: center;
	margin:auto;
	background-image:url(../images/back.gif);
	font-family: sans-serif;
	font-size: small;
	text-align:center;
}

p {
	margin:0px;
	padding:0px;
}

div { 
	
}

h1 {

}

h2 {

}

h3 {

}

a {
	color : #000000;
	text-decoration: underline;
	font-weight:bold;

}
a:hover {
	
	text-decoration: underline;
	font-weight:bold;
}

a:visited {
	text-decoration: none;
	font-weight:bold;
}

input {
	font:11px Tahoma; 
	color : #333333;
}


/* ID Definitions ----------------------------------------------------- */

#wrapper {
	margin:auto;
	width : 843px;
	text-align:left;
	
}

#bodyWrapper {
	background:#ffffff;
	
}

#toplogo {
	width:100%;
	height:51px;
	text-align : center;
}

#header {
	width:100%;
	height:88px;
	background:url(../images/headerbg.jpg) repeat-x top left;

}

#header span {
	float:right;
	width : 9px;
	height:88px;
	background:url(../images/header-right.jpg) no-repeat top left;
}

#logo {
	float:left;
	height : 88px;
}

#search{
	position:relative;
	top : 30px;
	right:10px;
	height : 23px;
	text-align:right;
}

#search label {
	font-family : trebuchet;
	font-size : 13pt;
	font-weight:bold;
	
}


#topMenu {
	background:url(../images/menubg.gif) repeat-x top left;
	height		: 31px;
	width:100%;
	text-align:center;	
	margin:0;	

}

#topMenu ul {
	margin		: 0;
	height		: 31px;
	list-style-type :none;

	
}

#topMenu ul li {
	float:left;
	height:31px;

}	

#topMenu ul li a {
	display:inline;
	float:left;
	height:31px;
	padding-left : 10px;
	padding-right: 10px;
}

a.menuHome:link {
	width : 88px;
	height: 23px;
	background:url(../images/menu-home.gif) no-repeat 0px 4px;
}

a.menuHome:visited {
	width : 88px;
	height: 23px;
	background:url(../images/menu-home.gif) no-repeat 0px 4px;
}	

a.menuHome:hover {
	background:url(../images/menu-home-hover.gif) no-repeat 0px 4px;
}	

a.active-menuHome {
	background:url(../images/menu-home-active.gif) no-repeat 0px 4px;
	width : 88px;
	height: 23px;
}	


a.menuProduct:link {
	width : 119px;
	height: 23px;
	background:url(../images/menu-product.gif) no-repeat 0px 4px;
}

a.menuProduct:visited {
	width : 119px;
	height: 23px;
	background:url(../images/menu-product.gif) no-repeat 0px 4px;
}	

a.menuProduct:hover {
	background:url(../images/menu-product-hover.gif) no-repeat 0px 4px;
}	

a.active-menuProduct {
	background:url(../images/menu-product-active.gif) no-repeat 0px 4px;
	width : 119px;
	height: 23px;
}


a.menuSystem:link {
	width : 79px;
	height: 23px;
	background:url(../images/menu-system.gif) no-repeat 0px 4px;
}

a.menuSystem:visited {
	width : 79px;
	height: 23px;
	background:url(../images/menu-system.gif) no-repeat 0px 4px;
}	

a.menuSystem:hover {
	background:url(../images/menu-system-hover.gif) no-repeat 0px 4px;
}	

a.active-menuSystem {
	background:url(../images/menu-system-active.gif) no-repeat 0px 4px;
	width : 79px;
	height: 23px;
}


a.menuReg:link {
	width : 100px;
	height: 23px;
	background:url(../images/menu-registration.gif) no-repeat 0px 4px;
}

a.menuReg:visited {
	width : 100px;
	height: 23px;
	background:url(../images/menu-registration.gif) no-repeat 0px 4px;
}	

a.menuReg:hover {
	background:url(../images/menu-registration-hover.gif) no-repeat 0px 4px;
}	

a.active-menuReg {
	background:url(../images/menu-registration-active.gif) no-repeat 0px 4px;
	width : 100px;
	height: 23px;
}


a.menuFAQ:link {
	width : 69px;
	height: 23px;
	background:url(../images/menu-faq.gif) no-repeat 0px 4px;
}

a.menuFAQ:visited {
	width : 69px;
	height: 23px;
	background:url(../images/menu-faq.gif) no-repeat 0px 4px;
}	

a.menuFAQ:hover {
	background:url(../images/menu-faq-hover.gif) no-repeat 0px 4px;
}	

a.active-menuFAQ {
	background:url(../images/menu-faq-active.gif) no-repeat 0px 4px;
	width : 69px;
	height: 23px;
}


a.menuContact:link {
	width : 95px;
	height: 23px;
	background:url(../images/menu-contactus.gif) no-repeat 0px 4px;
}

a.menuContact:visited {
	width : 95px;
	height: 23px;
	background:url(../images/menu-contactus.gif) no-repeat 0px 4px;
}	

a.menuContact:hover {
	background:url(../images/menu-contactus-hover.gif) no-repeat 0px 4px;
}	

a.active-menuContact {
	background:url(../images/menu-contactus-active.gif) no-repeat 0px 4px;
	width : 95px;
	height: 23px;
}


a.menuWebReport:link {
	width : 104px;
	height: 23px;
	background:url(../images/menu-webreport.gif) no-repeat 0px 4px;
}

a.menuWebReport:visited {
	width : 104px;
	height: 23px;
	background:url(../images/menu-webreport.gif) no-repeat 0px 4px;
}	

a.menuWebReport:hover {
	background:url(../images/menu-webreport-hover.gif) no-repeat 0px 4px;
}	

a.active-menuWebReport {
	background:url(../images/menu-webreport-active.gif) no-repeat 0px 4px;
	width : 104px;
	height: 23px;
}


#topMain {
	background:url(../images/topmainbg.gif) repeat-x top left;
	width:100%;
	height:215px;
	color:#FFFFFF;
}

#main {
	width:100%;	
	background:#FFFFFF;
	color :#000000;
}

#mainContent {
	#width:520px;
	width:530px;
	float:left;
	margin-top:1em;
	margin-bottom:1em;
	
}

#homeContent {
	padding:0;
	margin-top:1em;
	margin-bottom:1em;
}

#articles {
margin-top:1em;
	margin-bottom:1em;
	padding:0;
}

#sidebar {
	float:left;
	width:281px;
	padding:5px;
	background:#FFFFFF;
}

#pollTitle {
	/*background:url(../images/polltitle.gif) top left no-repeat;*/
	width:198px;
	
	font-family : Arial;
	font-weight:bold;
	font-size : 16pt;
	color:#000000;
	padding-top:0.5em;
	margin-right:1.5em;
	margin-left:0.5em;
	margin-bottom:0.5em;

}

#pollDesc {
	margin-top:0.5em;
	margin-right:1.5em;
	margin-left:1.5em;
	margin-bottom:1.0em;
}

#pollOption {
	list-style-type:none;
}

#ecalendar {
	width:200px;
	text-align : center;
	margin:0;
	
}

#ecalendarEvents {
}

#highlight {
	margin-top : 5em;
}

#banner {
	margin-top : 3.4em;
}

#bottomMain {
	clear:both;
	width:100%;
	border:1px solid;
	#margin:0;
	#padding:0px;
	
}

#bottomMain div#left {
	

	
	margin-left:9px;
	margin-right:0.25em;
	#margin-left:4px;	
	#margin-right:0.2em;
	margin-bottom:0.5em;
	padding:0;
	float:left;
	background:url(../images/bottomMain-left.jpg) no-repeat top left;
	width : 271px;
	height : 139px;
	
}

#bottomMain div#mid {

	margin-left:0.2em;
	margin-right:0.2em;
	#margin-left:0.2em;
	#margin-right:0.2em;
	margin-bottom:0.5em;
	float:left;
	background:url(../images/bottomMain-mid.jpg) no-repeat top left;
	width : 271px;
	height : 139px;
	
}

#bottomMain div#right {

	margin-left:0.25em;
	margin-right:0.5em;
	#margin-left:0.2em;
	#margin-right:0em;
	margin-bottom:0.5em;
	float:left;
	background:url(../images/bottomMain-right.jpg) no-repeat top left;
	width : 271px;
	height : 139px;
	#padding:0px;
	
}

#bottomMain p{
	margin:0;
	padding:0;
	clear:none;
	
}

#bottomMain p.title {
	padding-top : 10px;
	padding-left : 100px;
	font-family:Corbel;
	font-size:x-large;
	font-weight:bold;
	color:#000000;
}


#bottomMain div.content {
	/*border:1px solid;*/
	position:relative;
	top:10px;
	left:100px;
	
	color:#000000;
	font-size:9pt;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	width:160px;
	height:100px;
	
}

#bottomMain a {
	text-decoration:none;
}

#bottomMain a:hover {
	text-decoration:underline;
}

#bottomMenu {
	width:100%;
	clear:both;
	background:url(../images/bottommenubg.gif) repeat-x top left;
	height:28px;
}

#bottomMenu div {
	padding-top : 3px;
	padding-left : 0.8em;
}

#bottomMenu a {
	font-family : sans-serif;
	color : #FFFFFF;
	font-size : 8pt;
	font-weight:normal; 
}
#bottomMenu a:visited {
	font-family : sans-serif;
	color : #FFFFFF;
	font-size : 8pt;
	font-weight:normal; 
	text-decoration:underline;
}

#bottomMenu a:hover {
	font-family : sans-serif;
	color : #ffc001;
	font-size : 8pt;
	font-weight:normal; 
	text-decoration:none;
}

#bottomMenu span#right {
	float:right;
	background:url(../images/bottommenu-right.gif) no-repeat top left;
	width:9px;
	height:28px;
}

#bottomMenu span#left {
	float:left;
	background:url(../images/bottommenu-left.gif) no-repeat top left;
	width:9px;
	height:28px;
}

#footer {
	width:100%;
	clear:both;
	background:url(../images/footerbg.gif) repeat-x top left;
	text-align:left;
	height:63px;
	color : #000000;
	margin:0;
}

#footer span#Right {
	float:right;
	background:url(../images/footer-right.gif) no-repeat top left;	
	height:63px;
	width:9px;
}

#footer span#Left {
	float:left;
	background:url(../images/footer-left.gif) no-repeat top left;	
	height:63px;
	width:9px;
}

#footer div#content {
	font-size:9pt;
	font-family:Arial;
	padding-left:0em;
	padding-top:1em;
}

#footer div#content a {
	color:#000000;
	text-decoration:underline;
}


#contactText {
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	padding-left: 170px;
	padding-top : 42px;
}


#leftMenu {
	background:url(../images/leftmenu-top.gif) no-repeat top left;
	float : left;
	width : 220px;
	height: 100%;
	margin:1em;
}

#leftMenu ul {
	
	width:198px;
	clear:both;
	list-style: none;
	padding : 0;
	padding-top : 80px;
	padding-bottom : 10px;
	margin:0;
}

#leftMenu ul li {
	vertical-align:middle;
	text-align:right;
	margin : 4px;
	padding: 5px;
}

#leftMenu ul li a {
	cursor:pointer;	
}

#leftMenu ul li a:link {
	color : #000000;
}
#leftMenu ul li a:visited {
	color : #000000;
	text-decoration:underline;
}

#leftMenu ul li a:hover {
	color : #ffffff;
}

#leftMenu-bottom {
	background:url(../images/leftmenu-bottom.gif) no-repeat top left;
	top:9px;
	height: 9px;
	width : 220px;
}

.activeleftMenu{
	color : #ffffff;
}

#content {
	float : left;
	padding : 10px;
	color : #000000;
	font-family : Verdana;
	width:520px;

}

#breadcrumb {
	padding-bottom :5px;
	color : #666666;
}

#counter {
	
}


/* End of ID Definitions ----------------------------------------------------- */

/* CLASS Definitions -----------------------------------------------------*/
.orangeBox {
	background:url(../images/sidebar-large-top.gif) no-repeat top left;
	background-color:#ffbf00;
	width:271px;
	margin:5px;
	margin-bottom:1em;
	color:#000000;
	
}

.orangeBox-bottom {
	position:relative;
	top :9px;
	background:url(../images/sidebar-large-bottom.gif) no-repeat top left;
	width:271px;
	height:9px;

}

.orangeBoxTitle {

	font-family : Arial;
	font-weight:bold;
	font-size : 16pt;
	color:#000000;
	padding-top:0.5em;
	margin-right:1.5em;
	margin-left:0.5em;
	margin-bottom:0.5em;
	
}

.orangeBoxContent {
	margin-top:0.5em;
	margin-right:1.5em;
	margin-left:1.5em;
	margin-bottom:1.0em;
}

.topMenuTitle {
	background:url(../images/smallgreenbox.gif) no-repeat 0 15px;
	padding-top : 10px;
	padding-left : 10px;
	margin : 0;
}

.searchText {
	width : 110px;
	margin:0;
	padding:3px;

}	

.searchButton {
	position :relative;
	top : 7px;
}

.headline {
	background:url(../images/welcome-pic.jpg) no-repeat top right;
	width:100%;
	height:214px;
}


.headlineTitle {
	background:url(../images/welcome-text.jpg) no-repeat top right;
	width:203px;
	height:62px;
	padding-left: 290px;
}

.headlineDesc {
	font-family:sans-serif;
	font-size   : small;
	font-weight: normal;
	color:#000000;
	width : 476px;
	height : 130px;
	padding-top:1em;
	padding-left:1em;
	padding-right:1em;
	padding-bottom:0em;
}

.section{
	padding-top : 2em;
	padding-bottom:2em;
}

.sectionHeader {
	color:White;
	font-family:Georgia;
	font-size:14pt;
	text-align : left;
	padding:4px;
	margin-top : 1em;
	margin-bottom : 1em;
	background-color:#7cb81e;
}

.sectionHeaderRed {
	color:White;
	font-family:Georgia;
	font-size:14pt;
	text-align : left;
	padding:4px;
	margin-top : 1em;
	margin-bottom : 1em;
	background-color:#d01717;
}

.sectionHeader2 {
	color:White;
	font-family:Georgia;
	font-size:14pt;
	text-align : left;
	padding:4px;
	margin-top : 1em;
	margin-bottom : 1em;
	background-color:#b6e32d;
}



}

.slidePic {
	float : left;
	padding : 5px;
	background:#fbfafa;
	border : 1px solid #CCCCCC;
}

.pageTitle {
	
	font-family: "Arial";
	font-size : xx-large;
	font-weight: bold;
	color : #ffa200;
	line-height:1.1;
	padding-bottom : 0.5em;
}

.pageInfo {
	font-family : Verdana;
	font-size : small;
	color : #7CB81E;
	padding-bottom:10px;
	
}

.pageContent {
	font-family : Verdana;
	font-size : small;
	color : #000000;
	padding-bottom:10px;
}

.event {
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
}
.eventTitle{
	font-size:10pt;
	font-family:Sans-serif;
	font-weight:bold;
	color : #000000;
	
}

.eventDesc {
	font-size : 8pt;
	color:#FFFFFF;
}

.bannerPic {
	margin-left : 0.5em;
	margin-right: 0.5em;
	margin-top : 0.7em;
	margin-bottom: 0.2em;
	padding:2px;
	background:#fbfafa;
	border:1px solid #ACACAC;
}

.searchResults {
	clear:both;
	padding : 1em;
	
	
}

.searchResPic {
	float :left;
	padding : 1em;

}

.searchResContent {
	float:left;
	
	
}


.searchResTitle{
	font-size:10pt;
	font-family:Georgia;
	font-weight:bold;
	color : Red;
}

.searchResDesc {
	color : #000000;
}

.searchResInfo {
	color : #666666;
}

.keyword {
	color : #FFFFFF;
	background:#ffa200;
	padding:2px;
}

.no-image{
	padding:2px;
	background : #E0F9BF;
}

.horLineOrange {
	width:100%;
	color : #ffbf00;
	background-color:#ffbf00;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}


/*
WEB REPORTING related
*/
#webReport {
	width:500px;
	text-align:center;
	margin:2em;;
	
}

form.webReportForm {
	padding-top : 0;
	margin:0;
}

form.webReportForm ul{    
	list-style:none;  
	margin:0;
	padding:0;
	margin-top:5px;
	
}

form.webReportForm ul li{    
	display:block;  
	float:left;  
	width:100%;  
	height:1%;
}

form.webReportForm ul li label{    
	float:left;  
	padding:7px;
}

form.webReportForm ul li input, ul li textarea{    
    float:right; 
    margin-right:10px; 
    border:1px solid #ccc; 
    padding:3px; 
    font-family: Georgia, Times New Roman, Times, serif; 
    width:60%;
}

form.webReportForm li input:focus, form.webReportForm li textarea:focus{
    border:1px solid #666; }
/*
end of WEB REPORTING related
*/


/*
ARTICLE  LIST related
*/



.article {
	clear:both;
	background:url(../images/articleback.gif) top left no-repeat;
	width:100%;
	height:172px;
	
	
}

.articlePic {

	float:left;
	padding-right:1em;
	padding-left:1em;
}

.articleTitle {
	font-family:"Trebuchet MS";
	font-size:16pt;
	font-weight:bold;
	color:#000000;
	margin:0;
	padding-left:10px;
	padding-top:5px;
}

.articleTitle a:link {
	color:#000000;
	text-decoration:none;
	
}

.articleTitle a:visited {
	
	color:#000000;
	text-decoration:none;
}

.articleTitle a:hover {
	
	color:#c80909;
	text-decoration:underline;
}



.articleDesc {
	color:#666666;
	font-weight:normal;
	padding-left:1em;
	padding-right:1em;
	font-family:"Ms Sans Serif";
	font-size:9pt;
	color:#000000;	
}

.articleDate{
	color:#c80909;
	font-weight:bold;
	font-family:"Trebuchet MS";
	font-size:10pt;
	padding-left:10px;
}

.articleLink{
	font-family:"Ms Sans Serif";
	font-size:9pt;
	color:#ff7200;
	text-decoration:underline;
}

/* end of ARTICLE LIST related 
*/
/* End of CLASS Definitions -----------------------------------------------------*/