/* crsac.co.uk styles */

body { background-color: #FFFFFF; text-align: center; margin: 30px 0; }
div#frame { width: 768px; margin: 0 auto; text-align: left; }

div#masthead { width: 740px; height: 150px; margin: 0 14px; padding: 0; }
div#masthead h1 { width: 77px; height: 88px; margin: 7px 0 0 0; float: left; text-indent: -9999px; }
div#masthead h1 a { width: 100%; height: 100%; display: block; background: transparent url(../images/vision_logo.gif) no-repeat; text-decoration: none; }
div#masthead a { text-decoration: none; }

div#submenus { width: 520px; float: right; text-align: right; }
ul.submenu { list-style: none; margin: 0 0 0 5px; padding: 0; float: left; width: 240px; text-align: left; }
ul.submenu li { width: 100%; height: 22px; margin: 0 0 2px 0; padding: 0; font: 11px Arial, sans-serif; overflow: hidden; }
ul.submenu li a { padding: 4px; margin: 0; text-decoration: none; }
html>body #submenus li a { width: auto; }

div#leftcol { width: 350px; float: left; }
div#rightcol { width: 418px; float: left; margin: 15px -3px 0 0; }

div#leftcol ul { margin: 0; padding: 0; }
div#leftcol li { list-style-type: none; width: 300px; font: 12px Arial, sans-serif; line-height: 16px; margin: 4px 0 8px 16px; padding-left: 16px; background: transparent url(../images/subnav_arrow_black.gif) no-repeat; }
div#leftcol li a { text-decoration: none; font-weight: bold; }
div#leftcol li a:hover { color: #330153; }

div#rightcol blockquote { font: 14px Georgia, Times, serif; line-height: 18px; font-style: italic; margin: 10px 20px; padding: 0; }
div#rightcol ul { margin: 10px 0 10px 15px; padding: 0; }
div#rightcol p, div#rightcol li { font: 12px Arial, sans-serif; line-height: 16px; margin: 4px 0 8px 10px; width: 390px; }
/*div#rightcol h3 { font: 18px Arial, sans-serif; line-height: 24px; margin: 6px 0 22px 0; font-weight: bold; }
div#rightcol h4 { font: 14px Arial, sans-serif; line-height: 16px; margin: 15px 0 2px 0; font-weight: bold; } */

div#footer { width: 740px; margin: 0 13px; padding: 0; clear: both; }
div#footer ul { list-style: none; margin: 0; padding: 0; }
div#footer ul li { margin-top: 20px; }
div#footer ul li p { font: 12px Arial, sans-serif; color: #0F977C; font-weight: bold; margin: 25px 0 0 5px; }
div#footer ul li#aboutcrasac p { font: 12px Arial, sans-serif; color: #000; font-weight: bold; margin: 25px 0 0 5px; }
div#footer ul li#conf p { font: 12px Arial, sans-serif; color: #000; font-weight: bold; margin: 25px 0 0 5px; }
div#footer ul li p a { text-decoration: none; color: #0F977C; }
div#footer ul li p a:hover { text-decoration: none; color: #D6166F; }
div#footer ul li#aboutcrasac p a { display: block; text-decoration: none; color: #0F977C; }
div#footer ul li#aboutcrasac p a:hover, div#footer ul li#conf p a:hover { display: block; text-decoration: none; color: #D6166F; }
div#footer ul li#conf p a { display: block; text-decoration: none; color: #0F977C; }
html>body #footer li a { width: auto; }
li#phone { width: 239px; height: 62px; float: left; background: transparent url(../images/phone.gif) no-repeat; }
div#footer ul li#phone p { color: #D6166F; }
li#email { width: 237px; height: 62px; float: left; margin-left: 12px; background: transparent url(../images/email.gif) no-repeat; }
li#blank { width: 112px; height: 62px; float: left; margin-left: 12px; background: transparent url(../images/blank_button.gif) no-repeat; }
li#home { width: 112px; height: 62px; float: left; margin-left: 12px; background: transparent url(../images/home_button.gif) no-repeat; }
li#conf, li#aboutcrasac { width: 112px; height: 62px; float: left; margin-left: 12px; background: transparent url(../images/blank_button.gif) no-repeat; }
.closingquote { text-align: right; }