body {
text-align: left;
position:relative;
background-repeat:repeat-x;
background-position:center top;
font-size: 16px;
} 




#wrapper {
width:100%;
min-width:1024px; 
margin:10px auto;  
min-height:70%;
 background-image:url(../images/contentWhiteBg.png);
background-repeat:repeat-y;  
background-position:50% 0 ;
background-color:#fff;
}

	

/*outer */
#header{
width:100%; height: 160px;
min-width:1000px;
z-index:5;
position:fixed; top:0; left:0; background-color:#FFFFFF;

background-image:url(../images/headerDropShadow_1.png); background-repeat:repeat-x; background-position:bottom left
}

.headerClear { display:block; height:0px}	

#contentWrapper{ padding: 0px; width:1000px; margin:170px auto;  }
 

.contentLeft  {width:230px; float:left;	 }
.contentRight {width:755px; float:right;  }
.contentFull {	background:#fff;	}
 #contactFormWrapper   { display:block} 
 


/*top inner */ 
#top{ 
width:1000px;  

position: relative;
z-index:10;
margin:0 auto;
z-index:5;

}


  
#mobileMenuOpener{ display:none}
#homeIconMobile{ display:none}
 


#logo{
text-align: left;
float: left;
position: absolute;
left: 0px;
width:200px;
background-image: url(../images/logo.png);
height: 100px;
background-repeat: no-repeat;
background-position: left 50%;
display:block;
z-index: 2;
top: 10px;
}

#strapLine{
position: absolute;
font-size:1em;
color: #999999;
font-style: normal;
font-weight: normal;
text-align:right;
letter-spacing: 0px;
word-spacing:0px;
text-transform: none;
z-index: 5;
width: 500px;
overflow:hidden;
right: 0px;
top: 40px; 
} 
		

#logo span{ display:none} 

#telephoneNumber{
position: absolute;
font-size:20px;
color: #333333;
font-style: normal;
font-weight: normal;
width: 226px;
text-align: right;
letter-spacing: 0px;
text-transform:none;
z-index: 0;
right: 0px;
bottom: 12px;
padding: 0 30px 0 0;
height:22px;
line-height:22px;
font-family:Arial, Helvetica, sans-serif;
background-image:url(../images/tel.png);
background-position:right 0px;
background-repeat:no-repeat; 
} 

#topNav{
position:absolute;
top:10px;
right:0;
width: 750px;
text-align:right;
font-size:0.8em 
}

#topNav li, 
#topNav li a {
text-transform:uppercase;
font-weight: bold;
height:25px;
line-height:25px;
display:inline-block;
font-size:12px;
}

#topNav li{ color:#CCCCCC}

#topNav a{ color:#FF00CC; }
#topNav a:hover{ text-decoration:underline}

#topNav a#edLogin{
width: auto;
color: #99CC00;
padding-right:30px;
background-image:url(../images/edAdmin.png);
background-position:right 50%;
background-repeat:no-repeat;
}

#topNav span{ display:inline-block; padding:0 5px; text-align:center; color:#999999}





#navMain {
z-index:5;
height:44px;
line-height:44px;
/*background-color:#3A3A3A;
background-repeat: repeat-x;
background-image: url(../images/nav/navBg.png);
background-position: left top;*/
z-index:5;
display:block;
margin:112px  auto 0px auto;
width:1000px;
}

#navMain ul  {
padding:0; 
width:1000px; 
margin: 0px  auto;
z-index:100;  	
height:44px;  

} 
#navMain li { float:left; display:inline-block;   position:relative; z-index:100;
/* background-image:url(../images/semiTransLineVert.png); background-repeat:repeat-y; background-position:right top*/} 


#navMain  li a,
#navMain ul ul a  {text-align:left; } 

#navMain ul  li a  {
font-weight: normal;
text-align:center;
/*color:#e1e1e1;
letter-spacing: 0px;
border-right:1px solid;
border-right-color: #535353;
border-left:1px solid;
border-left-color: #3A3A3A;
text-shadow:1px 2px #333;
*/
color:#666666;
text-transform: uppercase;
display:block;
padding: 0px 22px 0 0;
text-decoration:none;
font-size:0.8em;
-webkit-transition: background-color 500ms ease-in-out 0s;
-moz-transition: background-color 500ms ease-in-out 0s;
-o-transition: background-color 500ms ease-in-out 0s;
transition: background-color 500ms ease-in-out 0s;
}

#navMain ul  li a.mainCategory span{
width:10px; height:10px; display:inline-block;
margin-left:10px;

background-image:url(../images/nav/arrowDown.png); 
background-repeat:no-repeat; 
background-position:  50%}


#navMain ul  li:first-child a   {	
border-left:0px; /*padding-left: 0px;*/  
}


#navMain  ul li:last-child  a {
border-right-width:0px;
}


#navMain ul li a:hover , 
#navMain ul li a.mainCategoryOpen,
#navMain ul li a.mainCategoryOpen:hover{
text-decoration: none;
/*background-color:#333333;*/
border-left-color: transparent;
color:#000;

} 


#navMain ul li ul{ /*  all sub ul */
width:320px;
z-index:5;   
position:absolute; 
height: auto;
top:44px;
background-color:#333333;
left:0px;
padding: 10px ;
display:none	}

/* default show subs */
#navMain ul li:hover ul,
#navMain ul a:hover ul{  } 	

#navMain ul  li .subCatRight{ 
right:0px; 
left:auto
}


#navMain ul li  ul li , 
#navMain ul li  ul li:hover   { display:block; clear:both; width:100%; z-index:3; margin:0  auto; 
background:none; background-image:url(../images/semiTransLine.png); 
background-repeat:repeat-x; background-position: left bottom }
#navMain ul li  ul li:last-child{ background-image:none} 


#navMain ul li  ul li a:link,
#navMain ul li  ul li a:active, 
#navMain ul li  ul li a:visited{
background:none;
text-align:left;
font-weight: normal;
display:block;
line-height: normal;
height:auto;
padding:10px 0px 10px 30px;
text-transform: none;
text-decoration:none;
border:0;
font-size:0.9em; 
color: #f1f1f1;
margin:0px;
background-image:url(../images/nav/navPointer.png);
background-repeat:no-repeat;
background-position: 15px 15px;
transition: none;
}


#navMain ul li ul li a:hover {
color:#fff; 
text-decoration: underline; 
background-position: 15px -14px; 	
}

/* main menu view full link for mobile*/
#navMainViewFull, p#navMainViewFull{ display:none}




.standardNav, ul.standardNav{    
margin: 0px 0px 20px 0px  
}

.standardNav li { display:block; clear:both;  margin:0; padding:0;}

.standardNav li h3{
display:block;
text-decoration:none; 
font-size:1.1em;	
font-weight:bold;
padding: 6px 0 0 0px;
margin:0px auto 0 auto;
border:0px;
background-color:#fff;
cursor:pointer;
position:relative;
font-size:1.4em;
font-weight: normal;
display:block; position:relative
}



.standardNav li a{
display:block;
text-decoration:none;
font-size:0.9em;
margin:0px 0;
background-color:#FFFFFF;
padding: 8px 0 8px 25px; 
background-image:url(../images/icons/arrowRgrayThin.png);
background-repeat:no-repeat;
background-position: 10px 50%;
background-size:6px;
border-bottom:1px solid #e1e1e1;
color:#000; 
display:block; 
font-weight: normal
}

.standardNav li a:hover{ background-color:#f1f1f1}

.standardNav li ul li { background:none; border:none}



.standardNav li ul{ padding:0 0 0px 0} 

.standardNav li a.PDFlink{ padding-left:25px; background-image:url(../images/pdf.gif); background-repeat:no-repeat;
background-position: 5px 50% ; color:#006699;	font-size:14px; font-weight:bold; background-size:14px;}







/* BANNERS */
#bannerWrap{
padding: 0px 0 0px 0 ;   margin:10px auto 0 auto; width:1000px; overflow:hidden  ; position:relative;  
}

#banners img { width:100%; height:22	5px;  margin:0 0 0 0;  display:block; float:left; border:1px solid #999 } 

#bannerBase{ height:28px; background: url(../images/banners/bannerShadow.png); background-position:bottom center; background-repeat:no-repeat; margin:0 auto 0px auto; position:relative  }	

  
 
/* collapsible for side bar form on screen, no + sign padding to create inner illusion  */
#formOpener{ margin:0;height:40px; line-height:40px;}
#formOpener span{ background-image:none;  padding-top:6px;  }



.DDmenu{ display:inline-block;   text-align:left;  }

#galleryWrap .DDmenu{min-width:250px;   }

.DDmenu li  {width:100%; }
  
/* top level */
.DDmenu li h3 {
font-size:1.0em;	 
height:34px; 
	line-height:34px;	 
width:100%
}
 
/* sub */
.DDmenu li ul {top:34px;width:100%}
.DDmenu li ul li { width:100%; }

.DDmenu.rightOpening li ul { left:auto; right:0px;} 
 



.buttons25{ 	width:25px; 	font-size:0.8em;  } 
.buttons50{ 	width:50px; 	font-size:0.8em;  } 
.buttons75{ 	width: 75px; font-size:0.8em; } 
.buttons100{ 	width: 100px;  font-size: 0.8em;} 
.buttons125{ width: 125px; font-size: 0.8em;} 
.buttons150{ width: 150px; font-size: 0.8em;} 
.buttons175{ width: 175px; font-size: 0.8em; } 
.buttons200{ width: 200px; font-size: 0.8em;  } 
.buttons250{ width: 250px; font-size: 0.8em;} 
.buttonsFULL{ width: 100%; font-size: 0.8em;} 

 
 
/*  form  stuff */


 






/* page styles*/ 
  
 
#listingOptions{
padding-top:5px;
background-color:#fff;  
}

#listingOptions #listingTitle,
#listingOptions li#listingTitle {  } 
#listingOptions #listingTitle h3 { font-size:0.8em; padding:0px 5px 0 0; }
 




#footerWrap {
margin: 30px 0 0px 0;
padding:0;
z-index:2;
border-top:6px solid;
border-top-color: #666666;
min-width:1024px;
} 


#footer {
padding: 30px 0 0px 0;
width:950px;
margin: 0 auto;
min-height:300px;	position: relative;
} 


#navSub1, #navSub2 {
list-style-type: none;
margin: 3px   0px  10px 0px;
padding: 0px 20px 30px 20px;
display:block;
width:220px;
float:right;
top:  0px; 
min-height:260px;
}

#navSub1 {
margin-right:30px;	

}

#navSub2{

}



#navSub1 li , #navSub2 li  {
display: block;
}
#navSub1 li a , #navSub2 li  a{
font-weight:  normal;
font-size: 0.9em;
text-transform: capitalize;
padding: 10px  0px;
display: block;
background-image: url(../images/semiTransLine.png);
background-position:left bottom;
background-repeat:repeat-x;
text-align:right;
}
#navSub1 li a:hover , #navSub2 li  a:hover{
text-decoration: underline
}

#navSub1 li  a strong,
#navSub2 li  a strong{ font-size:14px}
#navSub1 li:first-child a	, #navSub2 li:first-child   a{ border-top:0px;}
#navSub1 li:last-child a	, #navSub2 li:last-child   a{ border-bottom:0px; background-image:none}




#socialWrap {
margin: 0px;
text-align: left;
padding:  0px 0px 20px 0px;
float: left;
width:200px;  
}
#socialWrap li{ display:block; clear:both;width:100%;  }

#socialWrap li a {
display:block; clear:both;    
height:44px; line-height:44px;margin:10px 0;
} 



/*icon*/
#socialWrap li a span {
float:left;
}



/*text*/
#socialWrap li a strong{ 
display:inline-block; 
margin-left:12px;
text-transform:capitalize;
font-size: 0.86em;
font-weight: normal;
text-shadow:1px 1px 0px  #333;	
}	

 

#footer #accred{ position:absolute; right:12px; top:180px;}
#footer #accred img { height:100px; border:2px solid #e1e1e1; padding:5px;}
 

#footer hr{ display:none}

#footer #companyInfo{ 
width:100%;
list-style:none;
display:block; clear:both; padding: 10px 0;
background-image:url(../images/semiTransLine.png);
background-position:top left;
background-repeat:repeat-x;
}

#footer #companyInfo li{
margin: 6px 0 ;
padding: 0px 16px 0 0;	
text-shadow:1px 1px 0px  #000; 
text-align:left; display: block; font-size:0.9em; 
}

#companyInfo li strong{ 	  font-weight:bold;  }
#companyInfo li span{ display:inline-block; padding: 0 4px;  }
#companyInfo li#copyright{
font-size: 0.8em;
}


#footer #siteInfo  {
margin:10px auto;
padding:10px 0;
height:50px;  
text-align:right;
display:block; clear:both;
list-style:none;
}


#footer  #siteInfo li#viewFull{ display:none} 
#footer #siteInfo li#viewMobile{ display:block ; float:left; width:300px} 
#footer #siteInfo li#viewMobile a{  	font-size: 0.8em; text-shadow: none;}

#footer #siteInfo #siteBy{ display:block; float:right; width:300px;font-size: 0.8em;}
#footer #siteInfo #siteBy, 
#footer #siteInfo #siteBy a {
font-weight: bold;  text-align:right ; 
text-transform:lowercase
}

#footer #siteInfo  #siteBy a{ border-left:1px solid; border-color:#fff; padding: 0 0 0 4px;}

#footer #siteInfo  #siteBy a span{
font-weight: normal
}


#footer #siteInfo #usefulLinks{  text-align:right}
#footer #siteInfo #usefulLinks, #footer #siteInfo #usefulLinks span{ position:absolute; left:-2000px;}