/********************************************
   HTML ELEMENTS
********************************************/

/* Top Elements */
*
{
    margin: 0;
    padding: 0;
    outline: 0;
}

body
{
    background: #CCCCCC url(images/bg.jpg) repeat-x;
    font: 70%/1.6em Verdana, Tahoma, Arial, Geneva, sans-serif; /*color: #666666;*/
    text-align: center;
    margin: 0 0 50px 0;
}

/* links */
a, a:visited
{
    color: #5A93C9;
    background: inherit;
    text-decoration: none;
}
a:hover
{
    color: #88ac0b;
    background: inherit;
    text-decoration: underline;
}

/* headers */
h1, h2, h3
{
    font-family: 'Trebuchet MS' , Tahoma, Sans-serif;
    color: #444;
}
h1
{
    font-size: 230%;
    font-weight: normal;
    letter-spacing: -1px;
}
h2
{
    font-size: 180%;
    color: #88ac0b;
}
h3
{
    font-size: 150%;
    font-weight: normal;
}

h1, h2, h3, p
{
    padding: 5px;
    margin: 0;
}
ul, ol
{
    margin: 5px 20px;
    padding: 0 20px;
}
ul
{
    list-style: none;
}

/* images */

img.float-right
{
    margin: 5px 0px 10px 10px;
    background: #fafafa;
    border: 1px solid #dcdcdc;
    padding: 5px;
}
img.float-left
{
    margin: 5px 10px 10px 0px;
    background: #fafafa;
    border: 1px solid #dcdcdc;
    padding: 5px;
}

code
{
    margin: 5px 0;
    padding: 10px;
    text-align: left;
    display: block;
    overflow: auto;
    font: 500 1em/1.5em 'Lucida Console' , 'courier new' , monospace; /* white-space: pre; */
    border: 1px solid #F4F3EC;
    background: #FAFAE7;
}
acronym
{
    cursor: help;
    border-bottom: 1px dashed #777;
}
blockquote
{
    margin: 10px;
    padding: 0 0 0 35px;
    border: 1px solid #F4F3EC;
    background: #FAFAE7 url(images/quote.jpg) no-repeat 7px 10px;
    font: bold 1.3em/1.5em 'Trebuchet MS' , Tahoma, Sans-serif;
    color: #976957;
}

/* start - table */
table.mystyle
{
    border-collapse: collapse;
    margin: 10px;
}
th.mystyle strong
{
    color: #fff;
}
th.mystyle
{
    background: #93BC0C url(images/nav.jpg) repeat-x;
    height: 35px;
    padding-left: 12px;
    padding-right: 12px;
    color: #fff;
    text-align: left;
    border-left: 1px solid #B6D59A;
    border-bottom: solid 2px #fff;
}
tr.mystyle
{
    height: 32px;
}
td.mystyle
{
    padding-left: 11px;
    padding-right: 11px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
td.first, th.first
{
    border-left: 0px;
}
tr.row-a
{
    background: #F8F8F8;
}
tr.row-b
{
    background: #EFEFEF;
}
/* end - table */

/********************************************
   LAYOUT
********************************************/
#wrap
{
    position: relative;
    background: #fff url(images/wrap-bg.jpg) repeat-y;
    width: 900px;
    margin: 25px auto 0 auto;
    text-align: left;
    color: #666666;
}
#content-wrap
{
    position: relative;
    background: #fff url(images/content-bg.jpg) repeat-x;
    clear: both;
    float: left;
    width: 870px;
    padding: 0;
    margin-left: 15px;
    display: inline;
    border-top: 5px solid #fff;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
#header
{
    position: relative;
    background: #fff url(images/header-bg.jpg) repeat-x;
    width: 870px;
    height: 70px;
    padding: 0;
    margin: 0px auto;
}
#header h1#logo-text a
{
    position: absolute;
    margin: 0;
    padding: 0;
    font: normal 36px Georgia, "Times New Roman" , Times, serif;
    letter-spacing: -1.5px;
    color: #111;
    text-transform: none;
    text-decoration: none; /* change the values of top and left to adjust the position of the logo*/
    top: 23px;
    left: 20px;
}
#header p#slogan
{
    position: absolute;
    margin: 0;
    padding: 0;
    font: normal 12px Georgia, "Times New Roman" , Times, serif;
    text-transform: none;
    color: #5b4a29; /* change the values of top and left to adjust the position of the slogan*/
    top: 67px;
    left: 25px;
}

/* header links */
#header #header-links
{
    position: absolute;
    top: 34px;
    right: 10px;
    color: #5b4a29;
    font: normal 11px Georgia, "Times New Roman" , Times, serif;
    text-transform: uppercase;
    text-align: right;
}
#header #header-links a
{
    color: #5b4a29;
    text-decoration: none;
    padding: 0 2px;
    font-weight: bold;
}
#header #header-links a:hover
{
    color: #111;
}

/* header-photo */
#header-photo
{
    clear: both;
    background: #fff;
    margin: 5px auto;
    padding: 0;
    height: 206px;
    width: 870px;
}
#header-photo img
{
    border: none;
    margin: 0;
    padding: 0;
}

/* Navigation */
#nav
{
    clear: both;
    padding: 0;
    height: 45px;
}
#nav table
{
    margin: 0 5px 0 5px;
    font: bold 14px/45px "Century Gothic" , "Trebuchet MS" , Helvetica, Arial, Geneva, sans-serif;
}
#nav table a:hover, #nav table a:active, #nav table a:visited, #nav table a
{
    color: White;
}

#nav ul
{
    float: left;
    list-style: none;
    background: url(images/nav.jpg) repeat-x;
    width: 870px;
    height: 45px;
    text-transform: uppercase;
    margin: 0 0 0 15px;
    padding: 0;
    display: inline;
}
#nav ul li
{
    display: inline;
    margin: 0;
    padding: 0;
}
#nav ul li a
{
    display: block;
    float: left;
    width: auto;
    margin: 0;
    padding: 0 14px;
    border-right: 1px solid #2B5580;
    border-left: 1px solid #3B75B0;
    font: bold 14px/45px "Century Gothic" , "Trebuchet MS" , Helvetica, Arial, Geneva, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    color: #fff;
}
#nav ul li a:hover, #nav ul li a:active
{
    background: url(images/nav-hover.jpg) repeat-x;
}
#nav ul li#current a
{
    background: url(images/nav-current.jpg) repeat-x;
}

/* Main Column */
#main
{
    float: left;
    width: 580px;
    padding: 15px 0 0 0;
    margin: 0 0 0 10px;
    display: inline;
}
#main h2
{
    margin-top: 10px;
    padding-bottom: 3px;
    font: normal 2.3em 'Trebuchet MS' , Tahoma, Sans-serif;
    color: #996633;
    letter-spacing: -1px;
    text-transform: none;
    border-bottom: 1px solid #dadada;
}
#main h2 a
{
    color: #996633;
    text-decoration: none;
}

#main ul li
{
    list-style-image: url(images/bullet.gif);
}
#updatemain
{
    float: left;
    width: 750px;
    padding: 15px 0 0 0;
    margin: 0 0 0 10px;
    display: inline;
}

/* Sidebar */
#sidebar
{
    float: right;
    width: 250px;
    padding: 25px 0 0 0;
    margin: 0;
}
#sidebar h3
{
    margin-top: 10px;
    padding: 5px 5px;
    font: normal 1.6em 'Trebuchet MS' , Tahoma, Sans-serif;
    color: #899B0D;
}
#sidebar ul.sidemenu
{
    text-align: left;
    margin: 7px 10px 8px 0px;
    padding: 0;
    text-decoration: none;
    border-top: 1px solid #EBEBEB;
}
#sidebar ul.sidemenu li
{
    list-style: none;
    border-bottom: 1px solid #EBEBEB;
    padding: 5px 0 5px 5px;
    margin: 0 2px;
}
* html body #sidebar ul.sidemenu li
{
    height: 1%;
}
#sidebar ul.sidemenu li a
{
    text-decoration: none;
    background-image: none;
    color: #996633;
}
#sidebar ul.sidemenu li a:hover
{
    color: #1773BC;
}
#sidebar ul.sidemenu ul
{
    margin: 0 0 0 5px;
    padding: 0;
}
#sidebar ul.sidemenu ul li
{
    border: none;
}

/* footer */
#footer-wrap
{
    clear: both;
    width: 900px;
    font-size: 95%;
    text-align: left;
    padding: 15px 0;
    border-bottom: 15px solid #fff;
    border-top: 1px solid #fff;
}
#footer-wrap a:hover
{
    color: #000;
}
#footer-wrap h3
{
    color: #976834;
    margin: 0;
    padding: 0 10px;
    text-transform: uppercase;
    font-weight: bold;
}

#footer-columns
{
    color: #888;
    margin: 0 auto;
    padding: 0;
    width: 840px;
}
#footer-columns a
{
    text-decoration: none;
    font-weight: bold;
    color: #666666;
}
#footer-columns ul
{
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
    border-top: 1px solid #e5e5e5;
}
#footer-columns li
{
    border-bottom: 1px solid #e5e5e5;
}
#footer-columns li a
{
    display: block;
    font-weight: normal;
    padding: 5px 0 5px 10px;
    width: 96%;
}
#footer-columns .col3, .col3-center
{
    float: left;
    width: 32%;
}
#footer-columns .col3-center
{
    margin: 0 15px;
}

/* bottom */
#footer-bottom
{
    clear: both;
    color: #666;
    margin: 0 auto;
    width: 870px;
    padding: 0px 0 0 0;
    text-align: center;
}
#footer-bottom a
{
    color: #976834;
}

/* postmeta */
.postmeta
{
    padding: 5px;
    margin: 10px 10px 10px 10px;
    font-size: 95%;
    color: #99997D;
    border: 1px solid #EAE7DB;
    background: #FAFAE7;
}
.postmeta .date
{
    margin: 0 10px 0 5px;
}
.postmeta a.comments
{
    margin: 0 10px 0 5px;
}
.postmeta a.readmore
{
    margin: 0 10px 0 5px;
}

.post-info
{
    font-size: .95em;
    padding-top: 0;
    margin-left: 5px;
}

/* alignment classes */
.float-left
{
    float: left;
}
.float-right
{
    float: right;
}
.align-left
{
    text-align: left;
}
.align-right
{
    text-align: right;
}

/* display and additional classes */
.clear
{
    clear: both;
}

.toolbar
{
    width: 100%;
    background-color: #E6EEF7;
}

.textsmall
{
    font-size: .90em;
}

.errortext
{
    color: Red;
    font-weight: bold;
}

.strike
{
    text-decoration: line-through;
}

.saletext
{
    color: Red;
    font-weight: bold;
    font-size: 120%;
}

.bluetext
{
    color: Navy;
    font-weight: bold;
}

.menu
{
    margin: 0 0 0 15px;
}

.textbold
{
    font-weight: bold;
}

.IE8MenuFix
{
    z-index: 100;
}
