@charset "utf-8";
/* CSS Document */
html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p {
	margin: 0;
	padding: 0;
	border: 0;
}
html, body {
	height: 100%;
	text-align: center;
}
body {
	background-color: #2d2c2d;
	background-image:url(images/bg-grad.gif);
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #e1e1e1;
	-webkit-text-size-adjust: none;
}
a {
color: #97d1e7;
}
#content img {
border: 1px solid #40494b;
}
#content img.noborder {
border: none;
}
.rightimage {
float: right;
margin-left: 10px;
margin-top: 20px;
}
.leftimage {
float: left;
margin-bottom: 5px;
}
.enlarge {
float: left;
margin-right: 15px; 
}
#bg {
	background-image:url(images/bg-stripe-b.gif);
	min-height: 100%;
	background-position: top center;
	padding-bottom: 10px;
}
* html #bg {
height: 100%;
}
#headerbg {
	background-image:url(images/small-header-bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
#wrapper {
width: 813px;
margin: 0 auto;
text-align: justify;
}
#header {
height: 173px;
}
.logo {
margin-top: 12px;
}
.iframe {
float: right;
width: 350px;
border: 1px solid #40494b;
padding: 5px;
background-color: #2b2b2b;
margin-top: 10px;
}
#leftcolumn {
float: left;
width: 208px;
margin-left: 7px;
}
#leftcolumn .box {
border: 1px solid #1b1b1b;
background-image: url(images/content-bg2.png);
background-repeat:no-repeat;
padding: 7px 15px;
margin-top: 15px;
}
* html #leftcolumn .box {
background-image: none;
background-color: #373737;
}
#leftcolumn .box.nav {
padding: 7px;
margin-top: 0;
}
ul.menu {
list-style-type:none;
}
ul.menu li {
background-image: url(images/menu_roll.png);
background-position: 0 0;
}
* html ul.menu li {
background-image: url(images/menu_roll.gif);
}
ul.menu li a, ul.menu li.current {
background-image: url(images/menu_roll.png);
background-position: 0 0;
display: block;
padding: 3px 0 0 25px;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
height: 21px;
color: #cfcdcd;
font-size: 14px;
width: 164px;
}
* html ul.menu li a, * html ul.menu li.current {
background-image: url(images/menu_roll.gif);
}
ul.menu li a:hover, ul.menu li a:focus, ul.menu li.current {
background-position: 0 -24px;
color: #97d1e7;
}
ul.approved {
list-style-type: none;
}
ul.approved li {
background-image: url(images/approved-bg.gif);
background-repeat: repeat-x;
background-position: bottom;
padding: 5px 0;
float: left;
width: 185px;
}
ul.approved li img {
float: left;
}
ul.approved li span {
float: right;
width: 112px;
padding-top: 15px;
font-size: 11px;
}
#content {
float: right;
width: 547px;
border: 1px solid #1b1b1b;
background-image: url(images/content-bg2.png);
margin-right: 7px;
padding: 7px 15px;
min-height: 398px 
}
* html #content{
background-image: none;
background-color: #303030;
height: 398px;
}
.clearit {
clear: both;
height: 0;
}
p {
padding: 7px 0;
}
h1, h2 {
color: #00b9ff;
font-weight: bold;
font-size: 16px;
padding-top: 12px;
}
#content ul {
margin-left: 18px;
list-style-type: none;
}
#content ul li {
background-image:url(images/bullet.png);
background-repeat: no-repeat;
background-position: 0 0;
padding: 0 0 10px 25px; 
}
* html #content ul li {
background-image:url(images/bullet.gif);
}
#footer {
float: right;
width: 547px;
margin-right: 7px;
padding: 7px 15px 0 15px;
text-align: center;
font-size: 11px;
}
#content .forbidden ul, #content .error ul {
margin-left: 30px;
}
#content .forbidden ul li, #content .error ul li {
padding-bottom: 10px;
padding-left: 5px;
list-style-position: outside;
list-style-type: square;
background-image: none;
}
#content .error ul li  {
list-style-type: none;
}
.form {
border: 1px solid #5f7882;
padding: 10px 15px 13px 10px;
width: 518px;
}
fieldset {  
float: left;  
clear: left;  
width: 240px;  
margin: 0;
padding: 0; 
} 
fieldset.enquiry {
width: 260px;
}
fieldset.feedbackdetails, fieldset.feedback {
width: 520px;
}
fieldset ol {  
padding: 0; 
list-style: none;
float: left; 
clear: left;
width: 100%;
} 
fieldset li {  
padding-bottom: 5px;
} 
.buttons {
float: right;
width: 240px;
text-align: right;
padding-top: 5px;
}
span.legend {
font-weight: bold;
font-size: 14px;
color: #97d1e7;
float: left;
padding-bottom: 6px;
}
label {  
float: left;  
width: 50px;  
margin-right: 8px; 
text-align: right;
padding-top: 2px;
}
label span {
font-weight: bold;
font-size: 15px;
}
fieldset.enquiry label {
width: 100px;
text-align: left;
}
.error {
color: #f93535;
}
input.text1, textarea.text2, textarea.text3 {
width: 150px;
height: 19px;
width: 160px;
height: 19px;
float: left;
margin-bottom: 6px;
background-color: #303030;
border: 1px solid #5f7882;
color: #00b9ff;
}
textarea.text2, textarea.text3 {
width: 255px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
height: 172px;
padding: 3px;
}
textarea.text3 {
width: 520px;
height: 90px;
}
textarea {
overflow: auto;
scrollbar-face-color: #353535; 
scrollbar-track-color: #353535; 
scrollbar-arrow-color: #00b9ff; 
scrollbar-highlight-color: #353535; 
scrollbar-shadow-color: #353535; 
scrollbar-3dlight-color: #353535; 
scrollbar-darkshadow-color: #353535; 
}
.required {
font-size: 11px;
font-style: italic;
float: right;
width: 120px; 
}
input.submit, input.reset {
background:url(images/submit_roll.png) no-repeat;
background-position:0 0;
height: 26px;
width: 78px;
border: none;
}
* html input.submit {
background-image: url(images/submit_roll.gif)
}
input.reset {
background-image: url(images/reset_roll.png);
}
* html input.reset {
background-image: url(images/reset_roll.gif)
}
input.submit:hover, input.submit:focus, input.reset:hover, input.reset:focus {
background-position:0 -26px;
}
#flashcontent {
text-align: center;
width: 547px;
height: 492px;
}
hr {
height: 1px;
color:#666666;
margin-bottom: 10px;
}