@import url("reset.css");
/* 

base styles
Kevin McGill - EHP
26/6/2009

*/
body { background: #abaaaa url('../images_dev/body_bg.png') repeat-x; font-size:12px; font-family: Arial, sans-serif; font-weight: normal; font-style: normal; line-height:1.5em; color:#333; text-align: center; }
h1, h2, h3, h4, h5, h6 { font-family: Arial, sans-serif; font-weight: normal; }
h1 { font-size:20px; line-height:1.5em; color: #9E7056; }
h2 { font-size:18px; line-height:1.5em; }
h3 { font-size:16px; line-height:1.5em; }
a:link{ text-decoration: underline; color: #593E2B; }
a:visited{ text-decoration: underline; color: #593E2B; }
a:hover{ text-decoration: none; color: #593E2B; }
a:active{ text-decoration: underline; color: #593E2B; }
form abbr { cursor: help; font-style: normal; }
form legend { font-size:25px; line-height:1.5em; font-family: Arial, sans-serif; font-weight: normal; }
form select, form select optgroup, form select option, form input, form textarea { font-family: Arial, sans-serif; color:#6F6D68; }

/* list style for generic content */
ul { list-style-type: disc; }
ul li { margin-left: 25px; }

/* header */
/*div#header { width: 931px; margin: 14px auto 0 auto; height: 88px; background: #fff url('../images_dev/header_bg_img.png') no-repeat top center; text-align: left; padding: 14px 0 0 19px; }*/
div#header { width: 950px; margin: 14px auto 0 auto; height: 102px; background: #fff url('../images_dev/header_bg_img.png') no-repeat top center; text-align: left; padding: 0; border: 0; }
/*div#header_flash { width: 950px; margin: 14px auto 0 auto; height: 102px; background: #ABAAAA url('../images_dev/header_bg_img.png') no-repeat top center; text-align: left; padding: 0; border: 0; }*/
div#header h1 { text-indent: -999em; width: 190px; height: 92px; background: transparent url('../images_dev/header_logo.png') no-repeat 19px 14px; }
div#header h1 a { display: block; width: 171px; height: 78px; background-color: transparent; }
div#header h1 a:hover { display: block; width: 171px; height: 78px; background-color: transparent; }
div#header p { text-indent: -999em; display: none; }

/* header */
div#header_home { width: 931px; margin: 14px auto 0 auto; height: 88px; background: #fff url('../images_dev/header_bg.png') no-repeat top center; text-align: left; padding: 14px 0 0 19px; }
div#header_home h1 { text-indent: -999em; width: 171px; height: 78px; background: transparent url('../images_dev/header_logo.png') no-repeat center left; }
div#header_home h1 a { display: block; width: 171px; height: 78px; background-color: transparent; }
div#header_home h1 a:hover { display: block; width: 171px; height: 78px; background-color: transparent; }
div#header_home p { text-indent: -999em; display: none; }

/* container */
div#container { width: 942px; margin: 0 auto; background: #fff url('../images_dev/container_slice_bg.png') repeat-y top center; text-align: left; padding: 0 4px 0 4px; min-height: 520px; height: auto !important; height: 520px; vertical-align: top; }
.subnav_present div#container { background: #fff url('../images_dev/container_slice_bg_subnav.png') repeat-y top center; }

/* main navigation */
ol#mainnav { list-style-type: none; margin: 0; clear:both; width:738px; height: 26px; padding-left: 204px; background: #9E7053 url('../images_dev/menu/menu_bg.png') repeat-x top left; }
ol#mainnav li { display: inline; float: left; clear: none; height: 26px; background-color: transparent; background-repeat: no-repeat; text-indent: -999em; margin-right: 4px; }
ol#mainnav li a { display: block; height: 26px; text-decoration: none; background: transparent; }

/* main navigation items */
ol#mainnav li#home { width: 62px; height: 26px; background-image: url('../images_dev/menu/home.png'); }
ol#mainnav li#home a { width: 62px; height: 26px; outline: none; }
ol#mainnav li#home a:hover { background-image: url('../images_dev/menu/home.png'); background-position: 0px -26px; }
ol#mainnav li#about { width: 92px; height: 26px; background-image: url('../images_dev/menu/about.png'); }
ol#mainnav li#about a { width: 92px; height: 26px; outline: none; margin-right: 0; }
ol#mainnav li#about a:hover { background-image: url('../images_dev/menu/about.png'); background-position: 0px -26px; }
ol#mainnav li#management { width: 117px; height: 26px; background-image: url('../images_dev/menu/management.png'); }
ol#mainnav li#management a { width: 117px; height: 26px; outline: none; }
ol#mainnav li#management a:hover { background-image: url('../images_dev/menu/management.png'); background-position: 0px -26px; }
ol#mainnav li#contact { width: 102px; height: 26px; background-image: url('../images_dev/menu/contact.png'); margin-right: 0; }
ol#mainnav li#contact a { width: 102px; height: 26px; outline: none; margin-right: 0; }
ol#mainnav li#contact a:hover { background-image: url('../images_dev/menu/contact.png'); background-position: 0px -26px; }
ol#mainnav li#limited { width: 142px; height: 26px; background-image: url('../images_dev/menu/partners.png'); }
ol#mainnav li#limited a { width: 142px; height: 26px; outline: none; }
ol#mainnav li#limited a:hover { background-image: url('../images_dev/menu/partners.png'); background-position: 0px -26px; }
ol#mainnav li#rcfv { width: 48px; height: 26px; background-image: url('../images_dev/menu/rcfv.png'); }
ol#mainnav li#rcfv a { width: 48px; height: 26px; outline: none; }
ol#mainnav li#rcfv a:hover { background-image: url('../images_dev/menu/rcfv.png'); background-position: 0px -26px; }

/* main navigation ON states */
#home-page ol#mainnav li#home { background-image: url('../images_dev/menu/home.png'); background-position: 0px -52px; }
#home-page ol#mainnav li#home a:hover { background-image: url('../images_dev/menu/home.png'); background-position: 0px -52px; }
#about-page ol#mainnav li#about { background-image: url('../images_dev/menu/about.png'); background-position: 0px -52px; }
#about-page ol#mainnav li#about a:hover { background-image: url('../images_dev/menu/about.png'); background-position: 0px -52px; }
#management-page ol#mainnav li#management { background-image: url('../images_dev/menu/management.png'); background-position: 0px -52px; }
#management-page ol#mainnav li#management a:hover { background-image: url('../images_dev/menu/management.png'); background-position: 0px -52px; }
#contact-page ol#mainnav li#contact { background-image: url('../images_dev/menu/contact.png'); background-position: 0px -52px; }
#contact-page ol#mainnav li#contact a:hover { background-image: url('../images_dev/menu/contact.png'); background-position: 0px -52px; }
#limited-page ol#mainnav li#limited { background-image: url('../images_dev/menu/partners.png'); background-position: 0px -52px; }
#limited-page ol#mainnav li#limited a:hover { background-image: url('../images_dev/menu/partners.png'); background-position: 0px -52px; }
#rcfv-page ol#mainnav li#rcfv { background-image: url('../images_dev/menu/rcfv.png'); background-position: 0px -52px; }
#rcfv-page ol#mainnav li#rcfv a:hover { background-image: url('../images_dev/menu/rcfv.png'); background-position: 0px -52px; }

/* for flash plugin - the alt class is auto applied to non-flash content */
div.alt { display: none; }


/* main content block */
div#content { width: 802px; background: transparent url('../images_dev/content_slice_bg.png') repeat-x top left; padding: 10px 40px 10px 100px; }
.subnav_present div#content { width: 561px; }
#home-page div#content { width: 942px; padding: 0; background-image: none; }

/* after content before the end of the container. Forces any divs above to continue down the page, should not be an issue but just in case */
div.spacer { clear: both; line-height: 0; font-size: 1px; height:0;  }

/* home page specific styles for 3-column area */
#home-page h3 { font-style: italic; line-height: 1.95em; color: #9E7053; width: 470px; text-align: center; margin: 50px auto 0 auto; }

/* crumbtrail */
ol#crumbtrail { list-style-type: none; height: 26px; font-size: 10px; color: #8F8F8F; }
ol#crumbtrail li { display: inline; float: left; clear: none; margin-right: 5px; }
ol#crumbtrail a:link{ color: #8F8F8F; }
ol#crumbtrail a:visited{ color: #8F8F8F; }
ol#crumbtrail a:hover{ color: #8F8F8F; }
ol#crumbtrail a:active{ color: #8F8F8F; }


/*  inside pages subnav */
div#subnav { width: 241px; background: #F8F4F3 url('../images_dev/subnav_slice_bg.png') repeat-x top left; min-height: 469px; height: auto !important; height: 469px; float:right; padding: 25px 0 0 0; }
div#subnav h2 { text-indent: -999em; width: 241px; height: 19px; background: transparent url('../images_dev/subnav_title_bg.png') no-repeat center left; }
div#subnav dl { padding-left: 21px; margin-right: 30px; }
div#subnav dl a:link{ text-decoration: none; }
div#subnav dl a:visited{ text-decoration: none; }
div#subnav dl a:hover{ text-decoration: underline; }
div#subnav dl a:active{ text-decoration: none; }
div#subnav dl dt { color: #593E2B; font-weight: bold; margin: 20px 0 2px 0; }
div#subnav dl dt.hidden { display: none; }
div#subnav dl dd { margin-bottom: 2px; color: #006EC9; padding-left: 10px; line-height: 1.4em; }
div#subnav dl dd.current { color: #593E2B; background: transparent url('../images_dev/subnav_current.png') no-repeat 1px 2px; }
div#subnav dl dd.hidden { display: none; }
div#subnav dl dd a { text-decoration: none; color: #9E7056; }
div#subnav dl dd.current a { color: #593E2B; }
#solutions-page div#subnav dl dt { margin: 16px 0 -6px 0; }
#solutions-page div#subnav dl dt.subHdg { font-weight: normal; font-style: italic; margin: 6px 0 6px 0; font-size: 11px; }
#rcfv-page div#subnav dl dd { color: #333; padding-top: 5px; padding-bottom: 10px; }

/* footer */
div#footer { width: 925px; margin: 0 auto 20px auto; background: #abaaaa url('../images_dev/footer_bg.png') no-repeat top center; text-align: right; padding: 46px 25px 0 0; font-size: 10px; color: #fff; }
.subnav_present div#footer { background-image: url('../images_dev/footer_bg_subnav.png'); }
div#footer a:link{ color: #fff; }
div#footer a:visited{ color: #fff; }
div#footer a:hover{ color: #fff; }
div#footer a:active{ color: #fff; }

.hidden {display:none;}

/* management page */
ul.team { list-style-type: none; padding: 0; margin: 0; }
ul.team li { display: block; width: 130px; float: left; margin: 0; padding: 0 10px 0 0; text-align: center; }
ul.team li.clear { display: block; width: 500px; height: 35px; clear: left; float: none; }
ul.team li a.name { color: #9E7056; font-size: 12px; font-weight: bold; text-decoration:none; }
ul.team li a.title { color: #515151; font-size: 11px; font-weight: normal; text-decoration:none; }

/* form styles */
form.form_login { background-color: #eaeaea; width: 600px; min-height: 250px; height: auto !important; height: 250px; vertical-align: top; padding: 15px; border: 1px #cccccc solid; margin-top: 20px; }
form.form_login ul li { list-style-type: none; display: block; padding: 0 0 15px 0; margin: 0; float: left; width: 100px; clear: none; }
form.form_login ul li.input { width: 450px; clear: right; }
form.form_login input { border: 1px solid #AAAAAA; background-color: #f7f7f7; }
form.form_login input:hover { border: 1px solid #9E7056; }
form.form_login input:active { border: 1px solid #9E7056; }
form.form_login input:focus { border: 1px solid #9E7056; }
form.form_login p { margin-left: 100px; }

form.form_pw { background-color: none; width: 500px; min-height: 350px; height: auto !important; height: 350px; vertical-align: top; padding: 25px 0; float:left; }
form.form_pw ul li { list-style-type: none; display: block; padding: 0 0 10px 0; margin: 0; float: left; width: 200px; clear: none; }
form.form_pw ul li.input { width: 300px; }
form.form_pw ul li.clear { height: 1px; display: block; clear: both; width: 100%; }
form.form_pw input { border: 1px solid #AAAAAA; background-color: #f7f7f7; height: 20px; line-height: 18px; margin-top: 2px; }
form.form_pw input:hover { border: 1px solid #9E7056; }
form.form_pw input:active { border: 1px solid #9E7056; }
form.form_pw input:focus { border: 1px solid #9E7056; }

/* content (from cms) styles */
div.right_content {
	display: block; float: right; width: 250px; 
}