/*
---------------------------------------------------------------------
    MAIN HTML ELEMENTS
---------------------------------------------------------------------
*/
* {
    padding: 0px;
    margin: 0px;
    font-size: 100%;
    font-family:  "Trebuchet MS", Tahoma, Arial, sans-serif;
    color: #010101;
}

body {
    font-size: 62.5%;
    background-color: #cc9022;

}

p {
    padding-bottom: 1em;
    font-size: 1.2em;
    color: #ffffff;
}

table {
    font-family:'Trebuchet MS', Verdana, Helvetica, sans-serif;
    font-size:100%;
    border-collapse:collapse;
}

img {
    border:0;
}

a {
    color:#dae743;
}

a:hover {
    text-decoration:underline;
}
h1 {
    font-size:3.4em;
    color:#333500;
    font-family:'Times New Roman', Verdana, Helvetica, sans-serif;
    font-weight:normal;
  padding: 1em 0em 0.3em 0em;
  margin:0em;
}

h2 {
    font-size:1.6em;
    color:#ffcc33;
    padding-bottom: 0.5em;
}

h3 {
    font-size:1.6em;
    color:#d49222;
    padding-bottom: 0em;
}

h4 {
    font-size:1.4em;
    color:#fef373;
    padding-bottom: 0em;
}

.white-heading {
  color: #ffffff;
}


input, select, button, textarea {
    font-family:'Trebuchet MS', Verdana, Helvetica, sans-serif;
    font-size:100%;
}

#tbUsername, #tbPassword {
    width: 95%;
}


label {
    font-weight:bold;
    color: #ffffff;
    font-size: 1.3em;
}

div {
    margin:0;
    padding:0;
}

#skip-to-content {
  display: none;
}


/*
---------------------------------------------------------------------
    MISC STYLEs
---------------------------------------------------------------------
*/

.wrapper-fix { clear: both; }
.space-top { padding-top: 1em; }
.space-bottom  { margin-bottom: 1em; }
.narrowcolumn { float:left; width:170px; }
.widecolumn { float:left; width:580px; overflow:hidden; }
.halfcolumn { float:left; width:47%; margin-right:10px; }

.hidden { display:none; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.smaller { font-size:100%; }
.medium { font-size:150%; }
.larger { font-size:200%; }
.marginleft { margin-left:20px; }
.textcentre { text-align:center; }
.textright { text-align:right; }
.textleft { text-align:left; }

#login-options {
  font-size: 1.1em;
}


/*
---------------------------------------------------------------------
    PANEL STYLEs
---------------------------------------------------------------------
*/

.box { margin:0 0 2em 0; }
.box .tl { height:4px; width:4px; float:left; background:url(/images/box-topleft.gif) left top no-repeat }
.box .t { height:4px; margin:0 4px; background:#463300; }
.box .tr { height:4px; width:4px; float:right; background:url(/images/box-topright.gif) right top no-repeat }
.box .main { background:#463300; padding:5px 15px 10px 15px; }
.box .bl { height:7px; width:4px; float:left; background:url(/images/box-bottomleft.gif) left bottom no-repeat }
.box .b { height:7px; margin:0 4px; background:#241a00; }
.box .br { height:7px; width:4px; float:right; background:url(/images/box-bottomright.gif) right bottom no-repeat }
.box img { border:2px solid #ffffff; float: left; margin: 1em 1.5em 1em 0em;}

img.classified_image {
  margin: 0em 1em 1em 0em;
}



.box ul {
  margin-left: 2em;
}
.box li {
    color: #ffffff;
}


.main { color: #ffffff; min-height: 50px; }
.ibox { margin:0 0 0.5em 0; color: #ffffff; }
.ibox .tl { height:7px; width:4px; float:left; background:url(/images/ibox-topleft.gif) left top no-repeat }
.ibox .t { height:7px; margin:0 4px; background:#241a00; }
.ibox .tr { height:7px; width:4px; float:right; background:url(/images/ibox-topright.gif) right top no-repeat }
.ibox .main { background:#241a00; padding:5px;  }
.ibox .bl { height:7px; width:4px; float:left; background:url(/images/box-bottomleft.gif) left bottom no-repeat }
.ibox .b { height:7px; margin:0 4px; background:#241a00; }
.ibox .br { height:7px; width:4px; float:right; background:url(/images/box-bottomright.gif) right bottom no-repeat }
.ibox .img { border:2px solid #ffffff; }

.narrowside { width:70px; float:left; }
.wideside { width:450px; margin-left: 20px; float:left; }

.smallside { width:170px; float:left; }
.mediumside {
         width:325px; margin-left: 20px; float:left
}


.event-item {
   clear:both;
   margin-bottom: 1em;
}



/*
---------------------------------------------------------------------
    HEADER STYLES ELEMENTS
---------------------------------------------------------------------
*/

#header {
    width: 100%;
    text-align: right;
    background: #818623 url(/images/menu-tile.gif) left bottom repeat-x;
}

#header-inner, #content-inner, #footer-inner {
    width: 770px;
    margin: 0px auto;
    text-align:left;

}

.header-column-left {
   float: left;
   width: 100px;
}

.header-column-right {
   float: right;
   text-align: right;
   width: 610px;
   margin: 0em;
   padding: 0em;
}

#tabs { float: right; font-size: 1.2em; }
#tabs ul { height:100%; list-style-type:none; margin:0; padding:0; }
#tabs li { text-align:center; float:left; margin:8px 10px 0 0; padding:0; height:80%; line-height: 2.3em; background:#333500 url(/images/tab-left.gif) left top no-repeat; }
#tabs a { font-weight:bold; text-transform:uppercase; padding:7px 10px 3px 10px; display:block; color:#FFFFFF; text-decoration:none; background:url(/images/tab-right.gif) right top no-repeat; }
#tabs a:hover { text-decoration:underline; }
#tabs li.tabbig { width:170px; margin:0; background:#362700 url(/images/tab-big-left.gif) left top no-repeat; }
#tabs li.tabbig p { padding-bottom: 0.5em; background:url(/images/tab-big-right.gif) right top no-repeat; }
#tabs li.tabactive { background:#5e4400 url(/images/tab-active-left.gif) left top no-repeat; }
#tabs li.tabactive a { background:url(/images/tab-active-right.gif) right top no-repeat; }

	#membersheader { float:right; margin:0 20px; }

#logo {
    padding: 5px 0px 10px 0px;
}

#header-logo {
  margin: 10px 0em 0em 5px;

}


/*
---------------------------------------------------------------------
    CONTENT STYLES ELEMENTS
---------------------------------------------------------------------
*/

#content {
    width: 100%;
    background-color: #583f00;
}

/*
---------------------------------------------------------------------
    FOOTER STYLES ELEMENTS
---------------------------------------------------------------------
*/

#footer {
    width: 100%;
    background-color: #a6761d;

}

#footer-inner {
    background-image: url(/images/footer-bg.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    min-height:40px;
    height: 110%;
    padding-top: 1em;
}

#footer p {
    padding: 0em;
    color: #000000;
    font-size: 1.1em;
}

#footer .narrowcolumn {
   text-align: right;
}

/*
---------------------------------------------------------------------
    BREADCRUMB TRAIL STYLES
---------------------------------------------------------------------
*/

#breadcrumb-trail {
    width: 100%;
    margin-bottom: 0.75em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #463300;
}

#breadcrumb-trail ul {
    list-style: none;

    margin-left: 0em;
    text-align: right;
    margin-top: 0.5em;

}
#breadcrumb-trail li {
    float: left;
    list-style-image: none;
    background-image: url(http://www.highlandmidsouthclub.co.uk/images/breadcrumb.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
    padding-right: 0.5em;
    line-height: 2em;
    margin-left: 0em;
}

#breadcrumb-trail li.breadcrumb-trail-firstlink {
    background-image: none;
    padding-left: 0px;
}


#breadcrumb-trail li a {
    color: #FFCC33;
}

#breadcrumb-trail li a:hover {
    text-decoration: none;
}