﻿/* Design44 Base HTML/CSS  -  Written By: Lucas Kwasnik/Rob Robbins  -  Last Updated: 2008-08-08 */
/* ====================== Page Formatting  ========================*/
* {
	margin: 0px;
	padding: 0px;
}
body {
	color: Black;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #3d4242;
	background-image: url('../Img/jonking_BGround.png');
	background-repeat: repeat-x;
    

}
td {vertical-align: top;}
input, select, textarea {
	color: black;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h2, h3, h4, h5, h6, h7 {
	font-size: 12px;
	color: #532e62;
}
h1 {font-size: 15px;
    color: #532e62;}
h2 {font-size: 13px;
    color: #532e62;}
ul {
	padding-bottom: 15px;
	padding-left: 20px;
}
p {padding-bottom: 10px;
   padding-top: 10px;}
/* ====================== Text Specific ========================*/
.copy
{
    /*This is for the text in the main content
   margin:30px 260px 10px 60px;*/
   width: 530px;
  /* height: 300px;*/
   float:left;
   padding-top:30px;
   padding-bottom: 30px;
   padding-left:60px;
   
}

.copyCat
{
       width: 530px;
  /* height: 300px;*/
   float: right;
   padding-top:30px;
   padding-bottom: 30px;
   padding-right: 100px;
    
}

.copyCat a
{
	text-decoration:none;
	color: #532e62
	
}

.quoteCopy
{
    /*this is for the text in the quotebox*/
    float:right;
    width: 128px;
    /*height:131px;*/
    padding-top:25px;
    padding-right:20px;
    padding-bottom: 12px;
    color:#fff0f5;
    font-size: 0.9em;
  
}

.quoteCopy h5 
{
    /*this is for the italisized text at the bottom of the quotebox*/
    font-style:italic;
    font-size: 0.9em;
    color:#fff0f5;
    
}


/* ====================== layout & columns ========================*/
#container {

	width: 1031px;
    /*height: 1000px;*/
    margin: 10px auto;
   
}

#mainBanner
{
    width: 847px;
    /*height: 254px;*/
    Padding-left: 110px;
}



#main {margin-left: 110px;
    background-image: url("/Common/Img/DefMainCopy.png");
    background-repeat:no-repeat;
    width: 847px;

    
}

#secondMain 
{
    margin-left: 110px;
    background-image: url("/Common/Img/CatMainCopy5.png");
    background-repeat:no-repeat;
    width: 847px;
   
}



#quotebox
{
    width: 167px;
   /* height:161px;*/
    background-image: url("/Common/Img/QuoteboxMain.gif"); 
    background-repeat: no-repeat;
    float: right;
    padding: 0px 35px 0px 0px;
    margin-top: 12px;
   display:none;
}

.quoteBottom
{
   vertical-align:top;
   float: right;
   padding-right: 35px;
       display:none;
    
}

#catList
{
    float: left;
    width: 98px;
    padding-top: 24px;
    padding-left: 16px;
    font-size: 0.9em;
}

#catList ul li a
{
	text-decoration:none;
	color:#404040;
}

#catList ul li a:hover
{
	color:#532e62;
	text-decoration:none;
}

.sideNavTop {
width:145px;
margin-left:-8px;
background-color:#532e62;
padding-bottom:5px;
}

.sideNavTop h3 {
color:#FFFFFF;
display:block;
text-transform:uppercase;
padding-left:10px;
}

.sideNavTop a {
text-decoration:none;
}


.sideNav ul li a {
text-decoration:none;
}

.sideNav {
margin-left:-28px;
}

.sideNav ul{
display:block;
width:145px;
}

.sideNav ul li{
list-style-type: none; 
padding:5px 0px 5px 10px;
display:block;
}

.sideNav ul li ul {
width:145px;
margin-left:-25px;
}

.sideNav ul li ul li {
list-style-type: none; 
display:block;
padding:5px 0px 5px 10px;
}

.sideNav ul li ul li:hover {
background:none;
}

/* ====================== Header & Footer ====================== */
#header {
	height: 99px;
    width: 325px;
    float:left;
}
#header img{
	border:none;
}
#footer {height: 17px;
         width: 847px;
         padding-left: 110px;
}
#catFooter
{
         height: 17px;
         width: 847px;
         padding-left: 110px;
}
         
      
#footer ul {}
#footer li {}
#footer li a {}	

/* ====================== Menu ====================== */
#navMenu
{
    height:99px;
    width:640px;
    float:left;
}
    
#navMenu ul 
{list-style:none; padding:0px;

}
#navMenu ul li {float:left;}
#navMenu ul li a {height: 99px;
                  font-size: 0px;
                  color:Black;}
#navMenu ul li a:hover {height: 99px;}
#navMenu ul ul {}

.nav1
{
    height:99px;
    width:82px;
    
}
.nav1 a
{
  background-image:url('/Common/Img/jonking_Staff.jpg');
  display: block;  
}
.nav1 a:hover
{
  background-image:url('/Common/Img/jonking_StaffRO.jpg');
  display: block;  
}

.nav2
{
	width:91px;
    height:99px;
    
}
.nav2 a
{
    background-image:url('/Common/Img/jonking_Procedures.jpg');
    display:block;
     
}
.nav2 a:hover
{
    background-image:url('/Common/Img/jonking_ProceduresRO.jpg');
    display:block;
}

.nav3 
{
	width: 72px;
	height: 99px;
	
}
.nav3 a
{
   background: url('/Common/Img/jonking_Office.jpg');
   display: block; 
}
.nav3 a:hover
{
   background: url('/Common/Img/jonking_OfficeRO.jpg');
   display: block; 
}
.nav4 
{
	width: 111px;
	height: 99px;
	
	
}
.nav4 a
{
   background: url('/Common/Img/jonking_Prereg.jpg');
   display: block; 
}
.nav4 a:hover
{
   background: url('/Common/Img/jonking_PreregRO.jpg');
   display: block; 
}

.nav5 
{
	width: 72px;
	height: 99px;
	
	
}
.nav5 a
{
   background: url('/Common/Img/jonking_Links.jpg');
   display: block; 
}
.nav5 a:hover
{
   background: url('/Common/Img/jonking_LinksRO.jpg');
   display: block; 
}

.nav6 
{
	width: 116px;
	height: 99px;
	
}
.nav6 a
{
   background: url('/Common/Img/jonking_Physiserv.jpg');
   display: block; 
}
.nav6 a:hover
{
   background: url('/Common/Img/jonking_PhysiservRO.jpg');
   display: block; 
}

.nav7 
{
	width: 77px;
	height: 99px;
	
}
.nav7 a
{
   background: url('/Common/Img/jonking_Contact.jpg');
   display: block; 
}
.nav7 a:hover
{
   background: url('/Common/Img/jonking_ContactRO.jpg');
   display: block; 
}

/* ====================== Display and hide second level menus ====================== */
#navMenu ul ul, #hidden {display: none;}
#navMenu li.CurrentPage ul, #navMenu li.CurrentCategory1 ul {display: none;}

#navMenu .menuHome
{
    display:none;
}

.nav1.CurrentCategory1 a {background: url('/Common/Img/jonking_StaffRO.jpg');}
.nav2.CurrentCategory1 a {background: url('/Common/Img/jonking_ProceduresRO.jpg');}
.nav3.CurrentCategory1 a {background: url('/Common/Img/jonking_OfficeRO.jpg');}
.nav4.CurrentCategory1 a {background: url('/Common/Img/jonking_PreregRO.jpg');}
.nav5.CurrentCategory1 a {background: url('/Common/Img/jonking_LinksRO.jpg');}
.nav6.CurrentCategory1 a {background: url('/Common/Img/jonking_PhysiservRO.jpg');}
.nav7.CurrentCategory1 a {background: url('/Common/Img/jonking_ContactRO.jpg');}

#navMenu li#menuHome.CurrentPage ul, #navMenu li#menuHome.CurrentCategory1 ul {display: none;} /* never display L2 menu items in Home Category */

/* ====================== search results ======================== */
#searchContainer {
	height: 37px;
	padding: 0px 0px 0px 20px;
	background: #E7B060 url(/Common/Img/logoSWBM_Header.jpg) no-repeat right top;
}
#searchBox {padding-top: 10px;}
#searchResultsPage #content {padding: 0px 15px 0px 45px;}
.SearchResult, .SearchResultAlt {padding-bottom: 15px;}
.SearchResultTitle, .SearchResultTitle a:link, .SearchResultTitle a:hover, .SearchResultTitle a:visited, .SearchResultTitle a:active {
	color: #423E34;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}	
.SearchResultTitle a:hover {text-decoration: underline;}
.SearchResultsHighlight {
	color: #E7B060;
	font-style: italic;
	text-decoration: underline;
}	
#resultsSearchPhrase, #resultsSearchQty, .SearchResultUrl a:link, .SearchResultUrl {color: #999999;}
#resultsSearchQty {padding-bottom: 12px;}
.selHint {background-color: #4D6177;}
#results div a span {background-color: #4D6177;}	
.ezcount {
	float: right;
	color: #E7B060;
	font-size: 9px;
}
#results {
	z-index: 99;
	width: 175px;
	display: none;
	overflow: hidden;
	position: absolute;
	visibility: hidden;
	border: solid 1px #000000;
	background-color: #F5F1D0;
}
#results a {color: #E7B060;}
#EasySearchLiveResults {
	z-index: 100;
	display: none;
	position: absolute;
	border-width: 13px;
	border-color: black;
	margin-bottom: 10px;
	background-color: white;
}

/* ====================== Styling for Submit button on Login ========================*/
.adminButton , a.adminButton, a.adminButton:link, a.adminButton:visited, a.adminButton:hover, .smallButton{
	width: 125px;
	cursor: pointer;
	cursor: hand;
	color: #F5F1D0;
	font-size: 12px;
	padding-top: 6px;
	text-align: center;
	padding-bottom: 6px;
	text-decoration: none;
	vertical-align: middle;
	background-color: #423E34;
	border-right: 8px solid #4D6177;
}

/* PNG Background Fix for IE6 */
#main, #secondMain{ behavior: url(/Common/Scripts/iepngfix.htc); }