﻿/* HTML ELEMENTS */
* { margin:0; padding:0; }
body { background:#f6faee; font:.7em/1.5em Tahoma, helvetica, arial, sans-serif; text-align:center; color:#777; }

ul { list-style-type:none; }
p { margin-bottom:12px; }
img { border:none; }

h1 { margin:20px 0 20px 0; border:none; }
h2, h3 { margin-bottom:10px; border:none; }

/*===== Navigation =====*/
#menu { float:left; list-style:none; height:23px; margin-bottom:50px; }
#menu li { float:left; background-position:left top; background-repeat:no-repeat; width:107px; background-image:url(../images/menu_button.png); }
#menu li:hover { background-position:left bottom; }
#menu a { padding-top:4px; display:block; width:108px; height:23px; border:none; background-repeat:no-repeat; font-size:1.1em; color:#e4e4e4; text-transform:uppercase; text-decoration:none; text-align:center; letter-spacing:.1em; }
#menu a:hover { background:none; color:#333333; }

/* LAYOUT */
.wrap { width:780px; margin:0 auto; text-align:left; }

#top { border-top:10px solid #e21816; background:#fff; height:150px; padding-top:4px; }

/* collapse box model work around */
#header { border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; height:145px; line-height:145px; vertical-align:middle; }
#header img { margin-top:10px; }

#content { background:#ffffff url('../images/bg_grad.gif') repeat-x; }

#primary { float:left; width:536px; margin-bottom:10px; padding-bottom:10px; }
#primary p { width:514px; }

#secondary { float:right; width:230px; }

#singlecell { float:left; width:780px; margin-bottom:10px; padding-bottom:10px; }
#contentleft { float:left; width:336px; margin-bottom:10px; padding-bottom:10px; }
#contentright { float:right; width:430px; }

.bullets li { padding:0 0 4px 16px; background:url('../images/bullet_tick.gif') 0 .2em no-repeat; }
.bullets li a { font:Tahoma, helvetica, arial, sans-serif; color:#777; text-decoration:none; }


/* FOOTER */
#footer { border-top:1px solid #e8e8e8; }
.footnote { float:left; margin-top:10px; font-size:.9em; }
#address { width:350px; }


/* MISCELLANEOUS */
.clear { clear:both; }

#logos { position:relative; display:block; right:100px; padding:10px 0; text-align:right; }
#logos a { text-decoration:none; }
#logos img { border:none; padding-left:5px; }

#itemList { list-style-type:disc; padding-left:20px; }
#itemList li { font-weight:bold; }
#itemList ul { list-style-type:circle; padding-left:20px; }
#itemList ul li { font-weight:normal; }

.button { border-style: none;
	border-color: inherit;
	border-width: medium;
	background: url('../images/button.png') no-repeat left top;
	width:144px; 	height:26px; 	text-align:center; 	vertical-align:middle; 	cursor:hand; 	font-size:11px; 	letter-spacing:5px; }
.button:hover { background-position:left bottom; color:#666; }

.formLine01 { position:relative; display:block; margin-bottom:5px; }
.formLine01 label { position:relative; top:6px; }
.formLine01 input { position:absolute; left:100px; width:150px; }
.formLine01 select { position:absolute; left:100px; width:154px; }
.formLine01 .validation { position:absolute; left:260px; }
.formLine01 .required { position:relative; top:6px; color:Red; margin-left:2px; }

.required { color:Red; margin-left:2px; }/*
    Basic style for an image in text , used on the about us page
    Usage is:
        <img src='...' class='figure' width='...' height='...' alt='...' />
*/
img.figure {
    float: right;
padding: 0em 1em 1em 1em;
    }

