﻿#outer {
    margin: 0 auto;
    width:95%;
    border:0px solid #ccc;
}

#header{
        clear:both;
        height:38px;
        width:95%;
        top: 0px;
}

#menu
{
    float: left;
    margin-top:-2px;
    z-index:1000;
}

#heading
{
	font-size: 1em;
    font-weight: bold;
	text-transform:uppercase;
	color:#fff;
    margin-top:1px;
    float: right;
}

.navers {
    float:left;
    width:0px;
    height:600px;
    vertical-align:middle;
    position:relative;    
}

#MainContent {
    border-top:0px solid #fff;
    border-bottom:0px solid #fff;
    width:100%;
    height:520px;
    margin-top:33px;    
    margin-bottom:6px;
}


#footer {
    clear:both;
    width:95%;
    position:fixed;
    margin-top: 24px;
    bottom: 0px;
    padding-top: 7px;
    overflow: auto;
    height: 58px;
}

#logo
{
    float:right;
    }
    
#info
{
    float: left;
    font-family: verdana;
    font-size: 11px;
    left: 69px;
    line-height: 16px;
    margin-left: 9px;
    position: absolute;
    top: 4px;
}
    
.styleswitch
{
    display:block;
    height:18px;
    width:18px;
    margin-right:4px;
    float: left;
    }

#socialMedia {
    margin-top: 5px;
    float: left;
}
#socialMedia a
{
    display:block;
    height:20px;
    width:20px;
    margin-right:4px;
    float: left;
}  

#socialMedia a.left{ background-image: url('images/facebook.png');}
#socialMedia a.center{ background-image: url('images/youtube.png');}
#socialMedia a.right{ background-image: url('images/twitter.png');}

/*MENU STYLING*/
ul.topnav {
	list-style: none;
	padding: 0px;
	margin: 0;
	float: left;
	width: 120px;
	background: #222;
	font-size: 1em;
	background: url(topnav_bg.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 4px 0px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
	text-transform:uppercase;
}
ul.topnav li a:hover{
	background: url(topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(subnav_btn.gif) no-repeat center top;
    font-size: 1em;
    font-weight: bold;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0;
	top: 26px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 140px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-size: .9em;
	z-index:99;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 0px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #fff; /*--Create bevel effect--*/
	clear: both;
	width: 140px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 140px;
	background: #000 url(dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 0px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
}

a:link img{
    outline: none !important;
    border: none !important;
}

a:visited img{
    outline: none !important;
    border: none !important;
}

a:hover img{
    outline: none !important;
    border: none !important;
}

a:active img{
    outline: none !important;
    border: none !important;
}

a:focus img{
    outline: none !important;
    border: none !important;
}

*|*:-moz-any-link:focus {
    outline-width: 0 !important;
}

.bioText
{
    float:left;
    margin:30px;
    color:#fff;
    width:300px;
}