body {
	margin:0; padding:0; font-size:11pt;line-height:180%;color: #FFFFFF;
	font-family: georgia, times, "Times New Roman",garamond,serif;
	 background:#f2f2f2 url(../../images/backgrounds/GreenArt_bg.gif) center center fixed;
  -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;
  background-size: cover;
/* Convinience for IE to stretch the image as well */
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/backgrounds/GreenArt_bg.gif', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/backgrounds/GreenArt_bg.gif', sizingMethod='scale')";
	
/*  background:#f2f2f2 url(../../images/backgrounds/siteBG.png) repeat;
	greydots.png greydots.jpg  */
}
em{ font-size:10px; }
h1, h2, h3 { margin:0px 5px;	padding: 0;	font-weight: normal;	}
h1 {	font-size: 2em;	} hr {	border: 2px outset /* #c2c2c2 */;	margin:10px auto; clear:both;}
h2 { font-size: 2.4em; }/*  h3 {	font-size: 1.4em;	} */
p, ul, ol {	margin-top: 0;	line-height: 180%;	} 
a:link{ text-decoration: none;color: #900;	} img{border:transparent;}
a:link img{ text-decoration: none; border:transparent;}
a:visited {color:blue}
#wrapper { 
	width:980px;position:relative; margin:7px auto;padding:0px 3px;	
	z-index:6; display:block; overflow:hidden;
}
/* Header */

#header {
	clear:both;width:980px;height:180px;margin:auto;padding:0px;position:relative;
	display:block;overflow:hidden;border-radius:10px;
	-moz-border-radius:10px;-o-border-radius:10px;-webkit-border-radius:10px; 
	/* img03.jpg border-radius:0px 0px 20px 20px; */
}

#contact_no {
	 padding:3px; font-weight:bold; float:left; margin:0px; color:#300;font-size:20px;
	 -moz-border-top-radius:5px 5px 0px 0px; -webkit-border-top-radius:5px 5px 0px 0px; 
	 border-radius:5px 5px 0px 0px; overflow:hidden;
}
#contact_no img{ text-decoration:none;border:transparent;
animation: rotate1 5s;
  -webkit-animation: rotate1 5s;
  animation-iteration-count:infinite;
  -webkit-animation-iteration-count:infinite;
  animation-direction:alternate;
  -webkit-animation-direction:alternate;
  transform-origin: 50% 50%;
}
/* Logo */

#logo {	margin:0px;float:left;padding: 0px 0px 0px 40px;color: #000;	} 
#logo h1, #logo p {	margin: 0px;	padding: 0px;	}
/* #logo h1 {	padding-top: 90px;letter-spacing: -1px;text-transform: capitalize;	
font-size: 4.8em; } */

#logo p {
	margin:0; padding:0px 0 0 0px; font:normal 20px Georgia, "Times New Roman", Times, serif;
	font-style:italic; color: #FFF;
} 
#logo a {	border: none;	background: none;	text-decoration: none;}

/* Menu */

#menu {	width:980px; margin:auto;text-align:center;padding:5px 0px;
	position:relative;/*background:#fff url(../../images/backgrounds/greydots.png) repeat;  */
	border-radius:10px; -o-border-radius:10px; -moz-border-radius:10px;
	-webkit-border-radius:10px;
	
/* height: 31px; background: url(../../images/backgrounds/img02.jpg) no-repeat left top; */ }

/* #menu ul {	float: right; margin: 0;	padding: 0px;	list-style: none;	line-height: normal;  }
#menu li {	float: left;	}
 */
#menu a {/* display: block;	height: 30px; margin-right: 1px;	*/	
	padding: 0px 5px 0px 5px; text-decoration: none;text-align: center;	
	text-transform: uppercase;	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;	color: #333; border: none; line-height:200%;
}

#menu h3{ font-size:22px; }
#menu  a img{ margin:auto 2px;width:20px;height:15px;text-decoration:none;
border:transparent; }
/*............. Page ....................*/

#page {/* background:#fff url(../../images/backgrounds/bluebottom.jpg) no-repeat left bottom; */
	background:#fff; float:left; width:980px; margin:auto; padding:10px auto;  
	position:relative; color:#555; border-bottom:4px solid #9cc;
	border-radius:10px; -o-border-radius:10px; -moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#page-main {  font-size:16px;
 color:#333; float:left; width:640px; margin:auto; padding:0px 3px;
 min-height:900px;	height:auto; border-radius:10px;  overflow:hidden;
}
table { font-size:13px;}
/*.......... Sidebar ................ */

#sidebar { 
	min-height:800px; float:right;width:320px;margin:auto 4px; padding:10px 2px; 
	 overflow:auto; display: block;position:relative;
}

#sidebar form{ color:#555; }
#sidebar ul { margin: 0;	padding: 0;	list-style: none; }
#sidebar li { margin: 0px 5px;	padding: 0; }
#sidebar li ul { margin:0px;	padding-bottom: 30px; }
#sidebar li li { line-height: 35px;	margin: 0px 10px;border-left: none;
	background: url(../../images/thumbs/img09.gif) repeat-x left bottom;
 }

#sidebar li li a {	padding-left: 20px;	text-decoration: none;
background: url(../../images/thumbs/img09.jpg) no-repeat left 5px; }

#sidebar ul li a:hover {	text-decoration: none; }

#sidebar h2 { margin:4px;	letter-spacing: -.5px;	font-size: 1.3em; color:#036;}

/*#sidebar p { margin: 0 0px;	text-align: justify; } */

#sidebar a {	border: none;	color: #7AA7DE; }

#sidebar a:hover {	text-decoration: underline;	color: #7AA7DE; }

#sidebar table { margin:auto;text-align:left;line-height: normal;} #sidebar table tr td{ color:#666; padding:3px; } 

#links{	font-size: 14px;	margin: 0px auto 5px auto;	text-align: center;	
display: block;	padding: 3px auto;}

/*::::::::: Home page banners :::::::::::::::::*/
#banner{ position:relative; padding:10px; text-align:left; margin:4px;float:left;
-moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px; 
box-shadow:0 3px 5px rgba(0, 0, 90, 0.5); -moz-box-shadow:0 2px 3px rgba(0, 0, 50, 0.5); 
-webkit-box-shadow:0 2px 3px rgba(0, 0, 50, 0.5);
}

#banner a:link{ text-decoration:none; color:#096;} #banner th{ color:#063; }
#banner a:hover{ color:darkgreen; text-decoration:underline; }
#banner h4{ text-align:center; color:#324F17; margin:3px auto;} 
#banner h3{ text-align:center; color:#324F17;margin:3px auto; }

/* This appears on the left side with rounded edges, repeated background image and displayed as a block */

#alertbanner{
 color:#900;padding:15px;
 margin:5px 3px;display:block; text-align:left;border:1px solid #C30;
 background:url(../../images/backgrounds/OrangeBgTop.jpg) repeat-x left top; 
 border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; 
 -khtml-border-radius:8px; 

}

#alertbanner h3{ color:#600; font-weight:bold; margin:4px auto 6px auto; }

#alertbanner a:hover{ color:#500; text-decoration:underline; } #alertbanner a:link{ color:#f60; } 

#alertbanner2{

 padding:15px;margin:5px 3px;display:block; background:url(../../images/backgrounds/greenBgTop.jpg) repeat-x left top; border-radius:8px; -moz-border-radius:8px; 

 text-align:left; -webkit-border-radius:8px; -khtml-border-radius:8px; border:1px solid #cfc;

 color:#030;

}#alertbanner2 a:hover{ color:#050; text-decoration:underline; } #alertbanner2 a:link{ color:#063; } 

#alertbanner2 h4{ color:#060; font-weight:bold; margin:4px auto 6px auto; }

/*............. END OF ALERT BANNERS .........................*/
#banner2{

 padding:15px; text-align:left; margin:3px auto; display:block; width:140px; background-repeat: repeat;

 background-image:url(../../images/backgrounds/bgBrown.jpg); float:left; -moz-border-radius:8px;	-webkit-border-radius:8px; 

 -khtml-border-radius:8px; border-radius:8px; box-shadow:0 3px 5px rgba(0, 0, 90, 0.5); -moz-box-shadow:0 3px 5px rgba(0, 0, 90, 0.5);

 -webkit-box-shadow:0 3px 5px rgba(0, 0, 90, 0.5); 

}

#banner2 a:link{ font-size:15px; text-decoration:none; color:#3D3823;}
#banner2 a:hover{ color:#4A442A; text-decoration:underline; } 
#banner2 h4{ text-align:center; color:#2A2718; }

/* END OF PAGE BANNERS ************************************************************/

/* The form here will float to the left with a 5px height and spaced 20px away from the block below */

#Optforms { float:left;height:5px;margin-bottom:20px; }
/* Login Forms */

#logForms
{	margin:7px 2px; text-align:left; padding:5px; min-height:170px; clear:both;float:left;
	background: url(../../images/backgrounds/greenBgTop.jpg) repeat-x left top; border:1px solid lightblue;
	border-radius:0px 3px 3px 0px; -khtml-border-radius:0px 3px 3px 0px; -moz-border-radius:0px 3px 3px 0px;
}

#logFormInput{ 
	border-radius:4px 0px 4px 0px; -khtml-border-radius:4px 0px 4px 0px; color:#555; 
	-moz-border-radius:4px 0px 4px 0px;	-webkit-border-radius:4px 0px 4px 0px;padding:2px 8px; 
	border:1px inset lightgrey; min-width:190px;width:inherit;height:25px;
}

#Optforms input{ 
	text-decoration:underline; cursor:auto;padding:2px 5px;
	border:0px; float:left; min-height:25px;
}

#formIn { margin:2px auto; text-align:left; clear:both; padding:3px;
	 color:#09c; min-height:25px;
 }
#formIn table tr{ color:#333; }
/* The input fields for this selector will have rounded edges inset borders and
   175px wide */

#formInput{ 
	border-radius:4px 0px 1px 0px; -khtml-border-radius:4px 0px 1px 0px;
	-moz-border-radius:4px 0px 1px 0px; -webkit-border-radius:4px 0px 1px 0px; 
	cursor:auto; color:#555; padding:3px; border:1px inset lightgrey;
	min-width:250px;background-color:lightcyan;min-height:35px  !important;
}
/* For the jquery interaction code */
#formInput1{ 
	border-radius:4px 0px 1px 0px; -khtml-border-radius:4px 0px 1px 0px;
	-moz-border-radius:4px 0px 1px 0px; -webkit-border-radius:4px 0px 1px 0px; 
	cursor:auto; color:#555; padding:3px; border:1px inset lightgrey;
	min-width:250px;min-height:25px;background-color:lightcyan;
}
#formInput2{ 
	border-radius:4px 0px 1px 0px; -khtml-border-radius:4px 0px 1px 0px;
	-moz-border-radius:4px 0px 1px 0px; -webkit-border-radius:4px 0px 1px 0px; 
	cursor:auto; color:#555; padding:3px; border:1px inset lightgrey;
	min-width:250px;min-height:25px;background-color:lightcyan;
}

#form_select{ position:relative;min-height:40px  !important;
	border-radius:4px 0px 1px 0px; -khtml-border-radius:4px 0px 1px 0px;
	-moz-border-radius:4px 0px 1px 0px; -webkit-border-radius:4px 0px 1px 0px;
	border:1px inset lightgray !important;min-width:150px !important; color:#555; 
	padding:10px;font-size:18px; background-color:lightcyan;-webkit-transition: 1s; 
	-moz-transition: 1s;transition: 1s; -o-transition: 1s;
}

/* This is for the button inputs/ triggers which also have rounded borders and transparent backgrounds */

#buttonform {
	border-radius:4px 0px 4px 0px; -khtml-border-radius:4px 0px 4px 0px; 
	-moz-border-radius:4px 0px 4px 0px; -webkit-border-radius:4px 0px 4px 0px;
	width:inherit; min-height:35px; cursor:pointer; float:right; padding:5px;
	border:2px outset #f2f2f2; background:transparent; margin:4px 10px auto auto;
}

#buttonform:hover{ background:lightcyan; color:#514;}

/**** END OF FORM INTERFACES ********************************************************************************/

/* Footer */
#footer { background:#fff url(/Jazaak/images/backgrounds/footer_city_bg.gif) repeat-x;
	clear:both; border-radius:3px 3px 5px 5px;display:block; min-height:70px;position:relative;
	margin:10px auto; width:960px; padding:10px;font-family: Arial, Helvetica, sans-serif; 
	color:#666;float:left;	
	/* 
	background:#fff url(../../images/backgrounds/bluebottom.jpg) no-repeat left bottom;
	*/
}#footer marquee  img{ height:40px; margin:auto 2px; border:transparent; }