html { height: 100%;}

* { margin: 0; padding: 0; }
body { font: normal .80em 'trebuchet ms', arial, sans-serif; background: #F0EFE2; color: #777;}
p { padding: 0 0 10px 0; line-height: 1.2em;}
img { border: 0;}
h1, h2, h3, h4, h5, h6 { font: normal 175% 'century gothic', arial, sans-serif; color: #43423F; margin: 0 0 10px 0; padding: 2px 0 5px 0;} 
h4, h5, h6 { margin: 0; padding: 0 0 5px 0; font: normal 120% arial, sans-serif; color: #A4AA04;}
h5, h6 { font: italic 95% arial, sans-serif; padding: 0 0 15px 0; color: #000;}
h6 { color: #362C20;} 

pre {  font-size: 1em; }
a, a:hover { outline: none; text-decoration: underline; color: #1293EE;}
a:hover { text-decoration: none; color: #1C2C3E;}
a:visited { color: #025587;}

.left { float: left; width: auto; margin-right: 10px;}
.right { float: right;  width: auto;  margin-left: 10px;}
.center { display: block; text-align: center; margin: 20px auto;} 
blockquote { margin: 20px 0; padding: 10px 20px 0 20px; border: 1px solid #E5E5DB; background: #FFF;}

ul { margin: 2px 0 22px 17px;} 
ul li { list-style-type: circle; margin: 0 0 6px 0; padding: 0 0 4px 5px;} 
ol { margin: 8px 0 22px 20px;}
ol li { margin: 0 0 11px 0;}

span#faqq { color: #1C2C3E; } 

#main, #logo, #menubar, #site_content, #footer { margin-left: auto; margin-right: auto; width: 1040px } 
#menubar_s { margin-left: auto; } 

#header { }
#logo {  width: 1040px; position: relative; height: 80px;  background: #025587 url(logo1.png) repeat;} 
#logo #logo_text  { position: absolute;  top: 5px; left: 5px;}
#logo h1, #logo h2 { font: normal 220% 'century gothic', arial, sans-serif; border-bottom: 0; text-transform: none; margin: 0;}
#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover { padding: 5px 0 0 10px; color: #FFF; letter-spacing: 0.1em; text-decoration: none;} 
#logo_text h1 a .logo_colour, #logo_text h2 a .logo_colour { color: #80FFFF;}
#logo_text h2 a:link {  text-decoration:none; }
#logo_text h2 a:hover {  text-decoration: underline; color: white;}
#logo_text h2 { font-size: 100%; padding: 4px 0 0 10px; color: #DDD; } 
#search_text  { position: absolute;  top: 50px; right: 5px;}
#login_text   { position: absolute;  top: 20px; right: 5px; color: #FFF;}
#menubar { width: 1040px; height: 20px; padding: 0; background: #29415D url(menu.png) repeat-x;} 
#menubar_s { width: 400px; height: 20px; padding: 0; background: #29415D url(menu.png) repeat-x; margin-left: auto;} 

ul#menu, ul#menu li { float: left; margin: 0; padding: 0;} 
ul#menu li { list-style: none;} 

ul#menu li a { letter-spacing: 0.1em; font: normal 100% 'lucida sans unicode', arial, sans-serif;  display: block; float: left; height: 20px;
  padding: 0px 25px 0px 25px; text-align:  center; color: #FFF; text-transform: uppercase; text-decoration: none; background: transparent;} 
ul#menu li a:hover, ul#menu li.selected a, ul#menu li.selected a:hover { color: #FFF; background: #1C2C3E url(menu_select.png) repeat-x;}

#site_content { width: 1010px; overflow: hidden; margin: 0 auto 0 auto; padding: 5px 20px 5px 10px; background: #FFF;} 
.sidebar { float: right; width: 220px; padding: 0 0 20px 20px;} 
.sidebar ul { width: 220px; padding: 0 0 0 0; margin: 4px 0 10px 0;}
.sidebar li { list-style: none; display: inline; padding: 0 0 7px 0; } 

#content { text-align: left; width: 995px; padding: 0;}
#content ul { margin: 1px 0px;}
#content ul li { list-style-type: none; margin: 0 0 0px 0;  padding: 0 0 0 25px; line-height: 1.4em;}

#bul_li { text-align: left; width: 995px; padding: 0;}
#bul_li ul { margin: 1px 0px;}
#bul_li ul li { list-style-type: none; background: url(bullet.png) no-repeat; margin: 0 0 0px 0;  padding: 0 0 0 25px; line-height: 1.4em;} 

#footer { width: 1040px; font: normal 100% 'lucida sans unicode', arial, sans-serif; height: 20px; text-align: center; background: #29425E url(footer1.png) repeat-x;  color: #FFF; letter-spacing: 0.1em;}
#footer a { color: #FFF; text-decoration: none;}
#footer a:hover { color: #FFF; text-decoration: underline;}

.search { color: #5D5D5D; border: 1px solid #BBB; width: 134px; padding: 4px; font: 100% arial, sans-serif;}
.form_settings { margin: 15px 0 0 0;}
.form_settings p  { padding: 0 0 4px 0;}
.form_settings span { float: left; width: 200px; text-align: left;}
.form_settings input, .form_settings textarea { padding: 5px;  width: 299px;  font: 100% arial;  border: 1px solid #E5E5DB;  background: #FFF; color: #47433F;}
.form_settings .submit { font: 100% arial;  border: 1px solid;  width: 99px; margin: 0 0 0 212px; height: 33px; padding: 2px 0 3px 0; 
  cursor: pointer;  background: #263C56;  color: #FFF;}
.form_settings textarea, .form_settings select { font: 100% arial; width: 299px;}
.form_settings select { width: 310px;}
.form_settings .checkbox { margin: 4px 0; padding: 0; width: 14px; border: 0; background: none;}
.separator{ width: 100%; height: 0; border-top: 1px solid #D9D5CF; border-bottom: 1px solid #FFF; margin: 0 0 20px 0;}
table { margin: 10px 0 10px 0; font: normal .90em 'trebuchet ms', arial, sans-serif; }
table tr th, table tr td { background: #3B3B3B;  color: #FFF; padding: 0 5px 0 5px; text-align: left; border-width: 1px; }   
table tr td { background: #F0EFE2; color: #47433F; border-top: 1px solid #FFF;} 
select, input { margin: 1px 0 1px 0; font: normal 90% 'trebuchet ms', arial, sans-serif; }
input.sb1 {   padding: 0 5px 0 5px; }
.ra { text-align:right; }
.pc { border-width: 0px; border-collapse: collapse; }
.pc table { margin: 4px 0 4px 0; font: 'trebuchet ms', arial, sans-serif; border-style: none; border-width: 0px; }
.pc tr,td { font-size: .95em; text-align: left; }   
.t_frame { background-color: black; width:140px; height:140px; vertical-align:middle; text-align:center; }
.m_frame { background-color: black; width:760px; height:760px; vertical-align:middle; text-align:center; }
.l_frame { background-color: black; padding: 40px 40px 40px 40px; vertical-align:middle; text-align:center; }
#popupbox{ margin: 50px 0 40% 40%;  padding: 10px 10px 10px 10px; width: 260px;  /*height: 150px;  */ height: 90px; position: absolute; background: #FBFBF0; 
  border: solid #000000 1px; z-index: 9;  font-family: arial; visibility: hidden; }
  
.button { background-color: #ffffff; border: 1px solid #d6d4c8; cursor: pointer; font-family: Arial, "MS Sans Serif", "Geneva", sans-serif; font-size: .9em; padding: 2px 6px 2px 6px; }  
.button:hover { border: solid 1px #1C2C3E; }