/* Newquay Riding Stables CSS */

body { background-color: #660000; margin: 10px; text-align: center; }
div#frame { width: 800px; height: 675px; margin: 0 auto; overflow: hidden; }
div#masthead { width: 800px; height: 138px; border-bottom: 1px solid #FFFFFF; background: url(../img/masthead_bg.jpg) no-repeat; }
div#masthead h1 { float: left; width: 415px; height: 122px; margin: 0; }
div#masthead h1 a { width: 100%; height: 100%; display: block; background: transparent url(../img/newquay_riding_stables.jpg) 19px 18px no-repeat; text-decoration: none; }
ul#contactlist { list-style-type: none; float: right; margin: 23px 0 0 0; padding: 0; }
ul#contactlist li { width: 254px; height: 25px; }
ul#contactlist li#telephone { background: url(../img/01637_872699.jpg) no-repeat; text-indent: -9999px; }
ul#contactlist li#email a { width: 100%; height: 100%; display: block; background: url(../img/email_address.jpg) no-repeat; }

.hidetext { display: none; }

div#footer { width: 800px; height: 50px; margin: 0 auto; padding: 0; border-top: 8px solid #660000; border-bottom: 10px solid #660000; text-align: right; }
div#footer ul { list-style-type: none; margin: 0; padding: 0; float: right; }
div#footer ul li { float: left; font: 0.65em Verdana, sans-serif; color: #FFFFFF; margin: 0 0 0 4px; }
div#footer ul li a { color: #FFFFFF; text-decoration: none; }
div#footer ul li a:hover { color: #FF6600; }
div#footer p { float: right; font: 0.65em Verdana, sans-serif; color: #FFFFFF; margin: 0; }
div#footer p a { color: #FFFFFF; text-decoration: none; }
div#footer p a:hover { color: #FF6600; }

div#navmenu { width: 800px; height: 21px; border-bottom: 1px solid #FFFFFF; background: url(../img/menu_bg.jpg) no-repeat; }
div#navmenu ul { list-style-type: none; margin: 0; padding: 0; }
div#navmenu ul li { height: 21px; width: 132px; float: left; font: 0.7em Verdana, sans-serif; text-align: center; overflow: hidden; border-right: 1px solid #FFFFFF; }
div#navmenu ul li a { width: 100%; height: 100%; display: block; color: #FFFFFF; text-decoration: none; padding: 3px 0 0 0; }
div#navmenu ul li.noborder { width: 135px; border: 0; margin: 0 -3px 0 0; }
div#navmenu ul li#navhome a:hover { background: transparent url(../img/menu/home_rollover.jpg) no-repeat; }
div#navmenu ul li#navlessons a:hover { background: transparent url(../img/menu/lessons_rollover.jpg) no-repeat; }
div#navmenu ul li#navgenrides a:hover { background: transparent url(../img/menu/general_rides_rollover.jpg) no-repeat; }
div#navmenu ul li#navgrprides a:hover { background: transparent url(../img/menu/group_rides_rollover.jpg) no-repeat; }
div#navmenu ul li#navprices a:hover { background: transparent url(../img/menu/prices_rollover.jpg) no-repeat; }
div#navmenu ul li#navcontact a:hover { background: transparent url(../img/menu/contact_rollover.jpg) no-repeat; }

div#content { width: 800px; background-color: #006699; background-size:cover !important;}
div#leftcol { width: 392px; float: left; text-align: right; }
div#leftcol h2 { display: none; }
div#leftcol ul { list-style-type: none; margin: 10px 4px 0 0; padding: 0; }
div#leftcol ul li { font: 0.7em Verdana, sans-serif; color: #FFFFFF; }
div#leftcol ul li a { text-decoration: none; color: #FFFFFF; }

div#rightcol { width: 402px; float: right; text-align: left; }
div#rightcol h3 { width: 256px; height: 19px; background-color: #DADC6E; color: #333333; font: 0.85em Verdana, sans-serif; padding: 2px 0 0 0; overflow: hidden; border-left: 10px solid #DADC6E; margin: 10px 0 6px 0; }
div#rightcol h3 a { color: #333333; text-decoration: none; }
div#rightcol ul { list-style-type: none; margin: 0; padding: 0 0 5px 10px; }
div#rightcol li { width: 100%; float: left; font: 0.7em Verdana, sans-serif; color: #333333; margin: 0 0 3px 0; background: url(../img/bullet.gif) 0 3px no-repeat; padding: 0 0 0 10px; border: 0; }
div#rightcol li a { color: #333333; text-decoration: none; }

div#lessons { width: 402px; height: 137px; background: #FFFFFF url(../img/learning.jpg) 267px 0 no-repeat; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; margin: 12px 0 17px 0; overflow: hidden; } 
div#riding { width: 402px; height: 137px; background: #FFFFFF url(../img/riding.jpg) 0 0 no-repeat; border-top: 1px solid #FFFFFF; margin: 12px 0 17px 0; overflow: hidden; }
div#grouprides { width: 402px; height: 107px; background: #FFFFFF url(../img/group_rides.jpg) 0 0 no-repeat; border-bottom: 1px solid #FFFFFF; margin: 12px 0 17px 0; overflow: hidden; }

/* =Lessons */
div#lessonsmain { width: 402px; height: 282px; background: #FFFFFF url(../img/lessons_main_pic.jpg) 1px 155px no-repeat; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; margin: 12px 0 17px 0; overflow: hidden; }
div#lessonsmain h3 { width: 100%; }
div#ridingsub { width: 402px; height: 117px; background: #FFFFFF url(../img/learning_smaller.jpg) 267px 0 no-repeat; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; margin: 12px 0 17px 0; overflow: hidden; } 
div#ridingsub li { font: 0.6em Verdana, sans-serif; color: #333333; margin: 0 0 2px 0; }
div#rightcol ul.squash { display: block; width: 100%; }
div#rightcol ul.squash li.squashmore { width: 267px; margin-bottom: 0px; float: left; }
div#rightcol ul.squash li { width: 267px; margin-bottom: 2px; }
div#rightcol h3.headersquash {  clear: both; margin: 4px 0 4px 0; padding: 1px 0 0 0; height: 18px; }

/* =General & Group Riding */
div#generalmain { width: 402px; height: 282px; background: #FFFFFF url(../img/general_riding_main_pic.jpg) 1px 156px no-repeat; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; margin: 12px 0 17px 0; overflow: hidden; }
div#generalmain h3 { width: 100%; }

/* =Prices */
div#prices { margin: 12px 0 17px 0; width: 402px; height:500px; background-color: #FFFFFF; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; }
div#prices h3 { width: 392px; }
div#prices h4 { width: 389px; height: 18px; background-color: #ECEDB3; color: #333333; font: 0.75em Verdana, sans-serif; padding: 2px 0 0 0; overflow: hidden; border-left: 3px solid #ECEDB3; margin: 10px 0 6px 10px; text-transform: capitalize; }
div#prices table { margin: 0 0 0 13px; border: 0; }
div#prices table td { font: 0.7em Verdana, sans-serif; color: #333333; }
div#prices p { margin: 2px 15px 2px 13px; font: 0.6em Verdana, sans-serif; color: #333333; }

div#facilities { width: 402px; height: 117px; background: #FFFFFF url(../img/learning_smaller.jpg) 267px 0 no-repeat; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; margin: 12px 0 17px 0; overflow: hidden; }
div#facilities h3 { width: 256px; margin: 5px 0; }
div#facilities h4 { width: 254px; height: 18px; background-color: #ECEDB3; color: #333333; font: 0.75em Verdana, sans-serif; padding: 2px 0 0 0; overflow: hidden; border-left: 3px solid #ECEDB3; margin: 4px 0 2px 10px; text-transform: capitalize; }
div#facilities p { margin: 2px 15px 2px 13px; font: 0.6em Verdana, sans-serif; color: #333333; }

/* =Contact */
div#contactmain { width: 402px; height: 282px; background: #FFFFFF url(../img/lessons_main_pic.jpg) 1px 155px no-repeat; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; margin: 12px 0 17px 0; overflow: hidden; }
div#contactmain h3 { width: 392px; }
div#contactmain div#left { float: left; width: 160px; }
div#contactmain div#right { float: left; width: 220px; }

div#contactmain div#left p { font: 0.7em Verdana, sans-serif; line-height: 1.4em; color: #666666; margin: 2px 0 0 10px; }
div#contactmain div#right p { font: 0.7em Verdana, sans-serif; color: #333333; margin: 2px 0 5px 0; }
div#contactmain div#right p a { color: #333333; text-decoration: none; }
div#contactmain div#right p a:hover { color: #FF6600; text-decoration: none; }
div#contactmain div#right ul { background-color: #FFFFCE; height: 84px; }

li a .orange { color: #FF6600; }
li a:hover .orange { color: #660000; }