/* CSS DOCUMENT styles2*/ /* font-family: 'Open Sans', sans-serif; font-family: 'Open Sans Condensed', sans-serif; */ * {margin:0px; padding:0px; border-width:0px;} article, aside, figure, footer, header, hgroup, menu, nav, section { display: block; } body {/*background-image:url(../images/bg_orange.jpg); background-repeat:repeat; */ background-color:#F8F9F9 ; font-family:Arial, Helvetica, sans-serif; } h1, h2, h3 {font-family:'Open Sans Condensed', Arial, Helvetica, sans-serif;} .fixed {position:fixed; top:0; } #mainWrapper { width:900px; margin: auto; background-color: #E2E2E2; padding:10px 40px 0 40px;} .clearFix:after {content: " "; clear:both; visibility: hidden; display:block; height:0px;} .clearFix { *zoom: 1;} /* <=IE6 fix */ .floatleft {float:left;} .floatright {float:right;} .centreImage {width:60%; margin:auto; } .centreImage .caption {height:18px; bottom: 0px; left: 0px; color: #000; background: #CDCDCD; text-align:center; font-weight:bold; opacity:0.7;} .leftmargin {margin-left:100px;} .alignCentre {text-align: center;} .p15px130 {font-size: 15px; line-height:130%;} .imageHolder { position: relative; margin: 0px; } .imageHolder .caption { position: absolute; width:100%; height:18px; bottom: 0px; left: 0px; color: #000; background: #CDCDCD; text-align:center; font-weight:bold; opacity:0.7;} .imageHolder .caption1 { position: absolute; width:95%; height:18px; bottom: 3px; left: 4px; color: #000; background: #CDCDCD; text-align:center; font-weight:bold; opacity:0.7;} #myHeader { width:980px; margin: auto; margin-top:10px; padding-bottom: 10px; background-image:url(../images/headerBackground.jpg);} #logo {float:left; margin:20px 0 0 50px;} #social_media {float:right; margin:10px 10px 4px 0; text-align: center;} #social_media a { display:block; list-style-type:none; margin-top: 0px; } #topnav { margin-left:40px; width:840px; z-index:100;} #topnav ul { float:left; list-style: none; background-color:#D7A06F; margin-bottom: 10px; } #topnav ul li { float:left; width:120px; height:43px; /*box-shadow:inset 0 0 10px 6px #9F5000;*/} #topnav ul li a.onlink {color:#E2E2E2; background-color:#552B00; /*background-image: linear-gradient( to right, #552B00, #B56644);*/ } #topnav ul li a.onlink:hover {background:#E8AB68; color:#74320A;} #topnav ul li a.aboutus {font-size: 12px; color:#E2E2E2; background-color:#552B00; line-height:91%; } #topnav ul li a { display: block; color:#FFF; text-decoration:none; padding: 8px 4px; margin:3px; font-size:18px; } .aboutUsMenu { color:#FFF; text-decoration:none;font-size:18px; padding: 8px 4px; margin:3px;} .aboutUsSub { font-size: 13px; color:#E2E2E2; background-color:#552B00; line-height:91%;padding: 8px 4px 7px 4px; margin:3px;} .TwoLineMenu { font-size: 13px; line-height:91%; } #topnav ul li:hover > a { color: #74320A; background-color: #E8AB68} #topnav ul li:active > a {background:#B88047; color:#fff;} #topnav ul li > ul {position:absolute; z-index:2; visibility:hidden; width:170px;} #topnav ul ul li {width:170px;} #content {float:left; width:580px; background-color: #E2E2E2; position:relative; } #welcomeBox {float:left; width:570px; background-color: #FFF; margin: 12px 0px ; padding: 5px 5px; } .heading1 {font-size: 32px; text-align: center; line-height:180%; color: #660000; margin-top: -10px; margin-bottom: 0px; text-decoration: none;} .heading2 {font-size: 24px; text-align: center; line-height:150%; color: #660000; text-decoration: none; } .heading3 {font-size: 12px; text-align: center; line-height:150%; color: #660000; text-decoration: none; } a.heading1 {font-size: 32px; text-align: center; line-height:180%; color: #660000; margin-top: -10px; margin-bottom: 0px;} #welcomeBox p {font-size: 14px; line-height: 150%; letter-spacing: 1px;} #learnDiv1 {float:left; width:580px; background-color: #E2E2E2; } #learnDiv1 img {margin-bottom:10px;} #learnHeading {font-size: 18px; text-align: center; line-height:150%; color: #660000; background-color: #FFF; margin-top:0px; margin-bottom: 0px; } #learnbox1 {width: 260px; background-color: #FFF; padding: 0px 15px 10px 15px; float:left;} #learnDiv1 p {font-size: 14px; line-height: 100%;} #learnbox1 p {margin-bottom:3px;} #learnbox2 {width: 260px; background-color: #FFF; padding: 0px 15px 10px 15px; float:left; margin-left:0px;} #learnbox2 p {margin-bottom:3px;} #classinfo {float:left; width:570px; background-color: #FFF; margin: 12px 0px; padding: 5px 5px;font-size: 14px; line-height:150%; } #classHeading {font-size: 18px; text-align: center; line-height:150%; color: #660000; } #classFull {font-size: 18px; text-align: center; line-height:150%; color: crimson; } /*#classinfo p {font-size: 14px; line-height:150%;}*/ #classinfo ul {font-size: 14px; line-height:150%; margin:20px 0;} li.tabs1 {margin-left:30px;} li.tabs1 span {position:absolute; } li.tabs1 span:nth-child(1) {left: 45px;} li.tabs1 span:nth-child(2) {left: 110px;} li.tabs1 span:nth-child(3) {left: 170px;} li.tabs1 span:nth-child(4) {left: 190px;} li.tabs1 span:nth-child(5) {left: 260px;} .img-right {float:right; margin: 10px;} #RightSide {float:right; width: 270px; background-color: #E2E2E2; } #RightSide h2 {color: #BB5E00; margin-top: 22px; margin-bottom: 0px;} #right-side-p1 {font-size: 14px; line-height: 150%;} #right-side-p2 {font-size: 12px; line-height: 125%;margin:10px 0;} #potterylocation {margin:10px 0;} #googlemap {border:1px #000 solid;} #myFooter {clear:both; padding:10px 0; border-top:1px #000 dotted; } #myFooter { text-align:center; font-size: 14px; font-weight:bold;} /* contact form styles */ #contactForm ol li {list-style-type:none;} input, textarea {display:block; width:350px; border: 1px #000 solid; padding:5px;} textarea {height:150px;} /* input:hover, textarea {background-color:#FAD2AB;} */ input:focus {background-color:#FAD2AB;} textarea:focus {background-color:#FAD2AB;} label {display:block; margin-top:10px;} .submitButton {width:100px; margin-top:15px;} /* ------------------------------------ Teacher page ---------------------------------------*/ #teacherWrapper { clear:both; width:880px; margin:auto; background-color: #ACACAC; padding: 10px 10px ; margin-bottom: 10px;} #teachers {float:left; width:880px; background-color: #FFF; margin: 5px 0px ; padding:10px 0px; } #teacher1 {float:left; width:425px; background-color: #FFF; margin-left: 0px; padding:5px 5px; margin-bottom: 5px; height:700px;} #teacher2 {float:left; width:425px; background-color: #FFF; margin-left: 10px; padding:5px 5px; margin-bottom: 5px;height:700px;} #teacher3 {float:left; width:425px; background-color: #FFF; margin-left: 0px; padding:5px 5px; margin-bottom: 5px; height:900px;} #teacher4 {float:left; width:425px; background-color: #FFF; margin-left: 10px; padding:5px 5px; margin-bottom: 5px;height:900px;} #teacher5 {float:left; width:425px; background-color: #FFF; margin-left: 0px; padding:5px 5px; margin-bottom: 5px;height:900px;} #teacher1 img {margin-right:5px; margin-top:13px;} #teacher2 img {margin-right:5px; margin-top:13px;} #teacher3 img {margin-right:5px; margin-top:13px;} .teacherImg {margin-right:5px; margin-top:13px;} .teachP1 {font-size: 15px; line-height:130%; margin-top:10px;} .teacherP {font-size: 15px; line-height:130%;} .heading2Link {text-align: center;} .heading2Link a {font-size: 24px; text-align: center; line-height:150%; color:#660000;} .heading2Link a:visited {color:#D7A06F;} .heading2Link a:hover {color:#FC3;} /* ------------------------------------ History page ---------------------------------------*/ #historyWrapper { clear:both; width:890px; margin:auto; background-color: #ACACAC; padding: 10px 5px ; margin-bottom: 5px;} #history {float:left; width:880px; background-color: #FFF; margin: 5px ;padding:5px 0px; } #history1 {float:left; width:290px; background-color: #333; margin: 0px 5px; padding:5px 5px;} #history2 {float:left; width:870px; background-color: #FFF; margin: 0px 5px; padding:5px 5px;} #history2 .imageHolder {margin-left:5px; margin-right:10px;} #history2 p {font-size: 15px; line-height:130%;} #history1 img {margin:5px; border:1px solid #ACACAC;} .historyP1 {margin-top:10px;} /* ------------------------------------ Remembrance Day page ---------------------------------------*/ #rememWrapper { clear:both; width:890px; margin:auto; background-color: #ACACAC; padding: 10px 5px ; margin-bottom: 5px;} #rememH1 { width:870px; background-color: #FFF; margin: 5px; padding: 5px 5px; } #remem1 { width:870px; background-color: #FFF; margin-left: 5px; padding:5px 5px;} #remem2 { width:870px; background-color: #FFF; margin-left: 5px; margin-top:10px; padding:5px 5px;} #remem2 img {padding:5px;} .rememP1 {font-size: 15px; line-height:130%; margin-top:10px;} /* ------------------------------------ Facilities page ---------------------------------------*/ #facilitiesWrapper { clear:both; width:890px; margin:auto; background-color: #ACACAC; padding: 10px 5px ; margin-bottom: 5px;} #facH1 { width:870px; background-color: #FFF; margin: 5px; padding: 5px 5px; } #facilitiesLeft { float:left; width:435px; margin-left:5px; padding:5px 0px 5px 0px; background-color: #ACACAC; } #facilitiesRight { float:right; width:435px; margin-right:5px; padding:5px 0px 5px 0px; background-color: #ACACAC; } #fac1 {width:435px; background-color: #FFF; margin-left: 0px; padding:5px 0px;} #fac1 img {padding:5px;} #fac1 p {padding:0px 5px;} .facilities {width:435px; background-color: #FFF; margin-left: 0px; margin-top:5px; padding:5px 0px;} .facilities img {padding:5px;} .facilities p {padding:0px 5px;} .facP1 {margin-top:10px;} /* ------------------------------------ Class page ---------------------------------------*/ #classWrapper { clear:both; width:890px; margin:auto; background-color: #ACACAC; padding: 10px 5px ; margin-bottom: 5px;} #classH1 { width:870px; background-color: #FFF; margin: 5px; padding: 5px 5px; } .class1 { clear:both; width:870px; background-color: #FFF; margin-left: 5px; margin-top:5px; padding:5px 5px;} #classH1 ul li.tabs2 {margin-left:60px; } #classH1 ul li.tabs2 span {position:absolute; margin-left:800px;} #classH1 ul li.tabs2 span:nth-child(1) {left: 45px;} #classH1 ul li.tabs2 span:nth-child(2) {left: 110px;} #classH1 ul li.tabs2 span:nth-child(3) {left: 170px;} #classH1 ul li.tabs2 span:nth-child(4) {left: 190px;} #classH1 ul li.tabs2 span:nth-child(5) {left: 260px;} #classH1 ul li.tabs3 {margin-left:60px; } #classH1 ul li.tabs3 span {position:absolute; margin-left:500px;} #classH1 ul li.tabs3 span:nth-child(1) {left: 200px;} #classH1 ul li.tabs3 span:nth-child(2) {left: 365px;} #classH1 ul li.tabs3 span:nth-child(3) {left: 550px;} /*#classCosts {text-align:center;}*/ #classCosts ul {margin-left:390px;} #classInfo2 ul {margin-left: 30px;} #classWrapper table {width:600px;margin:auto; border:1px solid black; border-collapse:collapse;} #classWrapper table th {border: 1px solid black; padding:5px; background-color:#67401D; color:#FFF;} .col1 {text-align:center;} #classWrapper table tbody td {border: 1px solid black; padding:3px ;} #classWrapper table tbody tr td p {text-align:center;} #classWrapper table tbody tr:hover {background:#F5E8DC;} /* ------------------------------------ Gallery page ---------------------------------------*/ #galleryWrapper { clear:both; width:890px; margin:auto; background-color: #ACACAC; padding: 10px 5px ; margin-bottom: 5px; } #galleryHeading { width:870px; background-color: #FFF; margin: 5px; padding: 5px 5px; } .thumbs { overflow:hidden; clear:both; width:870px; background-color: #FFF; margin:5px; margin-top:5px; padding:5px 5px;} .thumbs ul { list-style:none; overflow:hidden; margin: auto;} .thumbs li { float:left; margin:8px;} .thumbs img { display:block; padding: 3px; background:#db9849; border: 1px solid #7A2407; box-shadow:1px 1px 2px #000;} .thumbs img:hover { border: 1px solid #fff;} /* ------------------------------------ Featured Artist page ---------------------------------------*/ #featureWrapper { clear:both; width:890px; margin:auto; background-color: #ACACAC; padding: 10px 5px ; margin-bottom: 5px;} #feature {float:left; width:880px; background-color: #FFF; margin: 5px ;padding:5px 0px; } #feature2 {float:left; width:870px; background-color: #FFF; margin: 0px 5px; padding:5px 5px;} #feature2 .imageHolder {margin-right:5px;} /* ------------------------------------ Find us page ---------------------------------------*/