/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */
   html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, lne, lnet{
    margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: tranperent;
}

body{
    margin:0;
    padding:0;
    line-height: 1.5em;
    background-color:#fafad2;
}
/*
b{font-size: 110%;}
em{color: red;}*/

#maincontainer{
    width: 100%; /*Width of main container*/
    margin: 0; /*Center container on page*/
}
 
#topsection{
    background: #fafad2;
    height: 60px; /*Height of top section*/
}

#topsection h1{
    margin: 0;
    padding-top: 10px;
}

#topsection h1{
    margin: 0;
    padding-top: 15px;
}
 
#contentwrapper{
    float: left;
    width: 100%;
}
 
#contentcolumn{
    margin-left: 12.5%; /*Set left margin to LeftColumnWidth*/
    background: #fafad2;
}

#leftcolumn{
    float: left;
    width: 12.5%; /*Width of left column*/
    margin-left: -100%; /*Set left margin to -(MainContainerWidth)*/
    background: #cff;
    font-size: 0.8em;
    padding:0px;
    height:inherit;
}

#footer{
    clear: left;
    width: 100%;
    background: #cff;
    color: #000;
    text-align: center;
    font-size:0.6em;
    padding: 24px 20;
}

.innertube{
    margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
    margin-top: 0;
}
h1 {
    color: #cc3300;
    background-color: #fafad2;
    text-align:center;
    font-size: 1.2em;
}
h2 {
    font-color: #cc3300;
    font-size: 1.2em;
    background-color: #fafad2;
    text-align: center;
    margin: 0em;
    padding: 0em;
}

 
h3 {
    font-color:#008000;
    font-size: 1.2em;
    background-color: #FAFAD2;
    text-align: center;
    margin: 0em;
    padding: 0em;
 }
 
h4 {
    font-color:#008000;
    font-size: 1.2em;
    background-color: #FAFAD2;
    text-align: center;
    margin: 0em;
    padding: 0em;
 }
 
 h5 {
    font-color:#008000;
    font-size: 0.8em;
    background-color: #FAFAD2;
    text-align: center;
    margin: 0em;
    padding: 0em;
 }

h6 {
    font-color:#008000;
    font-size: 1em;
    font-style:italic;
    background-color: #FAFAD2;
    text-align: center;
    margin: 0em;
    padding: 0em;
    
 }
 a:visited {
	color: #CC0033;
	outline: none;
	text-decoration: none;
}
 
a:hover {
	color: #FF9900;
	text-decoration: underline;
}

a:active {
	color: #CC6600;
	outline: none;
	text-decoration: none;
}

.letterhead{
    background: #fafad2;
    border:100%;
    padding:10px;
    border:7px solid #6f3; 
    border-style:ridge;
    border-left-width:0px;
    border-right-width:0px;
    font-size:100%;
} 
 
.letterfoot{
    background: #fafad2;
    border:100%;
    padding:10px;
    border:7px solid #6f3; 
    border-style:ridge;
    border-left-width:0px;
    border-right-width:0px;
    font-size:100%;
} 

p.ids {
     color: #008000;
     font-size:25px;
     font-weight: bolder;
     text-align: center;
     padding: 0em;
     line-height:100%; 
     }

p.about {
     color: #008000;
     font-size:20px;
     font-syyle: italic;
     text-align: center;
     padding-left: 10em;
     padding-right: 10em;
     line-height:100%; 
     }
 
p.lne {
     color: #008000;
     font-size:1.5em;
     font-weight: bolder;
     text-align: center;
     padding: 0em;
     line-height:100%; 
     }

.lnet {
     background: #fafad2;
     border:100%;
     padding:0px;
     border:3px solid #6f3; 
     border-style:ridge;
     border-left:0px;
     border-right:0px;
     border-bottom:none;
}
     
p.abn {
     color:#008000;
     font-size: 10px;
     text-align: center;  
     line-height:100%;
     }
     
p.phone {
     color:#008000;
     font-size: 15px;
     text-align: center;  
     letter-spacing:1.1px;
     padding: 0em;
     line-height:120%;
     }

p.pcenter {
     color:#000;
     font-size: 1em;
     text-align: center;  
     letter-spacing:1.1px;
     padding: 0em;
     line-height:120%;
     }

p.psidwords {
      color:#000;
     font-size: 1em;
     text-align: left;  
     letter-spacing:1.1px;
     padding: 0em;
     line-height:120%;
      } 
 
 /* boxes for images left or right to center images */
 #leftimage{
    float: left;
    width: 42%;
    margin-left: 0%;
    background: #fafad2;
    padding: 0px;
    height: inherit; 
    }
 
#rightimage{
    float: right;
    width: 42%;
    margin-left: -57%;
    background: #fafad2;
    padding: 0px;
    height: inherit; 
    }                    
      
div.img /* BOXES FOR OPTIONS */
{
  margin: 12px;
  border:2px solid #fafad2;/*#803bff*/ 
  height: 16em;
  width: 26em;
  float: left;
  text-align: center;
}	
div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
  
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 26em;
  margin: 2px;
}
       /* END BOXES FOR OPTIONS */
div.imgmed /* BOXES FOR OPTIONS medical couches*/
{
  margin: 12px;
  border:2px solid #fafad2;/*#803bff*/ 
  height: 16em;
  width: 13em;
  float: left;
  text-align: center;
}	
div.img imgmed
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}

div.descmed
{
  text-align: center;
  font-weight: normal;
  width: 13em;
  margin: 2px;
}
       /* END BOXES FOR OPTION medical couches */   
/* CENTER IMAGE */
img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }
 
.img1 {
    float:left; 
    margin:5px;
    padding:10px;
}
   
.img2 {
    float:right; 
    margin:5px;
    padding:10px;
}     

.img5 {
    float:left; 
    margin:5px;
    padding:5%;
    padding-top:5px;
    padding-bottom:5px;
    }

.img10 {
    float:left; 
    margin:5px;
    padding:10%;
    padding-top:5px;
    padding-bottom:5px;
}     

.img15 {
    float:left; 
    margin:5px;
    padding:15%;
    padding-top:5px;
    padding-bottom:5px;
}     
 
.img20 {
    float:left; 
    margin:5px;
    padding:20px;
    padding-top:5px;
    padding-bottom:5px;
}     


 .imgc {   /* IMAGE CENTRED responive */
    float:left; 
    padding:10px;
    max-width:40%; margin-left: 20%; 
	margin-right: auto;  
	height:auto;"
}

.imgleft {    /* image left responsive */
    float:left; 
    padding:10px;
    max-width:40%; margin-left: 5%; 
	margin-right: auto;  
	height:auto;"
}
 
.imgright {    /* image right responsive */
    float:right; 
    padding:10px;
    max-width:40%; margin-right: 5%; 
	margin-left: auto;  
	height:auto;"
}

.floatstop {
      clear:both
      }      

     
p.moreleft {
     color:#008000;
     font-size: 1em;
     text-align: left;  
     line-height:20%;
     }
     
p.moreright {
     color:#008000;
     font-size: 1em;
     text-align: right;  
     line-height:20%;
     }     
     
table{
    margin-left:auto; 
    margin-right:auto;
    border-collapse:collapse;
    border: 2px solid green;
    table-layout: fixed;
    width: 200px;
}
 
th{
    border: 2px solid green;
    text-align:center;
    overflow: hidden;
    width: 100px;
    background-color:ff9;
}
  
td{
    border: 2px solid green;
    text-align:center;
    overflow: hidden;
    width: 100px;
    background-color:ffffee;
}

.update {
	font-color:#000;
    font-size:0.7em;
	background-color: #ffffff;
    text-align:center;
}

/* NAVIGATION BAR Nov 14 */
 
.offscreen { 
  position: absolute; 
  top: -30em; 
  left: -300em; 
}  

div#hmenu { 
   margin: 0; 
   padding: .3em 0 .3em 0; /* .3 0 .3 0 */
   background: #ccffcc; /* background menue light green */
   width: 100%; 
   text-align: center; 
} 

div#hmenu ul { 
   list-style: none; 
   margin: 0; 
   padding: 0; 
} 

div#hmenu ul li { 
   margin: 0; 
   padding: 0; 
   display: inline; 
} 

div#hmenu ul a:link{ 
   margin: 0; 
   padding: .3em .4em .3em .4em; /* .3 .4 .3 .4 */
   text-decoration: none; 
   font-weight: bold; 
   font-size: medium; 
   color: #004415; /* dark green */
} 

div#hmenu ul a:visited{ 
   margin: 0; 
   padding: .3em .4em .3em .4em; 
   text-decoration: none; 
   font-weight: bold; 
   font-size: medium; 
   color: #000000; 
} 

div#hmenu ul a:active{ 
   margin: 0; 
   padding: .3em .4em .3em .4em; 
   text-decoration: none; 
   font-weight: bold; 
   font-size: medium; 
   color: #008000; 
} 

div#hmenu ul a:hover{ 
   margin: 0; 
   padding: .3em .4em .3em .4em; 
   text-decoration: none; 
   font-weight: bold; 
   font-size: medium; 
   color: #f6f0cc; 
   background-color: #227755; 
} 
  
/* DROP DOWN MENUES */
#nav{
    list-style:none;
    font-weight:bold;
    margin-bottom:10px;
    float:left; /* Clear floats */
    width:100%;
    /* Bring the nav above everything else--uncomment if needed.
    position:relative;
    z-index:5;
    */
}
#nav li{
    float:left;
    margin-right:10px;
    position:relative;
}
#nav a{
    display:block;
    padding:5px;
    color:#fff;
    background:#333;
    text-decoration:none;
}
#nav a:hover{
    color:#fff;
    background:#6b0c36;
    text-decoration:underline;
}
 
/*--- DROPDOWN ---*/
#nav ul{
    background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
    background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
    list-style:none;
    position:absolute;
    left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
    padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float:none;
}
#nav ul a{
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
    left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    background:#6b0c36;
    text-decoration:underline;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    background:#333;
}
                      /*  DROP DOWN  */
/*Strip the ul of padding and list styling*/
ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
    color: #000;
}

/*Create a horizontal list with spacing*/
li {
	display:inline-block;
	float: left;
	margin-right: 2px;
}

/*Style for menu links*/
li a {
	display:block;
	min-width:8em;  /* 140px */
	height: 2em;   /* 50px */
	text-align: center;
	line-height: 2em;  /* 50px */
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;  /* fff  ? */
	background: #ffff99;   /*light yellow   ffff99  2f3036 */
	text-decoration: none;
    border: 1px solid #898989;
}

/*Hover state for top level links*/
li:hover a {
	background: #99ff66; /* green 99ff66  ffffee */
    color: #000;
}

/*Style for dropdown links*/
li:hover ul a {
	background: #ffffcc; /* ltght yellow  f3f3f3 */
	color: #000;
	height: 2em; /* 40px */
	line-height: 2em;  /* 40px */
}

/*Hover state for dropdown links*/
li:hover ul a:hover {
	background: #99ff66;
	color: #000;
}

/*Hide dropdown links until they are needed*/
li ul {
	display: none;
}

/*Make dropdown links vertical*/
li ul li {
	display: block;
	float: none;
}

ul ul ul { border-top: 0 none; }

ul ul li { position: relative }    

 ul ul ul {top: 0%; right: auto; left: 100%; }  



/*Prevent text wrapping*/
li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	background: #669933; /* show menu colour  green*/
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}


/*Responsive Styles*/

@media screen and (max-width : 760px){
	/*Make dropdown links appear inline*/
	ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	ul li, li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
   li ul li {display: none; }	

#contentcolumn{
    margin-left: 0; /*Set left margin to LeftColumnWidth*/
    background: #fafad2;
}

#leftcolumn{
        width: 0%; /*Width of left column*/
margin-left: 0%; /*Set left margin to -(MainContainerWidth)*/
 /*   background: #cff;
    font-size: 0.8em;
    padding:0px;
    height:inherit;*/
}
}