@charset "iso-8859-1";
body {margin:0px auto;padding:0px;font: 100% Arial, Verdana, Helvetica;background-color:#fee;text-align:center;line-height:115%}
h1,h2,h3 {padding:0px 5px;color:#906}
h1 {font-size:130%;text-align:center;margin-top:0px}
h2 {font-size:110%;margin:10px}

#outer {max-width:960px;width:expression(document.body.clientWidth > 960? "960px": "auto" );margin:0 auto;text-align:left}

#top, #footer{background-color:#c69;color:#fff;text-align:center;width:100%;margin:0px;padding:0px;}
#top h1{color:#fff}
#top{margin-bottom:4px;padding-top:6px}
#top a {color:#fff;font-weight:800}
#nav{width:24%;float:left;}
#nav ul{list-style-type: none;padding:0px;width:100%;margin:0px}
#nav li {margin:5px;} 
#nav li a {display: block;
text-decoration: none;color:#fff;font-weight:700;padding:5px;margin:0px; background:#c69 }
#nav li a:hover{background:#fcc;color:#000 ;}

#content{float:right;margin:15px 5px;width:73%}
#footer {clear:both;margin-bottom:500px}
/* forms */
#wide label{margin: 0px;padding: 0px;color: #000; font-weight:normal;float:left; width:25%;}
#wide h1,#wide h2 {padding:0px}
#wide .txt {border: 1px solid #d7a;width:73%;}
//.wtxt {width:95%}
#wide .btn {border:2px outset #d7a;	background-color:#090;color:#fff;padding:2px; font-size:90% }
#wide .btnreset {border:2px outset #d00;	background-color:#900;color:#fff;padding:2px; font-size:90% }	 
#wide .btn a{color:#fff;text-decoration:none;text-align:center;display:block}
fieldset  {padding:10px;}
legend {font-weight:700}
.txtreq {background-color:#fbb;}
.error {font-weight:600;color:#000;background-color:#ff8;padding:10px 20px}
.error a{color:#090}
img {border:0px none}

/*adapted from Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/* smart image enlarger starts here */

.ienlargerl, .ienlargerr {
	float: left;
	 /* set to left or right if needed clear: none;width:23%;*/
	padding-bottom: 5px; /* space between thumbs. Don't change this to margin */
	padding-right: 5px; /* space between thumbs and wrapping text when there is any text around it */

}

.ienlargerl a, .ienlargerr a { 
	display:block;
	text-decoration: none;
}
.ienlargerl a:hover, .ienlargerr a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}
.ienlargerl span img, .ienlargerr span img {
	border: 1px solid #FFFFFF; /* adds a border around the image */
	 /* margin-bottom: 8px;pushes the text down from the image */
}
.ienlargerl a span, .ienlargerr a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #FFCC00; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-color: #000000;
	font-weight: bold;
	padding: 5px;
}
.ienlargerl img, .ienlargerr img { border:2px solid blue;
}
.ienlargerr a:hover span { 
	display:block;
	top: -170px; /* means the pop-up's top is 50px away from thumb's top */
	left:5px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
}
.ienlargerl  a:hover span { 
	display:block;
	top: -125px; /* means the pop-up's top is 50px away from thumb's top */
	left:-200px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
}
.resize_thumb {
	width: auto; /* enter desired thumb width here */
	height : 100px;
}
.card {clear:both;padding:15px 0px 0px;width:100%;display:block;height:110px; }
.cdesc {width:50%;float:right;border-bottom: 1px solid #c69;height:110px}
.clear {clear:both}