/* -----------------------------------------------
   CSS Framework v2.2
   Copyright to James Kirby - www.jameskirby.me.uk
   Creative Commons Attribution-Noncommercial-No Derivative Works 2.0 UK: England & Wales License (http://creativecommons.org/licenses/by-nc-nd/2.0/uk/)
   Updated: Feb 24th 2009 12:43pm
----------------------------------------------- */

html { margin:0; padding:0; }
body { margin:0; padding:0; color:#191919; background:#FFFFFF url("background.gif") center top repeat-y; font-size:0.8em; font-family:Arial,Helvetica,Sans-serif; }

img { border-style:none; display:block; }
img.inline,
#article img,
#sidebar img { display:-moz-inline-stack; display:inline-block; }
img.block, embed, object { display:block!important; }
img.icon,
img.arrow { display:-moz-inline-stack; display:inline-block; vertical-align:middle; }

form { margin:0 0 16px 0; padding:0; }
blockquote { margin:16px; }
hr { border:none 0; margin:16px 0; border-top:1px solid #d9d9d9; height:0; }
p { padding:0; margin:0 0 16px 0; }
p.end { padding:0; margin:0; }

dt { font-weight:bold; margin-bottom:4px; }
dd { margin-bottom:16px; }

h1 { color:#0f2243; font-size:1.6em; margin-top:0; }
h2 { color:#3da147; font-size:1.2em; margin:0 0 4px 0; }
h3 { color:#3da147; font-size:1.2em; margin-top:0; }
h4, h5, h6 { color:#000000; font-size:1em; }

a,
a:visited { color:#0f2243; text-decoration:underline; outline:none; }
a:focus,
a:hover { color:#5aac46; text-decoration:underline; }
a:active { color:#098441; text-decoration:underline; }

ul.none { list-style:none; margin:0; padding:0; }
ul.none li { padding:0 0 16px 0; }

ul.compact { list-style:none; margin:0; padding:0; }
ul.compact li { padding:0; margin:0; }

.clear { clear:both; height:0; overflow:hidden; }
.hide { display:none; }
.error { color:#FF0000; font-weight:bold; }
.nowrap { white-space:nowrap; }

.photoRight { float:right; margin:3px 0 15px 21px; }
.photoLeft { float:left; margin:3px 10px 7px 0; }
.photoCentre { display:block; margin:0 auto; }
.center { text-align:center; }
.right { text-align:right; }
.justify { text-align:justify; }

.uppercase { text-transform:uppercase; }
.nomargins { margin:0!important; padding:0!important; }

.article { background:url("article.gif") left top repeat-y; }
.article-margin { background:url("article.gif") left top repeat-y; margin-bottom:16px; }
.article-left { width:295px; float:left; }
.article-right { width:295px; float:right; }
.article-rightalt { width:295px; float:right; text-align:right; }

.protection { unicode-bidi:bidi-override; direction:rtl; }

img.roundedCorners { -moz-border-radius:10px; -webkit-border-radius:10px; }


/* ----------------------
   Interface CSS
---------------------- */

#container { width:900px; margin:0 auto; }

#accessibility { height:0; overflow:hidden; }
#accessibility p { text-indent:-9000px; }

#header { width:900px; height:83px; margin-top:30px; overflow:hidden; }
#header_left { width:271px; height:83px; float:left; background:#FFFFFF url("cmc_logo.gif") left top no-repeat; }
#header_left p { margin:0; padding:0; }
#header_left p a,
#header_left p a:visited { width:271px; height:83px; display:block; text-indent:-9000px; }

#header_right { width:250px; float:right; text-align:right; font-weight:bold; font-size:1.37em; line-height:1.53em; }
#header_right p { margin:0; padding:0; } 
#header_right a,
#header_right a:visited { text-decoration:none; }
#header_right a:focus,
#header_right a:hover { text-decoration:underline; }
#header_right a:active { text-decoration:underline; }

#photo { width:900px; height:210px; overflow:hidden; margin-bottom:16px; }
#photo p { margin:0; padding:0; }

#nav { width:900px; color:#5aac46; margin-bottom:16px; font-weight:bold; font-size:1.17em; }
#nav ul { list-style:none; margin:0; padding:0 0 0 92px; }
#nav ul li { float:left; }
#nav ul li a,
#nav ul li a:visited { text-decoration:none; }
#nav ul li.active a,
#nav ul li a:focus,
#nav ul li a:hover { text-decoration:underline; }
#nav ul li a:active { text-decoration:underline; }

#subnav { width:623px; margin-bottom:21px; }
#subnav ul { list-style:none; margin:0; padding:0; }
#subnav ul li { float:left; width:176px; height:17px; overflow:hidden; margin-right:16px; background:#0f2243 url("subnav.gif") left top no-repeat; padding:5px 5px 5px 16px; font-weight:bold; }
#subnav ul li.end { margin-right:0; }
#subnav ul li.active { background:#dedede url("subnav_active.gif") left top no-repeat!important; color:#0f2243; }
#subnav ul li a,
#subnav ul li a:visited { color:#FFFFFF; display:block; text-decoration:none; }
#subnav ul li a:focus,
#subnav ul li a:hover { color:#5aac46; text-decoration:underline; }
#subnav ul li a:active { color:#098441; text-decoration:underline; }

#article { width:623px; float:left; margin-bottom:16px; }
#article_padding { text-align:justify; }
#sidebar { width:261px; float:right; }
#article,
#sidebar p { line-height:1.33em; }

#footer { width:900px; height:85px; background:#0f2243 url("footer.gif") left top no-repeat; overflow:hidden; color:#FFFFFF; }
#footer p { margin:0; }
#footer a,
#footer a:visited { color:#FFFFFF; text-decoration:none; font-weight:bold; }
#footer a:focus,
#footer a:hover { color:#FFFFFF; text-decoration:underline; }
#footer a:active { color:#FFFFFF; text-decoration:underline; }
#footer_left { width:660px; float:left; }
#footer_left .padding { padding:5px 0 0 15px; }
#footer_left .padding p { margin:0 0 17px 0; line-height:1.33em; }
#footer_right { width:200px; float:right; }
#footer_right .padding { padding:5px 0 5px 0; }
#footer_right .padding p { margin:52px 0 0 0; }
#footer_right .padding p a,
#footer_right .padding p a:visited { font-weight:normal; color:#8d96a6; }

#base { height:16px; }


/* ----------------------
   Content CSS
---------------------- */

.greenlight { color:#95c637; }
.greendark { color:#5aac46; }

.home-panel { float:left; width:197px; /*height:132px;*/ margin-right:16px; background:#FFFFFF url("home-panel.gif") left top no-repeat; }
.home-panel-end { float:left; width:197px; height:132px; background:#FFFFFF url("home-panel.gif") left top no-repeat; }
.home-padding { padding:15px 10px 0 15px; text-align:left!important; }
.home-padding p { padding:0; margin:0 0 10px 0; color:#FFFFFF; font-weight:bold; line-height:normal!important; }
.home-padding h1 { margin:0 0 10px 0; line-height:normal!important; }
.home-padding h1 a,
.home-padding h1 a:visited { color:#FFFFFF; text-decoration:none; display:block; }
.home-padding h1 a:focus,
.home-padding h1 a:hover { text-decoration:underline; }
.home-padding h1 a:active { text-decoration:underline; }
.home-padding p a,
.home-padding p a:visited { color:#FFFFFF; height:21px; background:url("home-panel-link.gif") left top no-repeat; overflow:hidden; display:block; text-indent:-9000px; }

.side-panel-header { width:261px; height:13px; background:#dedede url("side-panel-header.gif") left top no-repeat; overflow:hidden; }
.side-panel { margin-bottom:16px; background:#dedede url("side-panel-footer.gif") left bottom no-repeat; }
.side-padding { padding:0 15px 15px 15px; }
.side-padding p { margin:0 0 10px 0; }
.side-padding h3 { color:#191919; }

#googleMap { border:2px solid #000000; margin-bottom:16px; width:167px; overflow:hidden; }

/* ----------------------
   HighSlide
---------------------- */

.highslide { cursor:url("../behaviour/highslide/zoomin.cur"), pointer; outline:none; }
.highslide-caption { display:none; padding:5px 7px 5px 7px; background-color:#333333; color:#FFF; font-weight:bold; text-align:center; }
.highslide-loading { display:block; color:#FFF; font-size:9px; font-weight:bold; text-transform:uppercase; text-decoration:none; padding:3px; border:1px solid #FFF; background-color:#000; }
.highslide-display-block { display:block; }
.highslide-display-none { display:none; }
.closebutton { position:relative; top:-15px; left:15px; width:30px; height:30px; cursor:pointer; background: url("../behaviour/highslide/close.png"); }

/* ----------------------
   Tables
---------------------- */

.table { margin-bottom:16px; width:100%; border-collapse:collapse; }
.table caption { text-align:left; font-size:0.85em; }
.table th,
.table td { border-bottom:1px solid #B4B4B4; padding:3px 3px 3px 0; }
.table th { text-align:left; vertical-align:bottom; }
.table th a,
.table th a:visited { text-decoration:none; }
.table th a:hover { text-decoration:underline; }
.table td { text-align:left; vertical-align:top; }
.table thead th,
.table thead td { border-bottom:2px solid #B4B4B4!important; font-weight:bold; }
.table tbody tr:hover { background-color:#E8E8E8; }
.table tbody tr.alt { background-color:#E8E8E8; }
.table tbody tr.alt:hover { background-color:#D1D1D1; }

/* ----------------------
   Contact Form / +94
---------------------- */

#form { width:603px; clear:both; }
#form p { clear:both; }
#form label { width:244px; float:left; text-align:right; font-weight:bold; line-height:100%; margin-bottom:15px; }
#form input.field { float:right; margin:0; padding:3px; width:333px; margin-bottom:5px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
#form select.field { float:right; margin:0; padding:3px; width:343px; margin-bottom:5px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
#form textarea { float:right; margin:0; padding:4px; width:335px; margin-bottom:15px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }
#form small { color:#666; }
#form .submit { float:right; width:347px; display:block; margin-bottom:16px; }
#form .submit input { margin:0; padding:0; }
.form-error { color:#D20000; margin-left:166px; font-size:0.87em; font-weight:bold; padding:2px 0 0 0; }

#form div.other { float:right; width:347px; display:block; margin-bottom:16px; }
#form div.other label,
#form div.other input { float:none; width:auto; }

#form span.other { float:right; width:347px; display:block; margin-bottom:16px; }
#form span.other label,
#form span.other input { float:none; width:auto; }

.form-field { margin:0; padding:3px; width:222px; font-family:Arial,Helvetica,Sans-serif; font-size:1em; }