#whtc ul, li{ margin: 0; padding: 0; } #whtc #therapy-calendar, #whtc form, #whtc header { width: 100%; max-width: 993px; margin: 0 auto; position: relative; } #whtc header img { float: left; } #whtc header #woodherbs { font-family: arial; float: left; margin-left: 1%; } #whtc header #woodherbs h1 { margin: 0; font-weight: 100; font-size: 46px; color: green; } #whtc header #woodherbs span { color: #05481b; } #whtc header #contact { color: #009821; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-style: normal; font-weight: normal; margin-top: 0; position: absolute; right: 0; text-align: right; top: 0; } #whtc header #login { background: url('silver-theme-login-box.jpg') repeat scroll 0 0 #339933; color: #000000; font-size: 15px; height: 20px; margin: 0 0 0 200px; padding: 2px 0; right: 0; text-align: center; width: 101px; } #whtc header #login a { color: #000000; font-size: 15px; font-weight: bold; } #whtc header a:link { color: #673300; text-decoration: none; } #whtc span#stars { width: 100%; max-width: 993px; margin: 0 auto 50px auto; display: block; } #whtc h1 { margin-top: 50px; } #whtc form { border-top: 4px solid green; margin-top: 25px; padding-top: 25px; } #whtc form p { margin: 0; font-size: 0.8em; } #whtc #therapy-calendar { border-bottom: 4px solid green; margin-bottom: 50px; padding-bottom: 50px;} #whtc #therapy-calendar div{ width: 100%; border-top: 3px solid black; margin-top: 20px; } #whtc #therapy-calendar div ul{ width: 20%; list-style: none; float: left;} #whtc #therapy-calendar div ul:nth-child(2n) { background-color: #eee; } #whtc #therapy-calendar div ul li { border-bottom: 1px solid #673300; width: 50%; float: left;} #whtc #therapy-calendar div h2 {  background-color: green; color: #fff; line-height: 2em; } #whtc #therapy-calendar div#header { font-size: 2em; display: block !important; } #whtc #therapy-calendar div div {  border-top: 3px solid grey; margin-top: 20px;} #whtc #therapy-calendar div div h3 {  width: 50%; float: left; } #whtc #therapy-calendar div div h3 span{  display: block; font-size: 0.7em; color: #673300; cursor: pointer; width: 100%; } #whtc #therapy-calendar div div section {  width: 40%; float: right; border-left: 1px solid #eee; padding-left: 2.5%; background-color: #fff; } #whtc #therapy-calendar div div section ul{  width: 100%; max-width: 993px; display: block !important; background-color: #fff; } #whtc #therapy-calendar div div section ul:nth-child(2n) { background-color: #fff; } #whtc #therapy-calendar div div section ul li {  width: 100%; border: 0;} #whtc #therapy-calendar div div ul{ width: 55%; list-style: none; float: left;} #whtc #therapy-calendar div div ul:nth-child(2n) { background-color: #eee; } #whtc #therapy-calendar div div ul li { border-bottom: 1px solid #673300; width: 50%; float: left;} #whtc #therapy-calendar a { color: green;  text-decoration: none; } #whtc #therapy-calendar a:hover { color: grey; text-decoration: underline; } #whtc #therapy-calendar h2 a { color: white;  text-decoration: underline; } #whtc #therapy-calendar h2 a:hover { color: white; text-decoration: none; } #whtc .clearfix:before,.clearfix:after,.row:before,.row:after{content:"";display:table;} #whtc .clearfix:after,.row:after{clear:both;} #whtc .clearfix,.row{zoom:1;} @media only screen and (min-width: 110px) { #whtc header #contact, #whtc header img { display: none;} #whtc form label, #whtc form select { display: block; width: 100%; } #whtc form select { margin-bottom: 5px; } #whtc header #woodherbs h1 { font-size: 35px; } #whtc #therapy-calendar div ul{ width: 100%; } #whtc #therapy-calendar div ul li { width: 100%; } #whtc #therapy-calendar div div h3 {  width: 100%; margin-bottom: 0; } #whtc #therapy-calendar div div section {  width: 100%;  margin: 10px 0;  } #whtc #therapy-calendar div div section  h4 {  margin: 0; } #whtc #therapy-calendar div div ul{ width: 100%; } } @media only screen and (min-width: 710px) { #whtc header #contact, #whtc header img { display: block;} #whtc form label, #whtc form select { display: inline; width: auto; } #whtc header #woodherbs h1 { font-size: 46px; } #whtc #therapy-calendar div ul{ width: 20%; } #whtc #therapy-calendar div ul li { width: 50%; } #whtc #therapy-calendar div div h3 {  width: 50%; margin-bottom: 10px; } #whtc #therapy-calendar div div section {  width: 40%; margin: 0;  } #whtc #therapy-calendar div div section  h4 {  margin: 10px 0; } #whtc #therapy-calendar div div ul{ width: 55%; } }