/* -------------------------------------------
project:	Ayr Marmers Mutual
date:		2007/08/10
------------------------------------------- */

html { min-height: 100%; margin-bottom: 1px; font-size: 100.01%; }
body { margin: 0; padding: 0; background: #fff url(../images/bg.gif); color: #7d7d7d; font: 68.75%/182% Verdana,Arial,Helvetica,sans-serif; }
textarea, input, select, option, button { font: 1em Verdana,Arial,Helvetica,sans-serif; }

/* COMMON
------------------------------------------- */
fieldset { border: none; margin: 0 0 12px; padding: 0; }
legend { display: none; }
button { overflow: visible; cursor: pointer; }

img { border: none; }

em { color: #5c94ff; }

abbr, 
acronym { border-bottom: 1px dotted #aaa; }

dl { margin: 0 0 12px; }
 dt { font-weight: bold; }
 dd { margin: 0; }

p { margin: 0 0 20px; }

a { color: #54ae5f; text-decoration: underline; }
a:hover, a:focus, a:active { color: #000; text-decoration: none; }

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 12px; font: bold 2.4em Arial,Helvetica,sans-serif; color: #293d6d; }
h1 { font-size: 2.182em; font-weight: normal; text-transform: uppercase; }
h2 { margin: 25px 0 15px; border-bottom: 1px solid #d7d7d7; color: #d7d7d7; font-size: 2.182em; font-weight: normal; text-transform: uppercase; }
h3 { margin: 25px 0 10px; color: #5c94ff; font-size: 1.454em; text-transform: uppercase; }
h4 { margin: 0 0 3px; color: #293d6d; font: bold 1em Verdana,sans-serif; }
h5 { display: inline; color: #54ae5f; font: italic 1em Verdana,sans-serif; }
h6 { font-size: 0.800em; }

/* HELPERS
------------------------------------------- */
.wrapper { overflow: hidden; }
.offset { position: absolute; left: -10001em; top: -10001em; }

/* LAYOUT
------------------------------------------- */
#root-wrap { background: #fff; }
#root { width: 998px; margin: 0 auto; }
 #top { position: relative; height: 105px; }
  #logo { position: absolute; left: 20px; top: 25px; width: 225px; height: 63px; background: url(../images/logo.png) no-repeat; }
   #logo a { display: block; overflow: hidden; width: 100%; height: 100%; text-indent: -10001px; }
  #quick-nav { float: right; position: absolute; right: 20px; bottom: 0; padding: 0 0 0 8px; background: url(../images/bg-quick-nav.png) no-repeat; }
   #quick-nav ul { float: left; list-style: none; height: 36px; margin: 0; padding: 0 7px 0 0; background: url(../images/bg-quick-nav.png) 100% 0 no-repeat; }
    #quick-nav ul li { float: left; height: 36px; padding: 0 10px; font-size: 0.91em; font-weight: bold; line-height: 36px; text-transform: uppercase; }
     #quick-nav ul li a { color: #fff; text-decoration: none; } 
     #quick-nav ul li a:hover { text-decoration: underline; } 
 
 .header { height: 115px; padding: 1px; border: 1px solid #54ae5f; border-width: 1px 1px 0; background: url(../images/header-secondary.jpg) 50% 50% no-repeat; }
 
 body.home #header { height: 274px; background-image: url(../images/header-home.jpg); }
  
  .header p { position: absolute; left: -10001em; top: -10001em; }
  
 #nav { position: relative; z-index: 3; list-style: none; width: 996px; height: 32px; margin: 0 0 -1px; padding: 0; border: 1px solid #54ae5f; border-width: 0 1px; }
  #nav li { position: relative; float: left; width: 121px; height: 30px; padding: 0 0 0 1px; text-transform: uppercase; }
  #nav li.about { width: 125px; }
  #nav li.our-people { width: 126px; }
  #nav li.news-and-events { width: 126px; }
  #nav li.contact { width: 126px; }
   #nav li a { display: block; background: url(../images/bg-nav.gif) repeat-x; color: #fff; font-size: 0.91em; line-height: 30px; text-align: center; text-decoration: none; }
   #nav li a:hover { background-image: url(../images/bg-nav-on.gif); color: #1b2a54; text-decoration: none; }
    #nav li a em { display: none; background: url(../images/bg-nav-on.gif); }
   #nav li ul { display: none; position: absolute; left: 0; top: 30px; list-style: none; margin: 0; padding: 1px 1px 0; background: #fff; }
   #nav li:hover ul { display: block; }
    #nav li ul li { width: 248px; height: auto; padding: 0; margin: 0 0 1px; font-weight: bold; }
     #nav li ul li a { display: block; float: none; width: 230px; padding: 0 0 0 18px; background: #54ae5f; text-align: left; }
     #nav li ul li a:hover { background: #78e48e; color: #fff; }
	 #nav li ul li a.parent { background-image: url(../images/bg-nav-parent.gif); background-position: 230px 50%; background-repeat: no-repeat; }
	 #nav li ul li a.parent { background-image: url(../images/bg-nav-parent.gif) !important; background-position: 230px 50% !important; background-repeat: no-repeat !important; }
	 #nav li:hover ul li ul { display: none; position: absolute; left: 248px; top: -1px; }
	 #nav li ul li:hover ul { display: block; }
 body.home #content { overflow: hidden; position: relative; z-index: 3; margin: -20px 0 0; padding: 0 20px 15px; }
  body.home #content div.main { float: left; width: 75%; }
  body.home #content div.side { float: right; width: 23.5%; }
   body.home #content h2 { margin: 0 0 10px; border-bottom: 2px solid #d7d7d7; font-size: 1.63em; font-weight: normal; }
 body.subs #content { overflow: hidden; padding: 0 1px; border: 1px solid #54ae5f; border-width: 0 1px; background: url(../images/bg-side.gif) 1px 0 repeat-y; }
  body.subs #content div.side {  float: left; width: 252px; }
  body.subs #content div.main { float: right; width: 701px; padding: 20px; }
   #main-header { position: relative; margin: -20px -20px -50px; padding: 15px 20px 0; height: 95px; background: url(../images/head-blue.png) no-repeat; color: #fff; }
   /* CUSTOM HEADERS */
   div.agribusiness {background: url(../images/head-yellow.png) no-repeat !important;}
   div.commercial {background: url(../images/head-red.png) no-repeat !important;}
   div.financial {background: url(../images/head-orange.png) no-repeat !important;}
   /* END CUSTOM HEADERS */
    #main-header h1 {font-size:22px; font-family:Geneva, Arial, Helvetica, sans-serif; color: #fff; text-transform: none;}
     #main-header h1 em { color: #cfcfcf; }
#footer-wrap { background: url(../images/bg-footer.gif) repeat-x; }
 #footer { overflow: hidden; width: 958px; margin: 0 auto; padding: 2px 0 30px; }
  #footer-nav { position: relative; list-style: none; margin: 0 0 0px -23px; padding: 0; }
   #footer-nav li { display: inline; padding: 0 0 0 23px; font-size: 0.91em; line-height: 30px; text-transform: uppercase; }
    #footer-nav li a { color: #fff; text-decoration: none; }
    #footer-nav li a:hover { text-decoration: underline; }
  #footer p { float: right; font-size: 0.91em; margin:25px; }
  #footer p.first { float: left; color: #323232; line-height: 130%; }
   #footer p img { margin: 0 0 0 5px; vertical-align: -4px; }
   #footer p a { color: #323232; text-decoration: underline; }
   #footer p a:hover { color: #000; text-decoration: none; }

  #footer p.om_logo{ float:left; margin:0px; }
#footer p.om_logo img{margin:0px;}
/* SKIP LINKS
------------------------------------------- */
#skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
 #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 750px; padding: 2px 0; background: #579; color: #fff; font-size: 1.4em; text-align: center; }
   
/* ELEMENTS
------------------------------------------- */
#colour-cols { position: relative; z-index: 1; overflow: hidden; width: 100%; margin: 0 0 -15px; padding: 0 0 83px; background: url(../images/cc-more.png) 0 100% no-repeat; }
 #colour-cols div.item { position: relative; display: inline; float: left; width: 243px; min-height: 368px; margin: 0 0 0 1px; color: #fff; font-size: 1.09em; line-height: 133%; }
 #colour-cols div.item:hover { background-position: -243px 0; }
 #colour-cols #cc-personal { width: 252px; margin-left: 2px; }
 #colour-cols #cc-personal:hover { background-position: -252px 0; }
 #colour-cols #cc-financial { width: 253px; }
 #colour-cols #cc-financial:hover { background-position: -253px 0; }
 #cc-personal { background: url(../images/cc-personal.jpg) no-repeat; }
 #cc-agribusiness { background: url(../images/cc-agribusiness.jpg) no-repeat; }
 #cc-commercial { background: url(../images/cc-commercial.jpg) no-repeat; }
 #cc-financial { background: url(../images/cc-financial.jpg) no-repeat; }
  #colour-cols div.item h3 { position: absolute; left: 50%; bottom: -32px; display: inline; width: 240px; height: 32px; margin: 0 0 0 -120px; }
   #colour-cols div.item h3 a { display: block; width: 100%; height: 100%; text-indent: -10001em; }
  #colour-cols div.item div.content { display: none; padding: 118px 10px 5px 20px; color:white;}
  #colour-cols div.item:hover div.content { display: block; }
   #colour-cols div.item:hover div.content p { margin-bottom: 25px; }
   #colour-cols div.item:hover div.content ul.a { margin-bottom: 25px; font-weight: bold; }
   #colour-cols div.item div.content em { color: #fff; }
  
#side-nav { overflow: hidden; list-style: none; width: 100%; margin: 0; padding: 0; }
 #side-nav li { float: left; width: 100%; border-bottom: 1px solid #fff; }
  #side-nav li a { float: left; width: 222px; padding: 0 10px 0 20px; color: #1b2a54; font-size: 0.91em; font-weight: bold; line-height: 30px; text-transform: uppercase; text-decoration: none; }
  #side-nav li a:hover { text-decoration: none; }
  #side-nav li.active a { background: #4fa75a; color: #fff; }
  #side-nav li.active ul li { background: #6cc177; color: #fff; }
  #side-nav li ul { float: left; list-style: none; margin: 0; padding: 0 0 0 0px; border-top: 1px solid #fff; background: #f3f4f5; }
   #side-nav li ul li { border: none; padding-left:20px; }
    #side-nav li ul li a { width: 202px; background: none !important; }
	#side-nav li ul {padding-left:0px; width:100%; }
    #side-nav li ul li a:hover,
    #side-nav li ul li a.active { color: #36863f; }
	#side-nav li ul li a.activesublist { color: #1b2a54; }
	#side-nav li ul li ul {border:none !important;}
  
  
p.ccm { margin: 0 0 1px; }
p.ccm a { display: block; overflow: hidden; width: 252px; height: 105px; text-indent: -10001em; background-repeat: no-repeat; background-position: 0 0; }
p.ccm a:hover { background-position: -252px 0; }
a.ccm-personal { background-image: url(../images/ccm-personal.jpg); }
a.ccm-agribusiness { background-image: url(../images/ccm-agribusiness.jpg); }
a.ccm-commercial { background-image: url(../images/ccm-commercial.jpg); }
a.ccm-financial { background-image: url(../images/ccm-financial.jpg); }
  
img.right { display: inline; float: right; margin: 0 0 3px 15px; padding: 3px; border: 1px solid #8b8b8b; border-width: 0 1px 1px 0; }
img.left { display: inline; float: left; margin: 0 15px 3px 0; padding: 3px; border: 1px solid #8b8b8b; border-width: 0 1px 1px 0; }
  
ul.a { margin: 0 0 12px; padding: 0 0 0 20px; }
 ul.a li { margin: 0 0 7px; }

p.bigger { font-size: 1.08em; }

div.news-a { padding: 3px 0 0; text-align: justify; }
 div.news-a p.image { display: inline; float: left; margin: -3px 10px -3px 0; }
 div.news-a h3 { margin: 0; color: #1b2a54; font-size: 1.18em; line-height: 154%; text-transform: none; }
  div.news-a h3 a { color: #1b2a54; text-decoration: none; }
  div.news-a h3 a:hover { text-decoration: underline; }
 div.news-a p { margin: 0; }
 div.news-a p.more { float: right; width: 55px; height: 31px; background: url(../images/bg-more.png) 50% 0 no-repeat; font-size: 0.91em; font-weight: bold; text-transform: uppercase; text-align: center; }
  div.news-a p.more a { padding: 0 2px 0 7px; background: url(../images/bullet-a.gif) 0 55% no-repeat; color: #fff; line-height: 31px; text-decoration: none; }
  
div.three-cols { overflow: hidden; width: 100%; margin: 0 0 15px; }
 div.three-cols div.news-a { float: left; width: 214px; padding-right: 25px; }
 
body.subs #content div.main ul { background: #eaf5ec; margin: 0 0 20px; padding: 5px 10px 5px 30px; list-style-image: url(../images/bullet-b.gif); }
body.subs #content div.main ol { background: #eaf5ec; margin: 0 0 20px; padding: 5px 10px 5px 30px; }

div.news-list { }
 div.item-a { position: relative; overflow: hidden; width: 100%; padding: 10px 0 0; border-top: 2px solid #d7d7d7; }
 div.news-list div.first { margin: -10px 0 0; border-top: none; }
  div.item-a h4 { display: inline; font-size: 1.18em; }
  div.item-a p { margin: 0 0 5px; }
   div.item-a p a.more { padding: 0 0 0 7px; background: url(../images/bullet-c.gif) 0 50% no-repeat; color: #54ae5f; font-size: 0.91em; font-weight: bold; text-decoration: none; text-transform: uppercase; }
  div.item-a p.date { display: inline; color: #555; }
  div.item-a p.download { position: absolute; right: 0; top: 5px; }
  
div.link-list { margin: -12px 0 0; }
 div.item-b { overflow: hidden; width: 100%; padding: 7px 0 0; border-top: 2px solid #d7d7d7; } 
 div.link-list div.first { padding-top: 7px; border-top: none; } 
  div.item-b p { margin: 0 0 7px; } 
   div.item-b p a.more { padding: 0 0 0 7px; background: url(../images/bullet-c.gif) 0 50% no-repeat; color: #54ae5f; font-size: 0.91em; font-weight: bold; text-decoration: none; text-transform: uppercase; }
  div.item-b p.image { float: left; width: 110px; } 
  div.item-b h4 { display: inline; font-size: 1.18em; }
  div.item-b p.link { display: inline; color: #555; }
   div.item-b p.link a { font-style: italic; color: #5c94ff; text-decoration: none; }
   div.item-b p.link a:hover { text-decoration: underline; }
   
table { border-spacing: 2px; background: #d7d7d7; font-size: 0.91em; line-height: 1.5em; }
 table thead th { background: #253a6f; color: #fff; text-transform: uppercase; }
 table tbody th { color: #54ae5f; text-transform: uppercase; }
 table th, table td { padding: 10px; border: 1px solid #fff; background: #fff; }
 table tr.alt td, table tr.alt th { background: #eaf5ec; }
 
p.tiny-info { font-size: 0.91em; font-style: italic; }

form { margin: 0 0 20px; }
 form fieldset { margin: 0; padding: 20px 0; border-bottom: 1px solid #d7d7d7; border-top-color: #fff; }
  form div { overflow: hidden; padding: 5px 0; }
  form div.alt { background: #eaf5eb; }
   form div label,
   form div span.label { float: left; width: 115px; margin: 2px 0 0; padding: 0 10px 0 0; color: #333; font-size: 0.91em; line-height: 110%; text-align: right; }
   form div.long-labels label,
   form div.long-labels span.label { margin: -3px 0 0; }
   form div input { float: left; width: 265px; font-size: 0.91em; }
   form div input.s { width: 125px; }
   form div input.m { width: 165px; }
   form div input.box { width: auto; }
   form div span.shorter { float: left; width: 169px; }
    form div span.shorter * { float: none; width: auto; padding: 0; vertical-align: middle; }
   form div select { float: left; width: 269px; font-size: 0.91em; }
   form div textarea { float: left; width: 265px; font-size: 0.91em; }
 form div.submit { padding: 20px 0 0; }
  form button { padding: 0; border: none; background: none; }
  
dl.faq { margin: 0 0 20px; padding: 0; }
 dl.faq dt { padding: 5px 30px 5px 0px; border-bottom: 2px solid #d7d7d7; background: url(../images/faq-plus.gif) 100% 50% no-repeat; font-size: 1.18em; }
 dl.faq dt.collapse { border-bottom: none; background-image: url(../images/faq-minus.gif); }
 dl.faq dd { padding: 0px 20px 5px 0px; display: none; border-bottom: none; }
 dl.faq dd.visible { display: block; border-bottom: 2px solid #d7d7d7; }
 
div.people-list { margin: 0 0 20px; }
 div.item-c { overflow: hidden; width: 100%; padding: 10px 0; border-top: 2px solid #d7d7d7; }
 div.people-list div.first { padding-top: 0; border-top: none; }
  div.item-c p { margin: 0; }
  div.item-c p.image { float: left; width: 200px; }
   div.item-c p.image img { padding: 4px; border: 1px solid #b2b2b2; border-width: 0 1px 1px 0; }
  div.item-c h4 { display: inline; font-size: 1.18em; }
  div.item-c p.title { display: inline; color: #555; }
  
blockquote { margin: 0 0 20px; padding: 5px 25px 0 45px; border: 2px solid #54ae5f; border-width: 2px 0; background: #eaf5ec url(../images/quotie-a-b.gif) 99% 90% no-repeat; color: #293d6d; font-size: 1.27em; }
 blockquote p { margin: 0 0 10px; }
 blockquote p.first { margin-left: -40px; padding-left: 40px; padding-top: 5px; background: url(../images/quotie-a-t.gif) 5px 5px no-repeat; }
 
 
 
 
 /* GET A QUOTE FORM STYLES */
.quote_form {
	margin: 0 0 20px; 
}
.quote_form div label {	 margin: 2px 0 2px; padding: 0 10px 0 0; color: #333; font-size: 0.91em; line-height: 110%; text-align: left; clear: both;}
.quote_form div input { width: 265px; font-size: 0.91em; }



.table_form {
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
}

.table_form label {
	
}
.table_form input, .table_form select {
	width: 250px;
}


textarea {
	width: 250px;
}