@charset "utf-8";


/* ~~ The top navigation list styles ~~ */
.topbar1{
	margin: 0;
	padding: 0;
}
.topbar1 ul{
	margin: 0;
	padding: 0;
}  
.topbar1 li{
	/*display: inline;*/
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: center;
	cursor: pointer;
	width: 14.1%;
	float: left;
} 

.topbar1 li a{
	width:93%;
	height: auto;
	display:block;
	text-decoration:none;
	text-align:center;
	line-height:30px;
	background-color: #000;
	color:#FFF;
} 
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
a img { 
	border:none;
	margin:7px; 
    width:12px; 
	height:12px; 
	vertical-align:middle;
}
#abtn{ 
	border:none;
	margin:7px; 
    width:12px; 
	height:12px; 
	vertical-align:middle;
}



ul.navtop {
	border-bottom: 5px solid #000;
}	

ul.navtop a {
	text-decoration: none;
	padding: .2em 1em;
	color: #FFF;
	background-color: #000;
}
ul.navtop a, ul.navtop a:visited { 
	background-color: #000; 
	color:#FFF ;
	font-weight:bolder;   
}

ul.navtop a:hover, ul.navtop a:active, ul.navtop a:focus {
	background-color: #CC3333; 
	color:#FFF ;
	font-weight:bolder;   
} 
	
.content {
	width:960px;
	height:auto;
	background: #FFF;
	margin: 0 auto;
}
.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}



/* ~~ Selection menu list styles ~~ */
#menu{
 padding:0;
 margin:0;
 width: 93%;
 height:auto;
 }
 /*#menu :hover{
    height:200px;
 }*/
 #menu ul{
 padding:0;
 margin:0;
 }
 #menu li{
 position: relative;
 float: right;
 list-style: none;
 margin: 0;
 padding: 0;
 /*padding: 5px 0 0 0;*/
 } 
#menu li a{
 width:175px;
 height: 30px;
 display: block;
 text-decoration:none;
 /*text-align: center;*/
 line-height: 30px;
 background-color: black;
 color: white;
 padding-left:10px;
 } 
 #menu li a:hover{
 background-color: red;
 } 
 #menu ul ul{
 position: absolute;
 top: 30px; 
 visibility: hidden;
 } 
 #menu ul li:hover ul{
 visibility:visible;
 } 
 #menu ul li ul li a{
 width:175px;
 height: 30px;
 display: block;
 text-decoration:none;
 /*text-align: center;*/
 line-height: 30px;
 background-color: black;
 color: white;
 padding-left:20px;
}


.hide{
display: none;
}



.show{
display: block;
}

#hda
{
	width: auto;
	height: 150px;
	float:left;
	margin: 0px 0px 0px 20px;
	}
#hdb
{
	width: auto;
	height: 150px;
	float:left;
	position: relative;
	margin: 95px 0px 0px 35px;
	}
.content {
	padding: 20px 0 0 25px;
	width: 75%;
	float: left;
}
.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}

#mphoto
{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 250px;
	border-style: outset;
	border-color: #EEE;
	border-width: 5px 5px 10px 5px;	
	}
#hdrimg
{
	width: 24%;
	height: 245px;
	float: right;
	padding: .5%;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0px;
	font-size: 1px;
	line-height: 0px;
}
.txtcentre
{
	text-align:center
	}

/* ~~ miscellaneous link id's ~~ */
#follow {
	/*background-color: #EEE;*/
/*	border-style: outset;
	border-color: #EEE;
	border-width: 5px;
	margin-left: 5px;*/
	/*border-right-style: groove;
	border-right-color:  #EEE;
	border-right-width: 5px;
	border-bottom-style: groove;
	border-bottom-color: #EEE;
	border-bottom-width: 10px;*/
}
#member {
	/*background-color:#EEE;*/
	/*border-style: outset;
	border-color: #EEE;
	border-width: 5px;*/
	margin-left: 5px;
}

#facebook {
		width:32px;
	 	height:32px;
		border:0px; 
	}
	
#twitter {
		width:32px;
	 	height:32px;
		border:0px; 
	}	

#linkedIn {
		width:32px;
	 	height:32px;
		border:0px; 
	}	  
	  
#hrpao {
	width:69px;
	height:64px;
	border:0px;
	text-align: center;
		}	
#we {
	 	width:75px;
	 	height:64px;
		border:0px; 
		}	
.clrbck
{
	 background:#FFF;
	}