/* --------------------------------------------------------------------- */
/* | CSS by Geecko Web Design - Get Hosting at http://www.geecko.co.uk | */
/* --------------------------------------------------------------------- */

/* CSS Reset */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block;}a img{border:none;}figure{position:relative;}figure img{width:100%;}
li { margin-left:3em;}
h1,h2,h3,h4 { line-height:1em; }
/*  vlight #F7EBEB |light #E8BBBA | medium #CC615D | Dark #A8403D */
/* Basic Formatting */
body                            { font-family: Arial; background: #F7EBEB url('../images/background.jpg') repeat-y center top; }
.navs li, .navs ul              { padding:0; margin:0; list-style-type:none;}
h1, h2, h3, h4, h5              { color:#CC615D; line-height:150%; margin:1%; border-radius:30px 0 30px 0;}
h1              { font-size:26px; margin: 20px 20px 10px 20px;}
h2              { font-size:20px; margin: 5px 15px;}
h3              { font-size:18px; margin: 5px 10px;}
p, ul, li ,ol      { color:#444; font-family: Arial; line-height:150%; font-size:18px;}
a                               { color:#963030;}  

/* Banner Formatting */
.hgroup                         { }
.header                 {margin-top:10px; padding-bottom:10px; background:none;}
.header div     { background:white;}

/* Main Nav Layout */ 
.menu                   { font-size:1.0em; padding:0; text-align:center;  }
.menu ul                { margin: 0 ; border:solid 1px #ccc; border-left:none; border-right:none; } 
.menu li                { position:relative; margin-left:0; list-style-type:none;}
.menu a:link, 
.menu a:visited         { color: #000; text-decoration: none; } 
.menu li ul                             { display:none; z-index:999; background:#FFFaFc; border:solid 1px #cccccc; border-radius:5px; width:auto;}
.menu li:hover ul               { display:block; position:absolute; box-shadow:2px 2px 4px #888;}
.subitem a                              { text-decoration:none; padding:5px;}
.subitem a:hover, .menuitem a:hover             { text-decoration:underline;}


.menu li ul li                  { position:relative; }


/* Main Nav Style */
.menu .menuitem                 {  background:#FFF5F7; background:#CC858E; background:#D9A3A9; margin:5px 0; padding: 0 5px; display:inline-block; vertical-align:top; border:solid 1px #ddd; }
.menu .menuitem a               {  color:black; line-height:150%; font-size:14px; }
/* Main Nav Style - Hover and Active */
.menu .menuitem:hover           { }
.menu .menuitem:hover a         { color:black;  transition:0.5s; }
.menu .active                   {  }
.menu .active a                 { color:black; text-decoration:underline; }


/* Other Formatting */

.content div { background:#fff;}
.content p      { padding:5px 30px; margin: 5px;}

.footer { background:#F7EBEB; background:#aaa;  border-radius: 0; width:100%; box-shadow: 0 0 10px #888; margin-top:20px; padding-top:10px;}
.footer .copyright      { text-align:center; marging-top:10px; padding-top:10px;padding-bottom:10px; font-size:0.6em; }
.footer p                       { color:#555;; text-align:center; }
.footer a                       { color:#333    ;}      
.footer img     { margin:2%; padding:3%; background:#ffffff; box-shadow:4px 4px 12px rgba(0,0,0,0.3); border:solid 1px #cccccc; border-radius:0px;}
.footer c4      { text-align:center; }
.center         { text-align:center;}
.footer h4      { font-size:1em;}
.footer ul, .footer li  {margin:0; padding:0;}

.left   { text-align:left;} .right {text-align:right;}
.headerText     { font-size:1.3em; font-family:arial; color:#aaa; padding:5px 10px;}
.headerText a   { text-decoration:none; color:#999;}

.notmobile      { display:block;}
.mobile         { display:none;}

blockquote  {padding:10px 20px 40px 20px; border:solid 1px #ccc; }
blockquote q {font-size:0.95em;}
blockquote cite {font-size:0.95em;}

/* mobile */
@media handheld, only screen and (max-width: 767px) 
{
.header .nav li ul a            {  }
.header .nav li ul              { display:block; position:relative;}
.header .nav li:hover ul        { display:block; position:relative; top:0; }
.header .nav li:hover ul li a   { }
.section ul     { padding:0.5em 0.5em 0.5em 1em; }
.footer img { width:39%; margin:0 1% 3% 1%; display:inline; float:left;  }
.notmobile      { display:none;}
.mobile         { display:block;}
.mobile img     { width:30%;}
        
        
}