@charset "utf-8";
h1, h2, h3, h4, p { margin:0; padding: 0; font-weight: normal;}
img { border:0; }
body  {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    background-color: #58595B;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #fff;
}
.twoCol #container { 
    width: 970px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
    background-color: #010101;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    border: 0px solid #000000;
    text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoCol #header.home { 
    background-color: transparent;
}
.twoCol #header { 
    background-color: #010101;
    height: 120px;
    padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

.twoCol #header h1 {
    margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
    padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoCol #header .logo { margin:0 140px 0 0;}

.twoCol #trail {
    margin-bottom: 30px;
}
.twoCol #trail a { color: #3D96C2; text-decoration: none;
}

.twoCol #sidebar {
    float: right; /* since this element is floated, a width must be given */
    width: 190px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
    padding: 0;
    margin: 0;
}
.twoCol #mainContent { 
    margin: 0 240px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar space when the content in #sidebar ends. */
    padding: 0 0 0 46px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.twoCol #txtarea {
    padding: 45px 48px;
    background-color: #535353;
}
.twoCol #txtarea p {
    line-height: 180%;
    margin-bottom: 20px;
}
.twoCol #txtarea li { margin-bottom: 16px; }

.twoCol #txtarea a { color: #fff; text-decoration: none; border-bottom: 1px dotted #ccc; }
.twoCol #txtarea a:hover { border-bottom: 1px solid #fff; }

.twoCol #footer { 
    padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
    padding-bottom: 60px;
    margin: 70px 43px 0 54px;
    background-color: #010101;
    border-top: 1px solid #535353;
    font-size: 11px;
    color: #535353;
} 
.twoCol #footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.twoCol #footer a { color: #535353; text-decoration: none; }
.twoCol #footer a:hover { color: #fff; }

    
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
    float: left;
    margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

        /* -- main navigation -- */
#mainNavigation {
    height: 30px;
    font-size: 14px;
    padding: 0;
    margin: 0;
/*    background-color: #535353;
    background-image:url(images/mannavbg.png);
    background-repeat:repeat-y;
    background-position: top right;*/
}
#mainNavigation ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#mainNavigation li {
    float: left;
    /* fix for macs */
    /* padding-bottom: 13.5px;*/
}
#mainNavigation a {
    display: block;
    text-decoration: none;
    /*padding: 0 14px;*/
    /* fix for macs */
    padding: 0.8em 1em 0 1em;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
}
#mainNavigation a:hover, #mainNavigation li.on a {
    text-decoration: underline;
}
#mainNavigation li.first a { border: 0; }

#contacts { margin-right: 30px; text-align:right; }
#contacts, #contacts a {
    color:#3D96C2;
    margin-top:-20px;
    font-size: 12px;
    letter-spacing: 1px;
    text-decoration: none;
}
#contacts a:hover {
    color:#fff;
}
#contacts .phone {color:#fff; font-size:20px;}

#sidebar .searchbutton {
    display: block;
    width: 152px;
    margin-bottom: 4px;
    color: #fff;
    text-decoration: none;
    background-color: #3D96C2;
}
#sidebar a.searchbutton { padding: 4px 0 4px 10px; }
#sidebar a.searchbutton:hover { color:#010101; }
#sidebar li.on a {color:#fff;}

#navTop {
    width: 160px;
    margin-top: 20px;
}
#navTop ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;    
}
#navTop li {
    border-bottom: 1px solid #3D96C2;
    margin: 0;
    padding: 0;
}
#navTop a:link, #navTop a:visited {
    display: block;
    padding: 4px 0;
    color: #3D96C2;
    text-decoration: none;
}
#navTop a:hover {
    color: #fff;
}

.bluetxt { color: #3D96C2; }

#locationtxtarea { background-color: #535353; padding-top: 20px; padding-right: 40px; height: 195px; }
#locationtxtarea a { color: #fff; } 

#locationthumbs {
    margin: 0; margin-top:18px; padding: 0; border: 0px solid yellow; height: 20px; width:710px;
}
.location-images {
    list-style-type:none;
    margin: 0; padding: 0;
}

.location-images li {
    margin:0 20px 25px 0;
    float:left;
    width: 120px;
    border: 0px solid red;
    background-color:white;
}
.location-images img {
    width: 120px;
    height:100px;
}
.location-images .caption {
    background-color:#666666;
    padding: 5px;
    display: block;
    margin: 0;
}
.location-images a {color: #3D96C2; text-decoration: none; }

#cat-list, #alpha-list {
/*    float: left;
    margin: 0;
    padding: 10px 40px 50px 40px;*/
    list-style: none;
    background-color: #535353;
    position: relative;
    height:2300px;
}
#leftColumn, #middleColumn, #rightColumn {
    width: 215px;
    top: 36px;
    position: absolute;
}
#leftColumn ul, #middleColumn ul, #rightColumn ul {list-style:none; margin:0; padding:0;}
#leftColumn ul ul, #middleColumn ul ul, #rightColumn ul ul {margin-left:13px;}
#leftColumn a, #middleColumn a, #rightColumn a {color:#fff; text-decoration:none;}
#leftColumn a:hover, #middleColumn a:hover, #rightColumn a:hover {text-decoration:underline;}
    
#leftColumn {
    left: 13px;
    bottom: 10px;
}
#middleColumn {
    bottom: 10px;
    left: 238px;
    top: 48px;
}    
#rightColumn {
    left: 463px;
    top: 48px;
/*    bottom: 10px;*/
}
#a-z {margin:10px 0 0 13px; position:absolute;}
#a-z a{color:#fff; text-decoration:none; margin-right:8px;}
#a-z a:hover {text-decoration:underline; font-weight:bold;}

#cat-list {
/*    float: left;
    margin: 0;
    padding: 10px 40px 50px 40px;*/
    height:1100px;
}

#leftColumn-cat, #rightColumn-cat {
    width: 305px;
    top: 13px;
    position: absolute;
}
#leftColumn-cat ul, #rightColumn-cat ul {list-style:none; margin:0; padding:0;}
#leftColumn-cat .inactive, #rightColumn-cat .inactive {color:#999;}
#leftColumn-cat a, #rightColumn-cat a {color:#fff; text-decoration:none;}
#leftColumn a:hover, #rightColumn a:hover {text-decoration:underline;}
    
#leftColumn-cat {
    left: 33px;
    bottom: 10px;
}
#rightColumn-cat {
    left: 353px;
/*    bottom: 10px;*/
}
.groupname { font-weight:bold; margin-top:20px;}

/*#cat-list li, #alpha-list li {
    margin: 0;
    padding: 0;
    line-height: 1.5em;
}
#alpha-list li ul { margin-left: 1.2em; padding: .2em 0 .5em .2em; }

#cat-list .col1 {margin-left: 0em;}
#cat-list .col2 {margin-left: 22.5em; }
#cat-list .col3 {margin-left: 28.5em; }
#cat-list .groupname {margin-top: 2em; margin-bottom: .5em; text-transform:uppercase; }
#cat-list .coltopper {margin-top: -90em;}
#cat-list a, #alpha-list a { color: #fff; text-decoration: none; border-bottom: 1px dotted #ccc; }
#cat-list a:hover, #alpha-list a:hover { border-bottom: 1px solid #fff; }*/

#alpha-list .col1 {margin-left: 0em; }
#alpha-list .col2 {margin-left: 17em; }
#alpha-list .col3 {margin-left: 34em; }
#alpha-list .coltopper {margin-top: -188.5em;}
#alpha-list .letter {margin-top:1em; font-weight: bold;}

.results { font-size: 12px; color: #999; }

.blueblock { background-color: #3D96C2; margin:20px 0px; padding:6px 20px; text-transform:uppercase;}
.subheading { border-bottom:1px solid #999; margin-bottom:20px; }
#txtarea .services a { color: #3D96C2; border-bottom:1px solid #3D96C2; }
#txtarea .services a:hover { color: #fff; border-bottom:1px solid #fff; }

#txtarea.contactus p { line-height:120%; }

.backtotop { text-align:right; }

#events, .portfolio { list-style-type:none; margin:0; padding:0; width:590px; height:200px; color:#999; }
#events li, .portfolio li {
    float:left;
    margin-right:26px;
    margin-bottom:10px;
}
.portfolio li {
    float:left;
    margin-right:14px;
    margin-bottom:10px;
}
#events img, .portfolio img { display:block;}

#team {margin-left:-10px;}
#txtarea #team p {line-height:150%; margin:0; color:#999; margin:0 10px;}
#txtarea #team img {margin: 20px 30px 20px 0;}
#txtarea #team a {color: #3D96C2; border-bottom: 1px solid #3D96C2;}
#txtarea #team a:hover {color: #fff; border-bottom: 1px solid #fff;}

.twoCol #txtarea #enquiry-form p {
    clear: left;
    margin: 0;
    padding: 0;
    padding-top: 5px;
}
.twoCol #txtarea #enquiry-form p label {
    float: left;
    width: 150px;
    font: normal 0.9em Arial, Arial, Helvetica, sans-serif;
}
.form-note { color:#ccc; font-size:11px; line-height:110%; margin:0; padding:0; float:left; margin-left:150px; }

.twoCol #txtarea .trigger a { border-bottom:0px; color:#3D96C2; }


/* jps added */
/*
.navPreviouslink a, navNextlink a, .navPagelink a{
    color: white;
}

.navPreviouslink a:visited, .navPreviouslink a:visited, .navPreviouslink a:visited {
    color: white;
}

.navNextlink a:visited, .navNextlink a:visited, .navNextlink a:visited {
    color: white;
}
*/