* { margin: 0; padding: 0; }
body { background: url(images/bg7.gif) no-repeat center top; width: 100%; display: table; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.7em; font-size:1em; }
p { margin-bottom: 1.5em; font: 1em Arial, sans-serif; }
a img { border: 0; }
/*Contact area styling*/
#page-wrap { width: 660px; background: white; padding: 20px 50px 20px 50px; margin: 20px auto; min-height: 800px; height: auto !important; height: 800px; }
#contact-area { width: 550px; margin-top: 25px; }
#contact-area input, #contact-area textarea { padding: 5px; width: 420px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; margin-left: 15px; border: 2px solid #ccc; }
#contact-area textarea { height: 90px; }
#contact-area textarea.bigbox { height: 200px; }
#contact-area textarea:focus, #contact-area input:focus { border: 2px solid #064a77; }
#contact-area input.submit-button { width: 80px; float: right; font-size: 0.9em;}
#contact-area input.reset-button { width: 80px; float: right; font-size: 0.9em;} 
td.left { width: 80px; text-align: left; font-size: 1.4em; }
#catpcha-area { margin-left: 200px; }
 .recaptchatable .recaptcha_image_cell, #recaptcha_table { background-color:#fff !important; } 
 #recaptcha_table { border-color: #ccc !important; //reCaptcha widget border color } 
 #recaptcha_response_field { border-color: #ccc !important; background-color:#fff !important; }
/*Page styling*/
#wrap { width: 800px; background: #FFF;	margin: 0 auto }
#header { background: #021522 url(images/weblogo.gif) no-repeat top center; }
a { text-decoration: none; color: #064A77; border-bottom-width: 2px; }
a:hover { text-decoration: underline; color: #000 }
#header H1 { font-size: 22px; letter-spacing: -1px; color: #021522; padding: 23px 0 0 20px }
#header H1 A { color: #021522; text-decoration: none; font-weight: 100; letter-spacing: -2px }
#header H1 A:hover { color: #FFF }
#header H2 { font-size: 18px; color: #FFF; letter-spacing: -1px; font-weight: 100; padding: 5px 0 0 20px } 
#menu {	height: 70px; line-height: 70px; background: #FFF url(images/menu6.gif) no-repeat }
/*Credits: Dynamic Drive CSS Library URL: http://www.dynamicdrive.com/style/*/
.solidblockmenu { margin: 20px 5px 5px 10px; padding: 8px; float: left;	font-size:0.8em; width: 100%; overflow: hidden; margin-bottom: 1em; text-align: center;}
.solidblockmenu LI { display: inline;  }
.solidblockmenu LI A { color: #FFFFFF; padding: 8px; text-decoration: none; line-height: 1.5em;  border-right: 2px solid #FFFFFF; background: #064A77; }
.solidblockmenu LI A:visited { color: #FFFFFF }
.solidblockmenu LI A:hover, .solidblockmenu LI .current { color: #FFFFFF; background: #808080 }
#content { background: #FFF; height: 100%;	padding: 0 20px 20px }
.right { background: #FFF; float: right; width: 580px; height: 100%; text-align: justify }
.right H2 { font-size: 18px; font-weight: 100; padding: 15px 0 7px }
.right H2 A { text-decoration: underline }
.right H2 A:hover { color: #000; text-decoration: underline }
.right UL { list-style-type: square; line-height: 1.5em; padding: 10px 0 15px 20px }
.left { float: left; width: 160px; 	padding-top: 10px }
.left H2 { padding-left: 4px; height: 2em; line-height: 1.5em; background: #064A77; color: #FFF; font-size: 12px; margin: 10px 0 0 }
.left UL { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; font-size:0.8em; padding: 10px 0 15px 10px; list-style-type: none; }
.left UL LI A { color: #021522; text-decoration: none; font-weight: 100; list-style-type: none; }
.left UL LI A:hover { color: #000; font-weight: 150; list-style-type: none; border-bottom-width: 1.5px; border-bottom-style: solid; border-bottom-color: #2e697c; }
a.read-more {font-size: 0.8em; text-decoration: none; color: #333; }
a.read-more:hover { font-weight: 150; /*color: #2e697c; */ border-bottom-width: 1.5px; border-bottom-style: solid; border-bottom-color: #2e697c; }
a.upcoming { text-decoration: none; color:#000; font-weight: 250;  border-bottom-width: 1.5px; border-bottom-style: solid; border-bottom-color: #2e697c;}
strong.emphasis { font-size: 1.2em; font-weight: bolder; background-color: #FFFF99; padding: 3px; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.floatright { float: right; display: inline; margin: 0 0 4px 8px;	padding: 12px }
img.floatleft { float: left; display: inline; margin: 0 8px 4px 0; padding: 12px }
img.top {margin-bottom: 10px; }
#bottom { background: #FFF; padding: 10px 0 }
#footer { position:relative; width:50%; bottom: 0px; left: 25%; z-index:1; height: auto; background: #ccc; color: #333; opacity: 50%; text-align: center; font-size: 0.8em;}
#footer ul li { margin: 10px; display: inline; }
#footer p { line-height; 1em; }
#footer a { text-decoration: none; font-size: 1em; }
#footer a:visited {text-decoration: none; font-size:0.9em; color: #000; } */
/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser
#wrap {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 150px;}  /* must be same height as the footer 

#footer {position: relative; margin-top: -150px; /* negative value of footer height */  /*height: 150px;  clear:both; background-color: cccccc, 100; text-align: center; font-size: 0.8em;}  * /

/*Opera Fix*/
/* body:before {/* thanks to Maleika (Kohoutec)
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px; thank you Erik J - negate effect of float 
}