/* 
================================
Skin styles for DotNetNuke
================================
*/   
body {
    text-align: center;
    vertical-align: top;
    margin: 0;
    padding: 0; 	
    background-color: #d8e8f2;
}

.rightBorder { 
    width: 777px; 
    background: url(images/right_site_border.gif) repeat-y top right; 
}
html>body .rightBorder { float: left; }

.outerContainer {
    text-align: left;
    vertical-align: top;
    width: 765px; 	
	margin: 0;
	padding: 0 0 0 6px;
	background: #fff url(images/left_site_border.gif) repeat-y top left; 
}
html>body .outerContainer { float: left; }

.controlpanel { background-color: #c5d6e1; }

.topPane {
    height: 149px;
    padding: 10px 0 0 0;
    background-color: #0068b0; 
}
.topPane img { vertical-align: bottom; } 

.logo { 
	float: left; 
	margin: 0; 
}
.bannerpane { 
    float: left;
    width: 557px; 
    height: 149px;
    vertical-align: bottom;
    background: #dedced url(images/banner-general.jpg) no-repeat top left;  
}
.homePage .bannerpane { background: #dedced url(images/banner-home.jpg) no-repeat top left; }
.history .bannerpane { background:#dedced url(images/banner-history.jpg) no-repeat top left; }
.facility .bannerpane { background: #dedced url(images/banner-facility.jpg) no-repeat top left; }
.service .bannerpane { background: #dedced url(images/banner-service.jpg) no-repeat top left; }
.training .bannerpane { background: #dedced url(images/banner-training.jpg) no-repeat top left; }
.photo .bannerpane { background: #dedced url(images/banner-photo.jpg) no-repeat top left; }
.fun .bannerpane { background: #dedced url(images/banner-fun.jpg) no-repeat top left; }
.news .bannerpane { background: #dedced url(images/banner-news.jpg) no-repeat top left; }
.contact .bannerpane { background: #dedced url(images/banner-contact.jpg) no-repeat top left; }
.employment .bannerpane { background: #dedced url(images/banner-employment.jpg) no-repeat top left; }
.information .bannerpane { background: #dedced url(images/banner-information.jpg) no-repeat top left; }
.board .bannerpane { background: #dedced url(images/banner-board.jpg) no-repeat top left; }
.ladies .bannerpane { background: #dedced url(images/banner-ladies.jpg) no-repeat top left; }
.link .bannerpane { background: #dedced url(images/banner-link.jpg) no-repeat top left; }



.innerContainer {
    float: left; 
    width: 759px;
    height: 100%;
    margin: 0; 
    padding: 0; 
	background: transparent url(images/left_col_bckgrd_pattern.gif) repeat-y top left;    clear: both;
}

.loginDetails {
    float: left; 
    color: #fff;
    font: normal xx-small verdana;
    text-align: right;	
    width: 100%;
    height: 21px;
    padding: 4px 10px;
	border-top: 1px solid #fff;
    border-bottom: 1px solid #0068b0;        
    background: transparent url(images/under_header_bar.gif) top right;
}
html>body .loginDetails { padding: 0; }
.loginDetails a, .loginDetails a:link, .loginDetails a:visited {
	color: #fff; 
	text-decoration: none; 
	font: normal xx-small verdana;
}
.loginDetails a:hover {
	color: #7fa9c6; 
	text-decoration: underline; 
	font: normal xx-small verdana;	
}

.leftpane {
    float: left;
	width: 201px;
	margin: 0px;
}

.breadcrumb, .breadcrumb a:link, .breadcrumb a:visited {
    color: #00548e;
    font: normal xx-small verdana, arial;
 }
.breadcrumb a:hover, .breadcrumb a:active {
    color: #5b9ecc;
    font: normal xx-small verdana, arial;
    text-decoration: underline;
 }

.contentpane {
    float: left;
	width: 555px;
	margin: 0;
	padding: 10px;	
}
html>body .contentpane {
    width: 535px; 
    padding: 5px;
}

.topOfPage a {
  	float: right;
    width: 52px;
    height: 20px;
    margin: 0 10px 10px;
    background: transparent url(images/button_top.gif) no-repeat top left; 
 }
.topOfPage a:hover { background: transparent url(images/button_top_hover.gif) no-repeat top left; }

.footer {
    float:left;
    color: #fff;
    font: normal xx-small verdana;  
    text-align: center;     
    width: 100%; 
    height: 22px; 
    padding: 5px 0 0 0;
    background-color: #0068b0;
}
.footer span, .footer a:link, .footer a:visited {
    color: #fff;
    font: normal xx-small verdana;
    text-decoration: none;
    text-align: center;
}
.footer a:hover { 
	color: #7fa9c6; 
	text-decoration: underline;
	font: normal xx-small verdana;	
}