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

img, div, li, a { behavior: url(iepngfix.htc) }

img, #container { behavior: url(iepngfix.htc); }

img, #mastercontainer { behavior: url(iepngfix.htc); }


body {background-color: #b49e7f; text-align: center; margin: 0; padding: 0; height: 100%; background-image:url(../images/main_bg2.jpg); opacity: 0.999; }

div#mastercontainer { width: 890px; text-align: left; margin: 0 auto; height: 100%; display: table; }

div#container {width: 859px; background-color:#FFFFFF; height: 100%; min-height: 100%; display: table; }

div#topbar {background-image: url(../images/topbar_bg.jpg); background-repeat: no-repeat; height: 66px;}

div#main_menu {padding-left: 394px; height: 22px;}

div#midarea { width: 859px; height: 141px; margin-bottom: 0px;}

div#midleft {height: 141px; float: left; background-image:url(../images/mid_left_bg.jpg); background-repeat:repeat-x; width: 252px; }

div#right1 {width: 252px; }

div#rightop {height: 141px; background-image:url(../images/mid_left_bg.jpg); background-repeat:repeat-x; width: 252px; margin-top: 0px; background-color:#006633;}

div#right2 {height: 120px; background-image:url(../images/mid_left_bg.jpg); background-repeat:repeat-x; width: 252px; }

div#midleft li {font-size: 11px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; background-image: url(../images/mid_left_button.png);
	height: 20px; background-position: 0px 0px; background-repeat: no-repeat; padding-top: 7px; list-style-type: none; padding-left: 27px; margin-top: 0px; margin-top: 3px;
}

div#midleft li a {text-decoration: none; color: #fff;}

div#midleft li a:hover { text-decoration: none; color: #CCCC00; }

div#right1 ul { postion: relative; top: 0px;}

div#right1 li {font-size: 11px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; background-image: url(../images/mid_left_button.png); height: 20px; background-position: 0px 0px; background-repeat: no-repeat; padding-top: 7px; list-style-type: none; padding-left: 27px; margin-top: 0px; 
}

div#right1 li a {text-decoration: none; color: #fff;}

div#right1 li a:hover { text-decoration: none; color: #CCCC00; }

div#midright {height: 141px; float: left; width: 607px; background-image:url(../images/mid_right_bg.jpg); background-repeat:no-repeat;}

div#midright_box {width:252px; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fff; margin-top: 20px; height: 80px; padding: 0; line-height: 1;}





div#midright_box li {height: 40px; list-style:none; background-image:url(../images/mid_right_btn.png); background-repeat: no-repeat; padding-top: 8px; padding-left: 38px; }

div#midright_box li a {text-decoration: none; color: #fff; text-align:left;}

div#midright_box li a:hover {text-decoration: none; color: #000; text-align:left;}



div#midright_box2 {width:252px; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fff; height: 80px; padding: 0; line-height: 1;}


div#midright_box2 ul {margin:0px;padding:0px;}


div#midright_box2 li {height: 40px; list-style:none; background-image:url(../images/mid_right_btn.png); background-repeat: no-repeat; padding-top: 8px; padding-left: 38px; }

div#midright_box2 li a {text-decoration: none; color: #fff; text-align:left;}

div#midright_box2 li a:hover {text-decoration: none; color: #000; text-align:left;}




div#bottom { width: 859px; background-image:url(../images/btm_left_bg.jpg); background-repeat:repeat-x;  background-color:#FFFFFF; padding: 0px; overflow: hidden;}

div#text {float: left;  margin-top: 20px; width: 315px; background-image:url(../images/text_area_bg.jpg); background-repeat:repeat-x; min-height: 500px; padding: 10px 20px;}

div#text_inside {float: left;  margin-left: 20px; margin-right: 20px; margin-top: 20px; width: 500px; background-image:url(../images/text_area_bg.jpg); background-repeat:repeat-x; min-height: 500px; padding: 10px 20px;}

div#sidebar {float: left; margin-left: 15px; margin-top: 20px; width: 185px; padding: 13px 13px; background-image:url(../images/text_area_bg.jpg); background-repeat:repeat-x; min-height: 500px;}

div#topmenu {width: 250px; float: right; background-image:url(../images/topmenu_bg.jpg); background-repeat:no-repeat; height: 20px; padding-left: 30px;}

div#topmenu ul {display: inline; list-style:square; color: #006600;}

div#topmenu li { float: left; font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding-right: 20px; padding-top: 2px; font-weight: bold;}

div#topmenu li a { color:#000; text-decoration: none;}

div#topmenu li a:hover { color:#660000; text-decoration: none;}

div#quote {width: 315px; background-image:url(../images/quote_bg.png); background-repeat:no-repeat; height: 300px; }

div#quotetext { color: #675142; font-size: 11px; float: left; width: 140px; padding-top: 30px; margin-left: 10px; }

div#quotename { color: #000; font-size: 11px; float: left; width: 140px; padding-top: 30px; margin-left: 10px; }

div#rightcolumn {width: 252px; float: left; margin: 0px; padding: 0px; }

div#join {
	padding-left: 12px;
	padding-top: 10px;
	
}

p {font-size: 11px; line-height: 14px; font-family: Arial, Helvetica, sans-serif; color:#422C27;}

h1 {
	font-size: 18px;
	color:#422C27;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

table {font-size: 11px; line-height: 14px; font-family: Arial, Helvetica, sans-serif; color:#422C27;}

h2 {font-size: 12px; color:#330000; font-family: Arial, Helvetica, sans-serif;}

h3 {font-size: 12px; color:#330000; font-family: Arial, Helvetica, sans-serif;}
-->

a {color:#660000;}

ul {font-size: 11px; line-height: 14px; font-family: Arial, Helvetica, sans-serif; color:#422C27;}

ol {font-size: 11px; line-height: 14px; font-family: Arial, Helvetica, sans-serif; color:#422C27;}

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}