body {margin:0px; background-color:#ffffff; color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:100%;}
h1 {font-size:24pt;color:#095f6b; font-weight:bold;}
h2 {
    margin-bottom: -15px;
    color: #333399;
}
h3 {margin-bottom: -15px;}
img {border:0px;}
.img_Main {
	border-style: none;
	border-color: inherit;
	border-width: 0px;
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 3px 3px #545454;
	box-shadow: 2px 2px 3px 3px #545454;
}
#navMain {background-color: #98bf21;}
#OuterLinks {width:500px;height:20px; position:absolute; top:20px; right:50px; text-align:right;}
#topmenu { height:30px; vertical-align:middle; padding:5px 0px 0px 10px; background-image:url("../images/layout/Purple_Bar_02.gif"); background-repeat:repeat-x;}
#sideBar {width:200px; float:left; border-right:1px solid #666; font-size:10pt; padding:0px;}
#mainContent {border:1px solid #000; text-align:justify;}
#content {margin-left:0px; padding: 0px ; position:relative; background-color:#FFF; }
.footer_menu {width: 30%; float: left; color: #fff;}
.footer_menu ul li {list-style-type:none;}
.footer_menu a {color:#fff;}
.slider {
    background-image: url(../images/counselling_2_mod.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 3px 3px #545454;
    box-shadow: 2px 2px 3px 3px #545454;
    margin-top: 2px;
}

#titleBar {padding-bottom:10px;}
.leftColumnLinks {margin:0px 0px 10px 0px; background-color:#FFF;}
.rBlack {background-color:#000;}
.rGrey {background-color:#333;}

        a.channel
        {
            border-top: 1px solid #eee;
            border-bottom: 1px solid #666;
            text-decoration: none;
        }
        div.floating-menu
        {
            position: fixed;
            background: #390;
            border: 1px solid #639;
            top: 0px;
            right: 20px;
            width: 160px;
            z-index: 100;
            clear: both;
        }
        div.floating-menu a, div.floating-menu h3
        {
            display: block;
            margin: 0 0.5em;
            color: #fff;
        }
        div.floating_logo
        {
            position: fixed;
            top: 20px;
            left: 30px;
            width: 50px;
            z-index: 100;
        }
        div.floating_header
        {
            position: fixed;
            top: 0px;
            left: 0px;
            width: 100%;
            text-align: center;
            z-index: 90;
            color:#fff;
            background-image: url( "images/Topper_dark.jpg" );
            background-repeat: repeat-x;
            font-weight: bold;
        }

a.topmenu {display:inline; padding-right:10px; margin-right:5px; margin-top:5px; border-right:1px solid #999;}
a.topmenu:link   {color:#678e6a; text-decoration: none; font-size:10pt; font-weight:bold}
a.topmenu:visited{color:#678e6a; text-decoration: none; font-size:10pt; font-weight:bold}
a.topmenu:hover {color:#F00; text-decoration: underline; font-size:10pt; font-weight:bold; color:#FADD3E;}

a.topLinks {display:inline; padding: 0px 10px 0px 10px; margin-right:0px; border-right:1px solid #999;}
a.topLinks:link   {color:#678e6a; text-decoration: none; font-size:10pt; font-weight:bold}
a.topLinks:visited{color:#678e6a; text-decoration: none; font-size:10pt; font-weight:bold}
a.topLinks:hover {color:#F00; text-decoration: underline; font-size:10pt; font-weight:bold; color:#FADD3E;}

a.sideMenu {display:block;}
a.sideMenu:link   {color:#678e6a; text-decoration: none; font-size:10pt; font-weight:bold}
a.sideMenu:visited{color:#678e6a; text-decoration: none; font-size:10pt; font-weight:bold}
a.sideMenu:hover {color:#F00; text-decoration: underline; font-size:10pt; font-weight:bold;}

a.Links {display:block; margin-bottom:10px;}
a.Links:link   {color:#004ebc; text-decoration: none; font-size:10pt; font-weight:bold}
a.Links:visited{color:#004ebc; text-decoration: none; font-size:10pt; font-weight:bold}
a.Links:hover {color:#F00; text-decoration: underline; font-size:10pt; font-weight:bold}

a.closebox:link   {color:#FFF; text-decoration: none; font-size:10pt; font-weight:bold}
a.closebox:visited{color:#FFF; text-decoration: none; font-size:10pt; font-weight:bold}
a.closebox:hover {color:#FEE; text-decoration: underline; font-size:10pt; font-weight:bold}

ul li { font-size : 10pt; color : #323232; font-weight:bold; margin-bottom:8px; text-align:justify }
ol li { margin-bottom:8px; text-align:justify }




.box_holder {width:46%; float:left; margin-left:2%}
.holder {margin: 20px 0px 20px 0px; border:1px solid #125d6d; border-radius:10px; padding:0px;}
.holder_txt {padding:3px; }
.holder_txt_inner {padding: 10px; font-size: 0.9em;}
.holder_title {margin-top:-0.8em; margin-left:10px; margin-right:10px; background-color:#F4E48C; padding:4px; border-radius:5px; border:1px solid #125d6d; font-size:1.0em; font-weight:bold; }
.holder_img {width: 40%; float: right; margin-left: 10px; }
.holder_img img {width: 100%; height: auto; border-radius: 10px 10px 10px 10px;}



@media all and (max-width: 800px) {
    .holder_img {display: none;}
    .holder_txt_inner {max-width:100%;}
}

@media all and (max-width: 600px) {
    .memberDocs {width: 100%;}
}