/*layout*/
html, body {height:100%;margin:0;padding:0;/* needed for container min-height */	background:#fff;text-align:center;}
/*holds everything*/

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	padding:0px;
	width:850px;
	background:#fff;	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
	text-align:left;border:2px solid #e7e7e7;
}


div#header {width:850px;padding:0px;height:100px;}
div#header p {text-align:right;font-style:italic;margin:0;}
div#contactbox {width:850px;height:75px;text-align:right;}
div#cblink {float:right; width:150px;height:22px;background: url(/_interface/images/contact-box.gif);background-repeat:no-repeat;margin-top:5px}

div.cbleft a {width:78px;float:left;height:22px;}
div.cbright a {width:65px;float:right;height:22px;}


div#siteid {float:left;width:300px;}
div#menubox {float:right;width:400px; height:50px;margin-right:0px;}


div#content {margin:0 auto; /* center, not in IE5 */padding:1em 0em 2em 0em; /* bottom padding for footer */width:760px;}
/*div#sm_bx {margin:0 auto;width:70%;border:1px solid red;}*/
div#content_contact {margin:0 auto; /* center, not in IE5 */padding:0em 0em 2em 0em; /* bottom padding for footer */width:760px;margin-top:0px;}
div#imgcontent {width:100%;min-height:600px;margin:0 auto; /* center, not in IE5 */padding:3em 0em 0em 0em; /* bottom padding for footer */}
/*div#content p {text-align:justify;	padding:0 1em;}*/
div#boxleft {float:left;width:370px;margin-top:50px;}
div#boxright {float:right;width:355px;padding:0px;margin:50px 0 0 0px;}
div#boxright p.special {font-size:0.7em;padding-left:25px;width:310px;}

div#galboxleft {float:left;width:435px;margin-top:10px;}
div#galboxleft table a img {border:0px;}
div#galboxright {float:right;width:200px;padding:0px;margin:10px 0 0 0px;}



p.Cdesc {text-align:center;font-style:normal;font-size:0.8em;margin:10px 0 0 0;}
p.desc {text-align:left;font-style:normal;font-size:0.7em;margin:0px;}

/*top menu NEW*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling org 
.menu {font-family: arial, sans-serif; width:750px; height:100px; position:relative; font-size:11px; z-index:100;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:104px; height:20px; text-align:center; color:#fff; border:1px solid #fff; background:#710069; line-height:20px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}*/

/* specific to non IE browsers
.menu ul li:hover a {color:#fff; background:#36f;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.menu ul li:hover ul li a:hover {background:#6fc; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;} */



/* common styling */
.menu {font-family: helvetica, sans-serif; width:400px; height:30px; position:relative;  z-index:100;}
.menu ul li {text-align:center;}
.menu ul li a, .menu ul li a:visited {display:block;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#000; }
.menu ul li:hover ul {display:block; position:absolute; top:22px; left:-2px; width:65px; }
.menu ul li:hover ul li a {text-align:left;}
.menu ul li:hover ul li a.hide {background:#fff; color:#000;text-align:left;padding:.5em;}
.menu ul li:hover ul li:hover a.hide {background:#e7e7e7; color:#000;padding:.5em;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#e7e7e7; color:#000;border:1px solid #e7e7e7; width:75px;height:auto;padding:.5em;}
.menu ul li:hover ul li a:hover {background:#999; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute;left:89px; top:3px;}
.menu ul li:hover ul li:hover ul.left {left:-110px;}


#currentpage {color:#333;font-weight:bold}

/*vertical centering*/

div#centered { border:0;background-color:#fff;height:50%;width:50%;position:absolute;left:25%;top:25%;color:black;}	


div#footer {position:absolute;width:850px;height:20px;padding:0px;margin:0px;bottom:0; /* stick to bottom */background:#e7e7e7;}

div#footer p {text-align:center;padding:0px;margin:5px 0px 0px 0px;}



/*forms*/
/*form.conform {margin:0px;width:335px;padding:0px;height:325px;}
form.conform .formbg {background: url(/_interface/images/form_box.gif);background-repeat:no-repeat;width:335px;height:325px;border:0px;}
form.conform .formbg legend {margin-left:25px;padding:0px 15px 5px 15px;height:25px;color:#888;background-color:#fff;}
form.conform label.name {float:left;margin-top:9px;margin-left:10px;width:111px;height:22px;color:#888;border:1px solid #fff;}
form.conform label.name2 {float:left;width:70px;margin-left:25px;margin-top:10px;color:#888;}*/




div.conformbg {background:url(/_interface/images/conform_box.gif);background-repeat:no-repeat;width:355px;height:355px;border:0px;}
form.conform .formbg {border:0px;width:355px;background:none;}
form.conform .formbg legend {margin-left:25px;padding:0px 15px 10px 15px;height:25px;color:#888;background-color:#fff;border:0px;}
form.conform label.name {float:left;margin-top:9px;margin-left:10px;width:111px;height:22px;color:#888;border:1px solid #fff;}
form.conform label.name2 {float:left;margin-top:8px;margin-left:10px;width:110px;height:22px;color:#888;border:1px solid #fff;}
form.conform input.input {float:right;width:183px;margin-top:5px;height:25px;margin-right:20px;padding:1px 5px 0 5px;background: url(/_interface/images/minput.gif);background-repeat:no-repeat;border:1px solid #fff;outline: none;}
form.conform .txtbox {clear:both;float:left;margin:8px 0 0 7px;width:320px;height:150px;background: url(/_interface/images/tb.gif);background-repeat:no-repeat;padding:0 5px 0 5px;border:1px solid #fff;outline: none;}
form.conform .txtbox {
	min-width:320px;
	max-width:320px;
	min-height:150px;
	max-height:150px;
	resize:none; /* horizontal | vertical | none */border:none;}
	.txtbox:focus, input:focus, .sendbut2.focus, .sendbut.focus {
	border:1px solid transparent;}
	
.required {color: red;}	
div#float {margin-top:150px;}

div.mformbg {background:url(/_interface/images/mform_box2.gif);background-repeat:no-repeat;width:355px;height:450px;border:0px;}
form.mform label.name {float:left;margin-top:5px;margin-left:10px;width:111px;height:22px;color:#888;border:1px solid #fff;}
form.mform label.name2 {float:left;margin-top:5px;margin-left:10px;width:110px;height:30px;color:#888;border:1px solid #fff;}
form.mform label.name3 {float:left;margin-top:5px;margin-left:10px;width:110px;height:30px;color:#888;border:1px solid #fff;}
form.mform input.input {float:right;width:183px;margin-top:5px;height:22px;margin-right:20px;padding:1px 5px 0 5px;background: url(/_interface/images/minput.gif);background-repeat:no-repeat;border:1px solid #fff;outline: none;}
form.mform input.input2 {float:right;width:183px;margin-top:5px;height:33px;margin-right:20px;padding:1px 5px 0 5px;background: url(/_interface/images/minput.gif);background-repeat:no-repeat;border:1px solid #fff;outline: none;}

form.mform div.input2 {float:right;margin-top:5px;height:20px;width:180px;border:1px solid #d7d7d7;}


form.login {margin-left:100px;height:150px;width:300px;}

p.special {margin-left:0px;font-size:14px;}
p.special a:link {text-decoration:underline;}
a.underline {text-decoration:underline;}
a:hover.underline {color:#999;}
input.input4 {float:left;margin-left:0px;width:183px;margin-top:5px;height:25px;padding:1px 5px 0 5px;background: url(/_interface/images/minput.gif);background-repeat:no-repeat;border:1px solid #fff;outline: none;}

input.button {float:left;margin:0px 0px 0px 0px;width:75px;height:30px;background: url(/_interface/images/send.gif);background-repeat:no-repeat;border:1px solid #fff;color:#666;text-align:center;}
.required {color:#b03060;}

/*forms
form.mform {margin:0px;width:335px;padding:0px;height:325px;font-size:0.8em;}
form.mform .mformbg {background: url(/_interface/images/mform_box.gif);background-repeat:no-repeat;width:335px;height:265px;border:0px;}
form.mform .mformbg legend {margin-left:25px;height:25px;color:#888;background-color:#fff;}
form.mform label.name {float:left;margin-top:8px;margin-left:10px;width:111px;min-height:22px;color:#888;border:1px solid #fff;}
form.mform label.name2 {float:left;margin-top:8px;margin-left:10px;width:110px;height:45px;color:#888;border:1px solid #fff;}

form.mform input.input {float:right;width:185px;margin-top:5px;height:25px;margin-right:15px;padding:1px 5px 0 5px;background: url(/_interface/images/minput.gif);background-repeat:no-repeat;border:1px solid #fff;}


form.mform select.input {float:right;margin-top:5px;margin-bottom:15px;margin-right:25px;height:20px;width:185px;border:1px solid #d7d7d7;}

form.mform div.input2 {float:right;margin-top:5px;height:20px;margin-right:30px;width:180px;border:1px solid #d7d7d7;}
*/

