/*
    Project: Lunds of Otley
    URL: http://www.lundsofotley.com/index.html
    
    Author: gareth@dataphiles.co.uk
    Date: 05/09/08
*/

/*

Dark Green: #215d3d
Light Green: #d5da54

*/


address {font-style:normal}
blockquote {font-style:italic}

a, img, span {border:0; margin:0; padding:0;}

form {margin:0}

table.border {border:1px solid #A19A92}

table {font-size:100%; width:100%; border-collapse:collapse}

table th {text-align:center; font-weight:bold; background:#A19A92; color:#fff; padding:5px 0}

table.border td {padding:5px 5px; text-align:center; font-size:85%; border-right:1px solid #DDDADA; border-bottom:1px solid #DDDADA}

table.border td.hrana {border-right:0}

table.border td.hrana2 {border-bottom:0}

table.border tr.sudy {background:#F5F4F4}

h1 {clear:both; color: #215d3d; text-transform: uppercase;}

h2 {clear:both; font-size:150%; color: #215d3d; text-transform: uppercase;}

h3 {clear:both; font-size:100%; color: #215d3d;}

hr {height:1px; color:#ddd; background-color:#ddd; border: 0px solid #ddd}

input {color:#989898; }

/* Floating */
.f-left {float:left;}
.f-right {float:right;}

/* Text align */
.t-left {text-align:left;}
.t-center {text-align:center;}
.t-right {text-align:right;}

/* Padding */
.p-ten {padding: 10px;}

/* Colour */
.black {color: #000;}

body {background:#d5da54 url("../Images/bg-image.png") 0 0 repeat-x; font:70%/160% "verdana",sans-serif; color: #030000;  margin:0; padding:0; min-height:1px;}

#main {width:979px; margin: 15px auto; }

/* header */
#header {padding: 30px 45px 0 30px; background: transparent url("../images/top.png") no-repeat;}
    
    #header .header-top { background-color: #215d3d; margin-bottom: 2px; padding: 0px; border-top: solid 2px #fff; border-right: solid 2px #fff; border-bottom: solid 2px #fff;}
    
        #header .header-top .logo { float: left; padding-top: 15px; }
        
        #header .header-top .header-images { height: 102px;  margin-left: 240px;}
        
        #header .header-top .header-images img {}
        
    #header .header-links {padding: 0; list-style-type: none; background-color: #c1c829; }
     
        #header .header-links ul{ list-style: none; background-color: #c1c829; margin: 0; padding: 0;}
        
        #header .header-links ul li{position: relative; float: left; display: inline;}
        
        #header .header-links ul li a {color: #fff; background-color: #c1c829; text-decoration: none; display: block; width: 110px; padding: 0 8px; border: 1px solid #215d3d; border-left-width: 0; border-top-width: 0; border-bottom-width: 0;text-align: center; }
        
        #header .header-links ul li a:hover {background-color: #e2e76d; color: #215d3d;}
        
        #header .header-links .selected{background-color: #e2e76d; color: #215d3d;}

/* content */

#content { background: transparent url("../images/main.png") repeat-y; width: 910px; padding: 2px 45px 0 30px;}

    #content #main-content { background: #fff url("../images/main-content.png") no-repeat bottom right; width: 904px; }
        
        #content #main-content .main-sub-links {padding-top: 3px; list-style-type: none; font-size: 90%; }
         
            #content #main-content .main-sub-links ul{ list-style: none; background-color: #c1c829; margin: 0; padding: 0;}
            
            #content #main-content .main-sub-links ul li{position: relative; float: right; display: inline;}
            
            #content #main-content .main-sub-links ul li a {color: #fff; background-color: #215d3d; text-decoration: none; display: block; width: 95px; padding: 1px 8px; border: 1px solid #fff; border-left-width: 0; border-top-width: 0; border-bottom-width: 0;text-align: center; }
            
            #content #main-content .main-sub-links ul li a:hover {color: #e2e76d;}
            
            #content #main-content .main-sub-links .main-bar-left{ background: transparent url("../images/main-bar-left.png") no-repeat; }
            
            #content #main-content .main-sub-links .selected{color: #e2e76d; }
            
            #content #main-content .main-sub-links .main-bar-left-selected{color: #e2e76d; background: transparent url("../images/main-bar-left.png") no-repeat; }
    
        #content #main-content .content-body { padding: 5px 0 0 35px;}
        
            #content #main-content .content-body .text-box {background: transparent url("../images/content-back.gif") no-repeat center center; width: 50%; padding-bottom: 20px; line-height: 130%; float: left;}
            
            #content #main-content .content-body .image-box {width: 49%; padding-bottom: 42px; line-height: 130%; float: right;}
            
            #content #main-content .content-body .image-wrapper {background-color: #215d3d; float: right; padding: 8px; padding-right: 0px; }
            
            #content #main-content .content-body .certs-wrapper { position: relative; top: -30px; right: -150px; width: 270px; padding: 0 5px 0 5px;}
            
            #content #main-content .content-body .certs-wrapper img { padding-left: 5px; padding-right: 5px;}
                    
        
/* body-footer */

#body-footer { padding: 2px 45px 0 35px; background:url("../images/bottom.png") no-repeat bottom; }

        #body-footer .address {padding-top: 3px; font-size: 80%; color: #fff; text-transform: uppercase; font-weight: bold;}
     
            #body-footer .address ul{margin: 0; padding: 0;}
            
            #body-footer .address ul li{display: inline; }
            
            #body-footer .address ul li a { text-decoration: none; color: #e2e76d;}
            
            #body-footer .address ul li a:hover {color: #fff;}
        

        #body-footer .opening {padding-top: 3px; font-size: 76%; color: #7ecca3; text-transform: uppercase; }
     
            #body-footer .opening ul{margin: 0; padding: 0;}
            
            #body-footer .opening ul li{display: inline; padding: 5px; }
            
            #body-footer .opening ul li a { text-decoration: none; color: #e2e76d;}
            
            #body-footer .opening ul li a:hover {color: #fff;}
            
            #body-footer .opening .header { font-weight: bold;}
            
#footer { text-align: center;}
        

/* Universal Style Settings */

.noscreen {display:none}

.error {color: #D01F3C;}

.username {border:#ccc 1px solid; background:#fff url(../design/shadow_top.gif) repeat-x top; font:1em Verdana, Arial, Serif; width:15em;}

.password {border:#ccc 1px solid; background:#000 url(../design/shadow_top.gif) repeat-x top; font:1em Verdana, Arial, Serif; width:15em;}

.username:focus {background:#fff url(../design/shadow_top.gif) repeat-x top; border:#999 1px solid; }

.password:focus{background:#fff url(../design/shadow_top.gif) repeat-x top; border:#999 1px solid; }

.errorbox { padding: 5px; }

.error-back {background:#fff url(../design/error-back.gif) repeat-x top; border:#999 1px solid; }

.standard-button {left: -70px;}