body
{
    margin: 0 10em 0 10em;
    padding: 0;
    border: 0; /* This removes the border around the viewport in old versions of IE */
    background: #000 url(../images/pipers.png) no-repeat top left;
    min-width: 600px; /* Minimum width of layout - remove line if not required */
    color: #fff; /* The min-width property does not work in old versions of Internet Explorer */
    font-size: 80%;
    font-family: Helvetica, Verdana, Arial;
}
a
{
    color: #369;
}

a:hover
{    
    text-decoration: underline;
}

a.current
{
    font-weight: bold;
    font-size: 110%;
    text-decoration: none;
}

h1, h2, h3
{
    margin: .8em 0 .2em 0;
    padding: 0;
}
p
{
    margin: .4em 0 .8em 0;
    padding: 0;
}
img
{
    margin: 10px 0 5px;
}
/* Header styles */
#header
{
    clear: both;
    float: left;
    width: 100%;
}

#header p, #header h1, #header h2
{
    padding: .4em 15px 0 15px;
    margin: 0 0 0 0px;
}
#header ul
{
    clear: left;
    float: left;
    width: 100%;
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
}
#header ul li
{
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}
#header ul li a
{
    display: block;
    float: left;
    margin: 0 0 0 1px;
    padding: 3px 10px;
    text-align: center;
    background: #eee;
    color: #000;
    text-decoration: none;
    position: relative;
    left: 15px;
    line-height: 1.3em;
}
#header ul li a:hover
{
    background: #369;
    color: #fff;
}
#header ul li a.active, #header ul li a.active:hover
{
    color: #fff;
    background: #000;
    font-weight: bold;
    text-decoration: underline;
}
#header ul li a span
{
    display: block;
}
/* 'widths' sub menu */
#layoutdims
{
    clear: both;
    background: #95a7bb;
    border-top: 4px solid #ad2a5c;
    margin: 0;
    padding: 6px 15px !important;
    text-align: left;
}

#layoutdims a
{
    margin: 0 1em 0 1em;
    color: #fff;
    text-decoration: none;
    height: 30px;
    font-size: 110%;
}

#layoutdims a:hover
{
    text-decoration: underline;
}
/* column container */
.colmask
{
    position: relative; /* This fixes the IE7 overflow hidden bug */
    clear: both;
    float: left;
    width: 100%; /* width of whole page */
    overflow: hidden; /* This chops off any overhanging divs */
}
/* common column settings */
.colright, .colmid, .colleft
{
    float: left;
    width: 100%;
    position: relative;
}
.col1, .col2, .col3
{
    float: left;
    position: relative;
    padding: 0 0 1em 0;
    overflow: hidden;
}
/* 2 Column (right menu) settings */
.rightmenu
{
    background: #fff;
    color: #000;
    min-height: 550px;
}
.rightmenu .colleft
{
    right: 25%; /* right column width */
    color: #000;
}
.rightmenu .col1
{
    width: 71%; /* left column content width (left column width minus left and right padding) */
    left: 27%; /* (right column width) plus (left column left padding) */
}
.rightmenu .col2
{
    width: 21%; /* right column content width (right column width minus left and right padding) */
    left: 31%; /* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
/* Footer styles */
#footer
{
    clear: both;
    float: left;
    width: 100%;
    border-top: 1px solid #000;
}
#footer p
{
    padding: 10px;
    margin: 0;
}

h1
{
    font-size: 2.5em;
    font-family: Helvetica, Verdana, Arial;
}

/* Easy Slider */

#slider ul, #slider li, #slider2 ul, #slider2 li
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#slider2
{
    margin-top: 1em;
}
#slider li, #slider2 li
{
    /*  			define width and height of list item (slide) 			entire slider area will adjust according to the parameters provided here 		*/
    width: 696px;
    height: 241px;
    overflow: hidden;
}
#prevBtn, #nextBtn, #slider1next, #slider1prev
{
    display: block;
    width: 30px;
    height: 77px;
    position: absolute;
    left: -30px;
    top: 71px;
    z-index: 1000;
}
#nextBtn, #slider1next
{
    left: 696px;
}
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a
{
    display: block;
    position: relative;
    width: 30px;
    height: 77px;
    background: url(../images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a, #slider1next a
{
    background: url(../images/btn_next.gif) no-repeat 0 0;
}

/* numeric controls */

ol#controls
{
    margin: 1em 0;
    padding: 0;
    height: 28px;
}
ol#controls li
{
    margin: 0 10px 0 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 28px;
    line-height: 28px;
}
ol#controls li a
{
    float: left;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ccc;
    background: #DAF3F8;
    color: #555;
    padding: 0 10px;
    text-decoration: none;
}
ol#controls li.current a
{
    background: #5DC9E1;
    color: #fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus
{
    outline: none;
}



/* // Easy Slider */
ul li
{
    padding: .5em;
}