html, body {
height:100%;
width:100%;
margin:0px;
padding:0px;
overflow:hidden;
background:#eeeeff;
font-family:arial,helvetica,verdana,sans-serif;
}

a {outline:none;text-decoration:none;}
a:link {color:#993399;text-decoration:none;}
a:link img {border:0px;}
a:visited img {border:0px;}
a:hover {color:#ff6600;text-decoration:none;}
a:hover img {border:0px;}
a:active {color:#ef0000;text-decoration:none;}
unknown {text-decoration:none;}


.mtp {
color:#6d2f95;
font-size:110%;
}

#indexgradholder {
position:absolute;
bottom:0px;
left:0px;
border:0;
padding:0;
margin:0;
width:100%;
height:60%;
}

#index_leftwrapper {
position:absolute;
top:0px;
left:0px;
width:66%;
height:100%;
}

#index_leftfloater {
position:relative;
top:50%;
margin-top:-22%;
width:100%;
height:50%;
}

#index_mtplogo {
position:absolute;
top:3%;
left:2%;
height:15%;
max-height:106px;
width:auto;
max-width:500px;
padding:0px;
}

#index_threepix {
display:block;
width:100%;
}

#selectyourthing {
font-size:14px;
margin:0 0 10px 0;
}

.hspacer_left {width:1%;float:left;}

.hspacer_right {width:1%;float:right;}

.threepix_left, .threepix_mid {
float: left;width: 32%;
border:none;
}

.clear {
clear:both;
height:0px;
}

.enter_image {
text-align:center;
font-size:10pt;
}

a.enter_image:link, a.enter_image:visited {color:#000000;}
a.enter_image:hover {color:#ffffff;}

a.enter_image img, a.tiechooser_image img {filter:alpha(opacity=80);opacity:0.80;}
a.enter_image:hover img, a.tiechooser_image:hover img {filter:alpha(opacity=100);opacity:1.00;}

.chooserpic {
width:85%;
height:auto;
padding-bottom:5px;
}

#index_address_shadow {
text-align:left;
font-size:17px;
line-height:17px;
letter-spacing:2px;
color:#555456;
position:absolute;
bottom:28px;
left:10px;
}

#index_address {
text-align:left;
font-size:17px;
line-height:17px;
letter-spacing:2px;
color:#ffffff;
position:absolute;
bottom:27px;
left:11px;
}

#index_address_locale {
text-align:left;
font-size:13px;
letter-spacing:1pt;
color:#ffffff;
position:absolute;
bottom:8px;
left:30px;
}

#designer_credit {
position:absolute;
bottom:5px;
right:10px;
font-size:13px;
cursor:pointer;
text-align:left;
}

a.kendesign {
font-size:13px;
color:#7f0022;
font-weight:bold;
text-decoration:none;
}

a.kendesign:hover {
color:#ff0000;
}

#newsticker {
text-align:left;
font-family:"Courier New", Courier, monospace;
font-size:150%;
font-weight:bold;
border:0px;
color:#000000;
background:#eeeeff;
padding-bottom:10px;
}


#index_scroller {
border-top:1px solid #996699;
border-left:1px solid #996699;
background:#eeeeff;
position:relative;
top:10%;
left:68%;
width:30%;
height:80%;
overflow-x:hidden;
overflow-y:auto;
}

#whatsnew_wrapper {
width:90%;
margin:0 auto;
font-size:12px;
font-family:"Courier New", courier, monospace;
padding:20px 0 30px 0;
}

#whatsnew_wrapper div {
text-align:justify;
}

#index_rakelogo {
width:100%;
height:auto;
display:block;
margin:0 auto;
}

#index_rakepic {
width:100%;
max-width:400px;
height:auto;
display:block;
margin:0 auto;
}

#index_tempestlogo {
width:100%;
max-width:480px;
height:auto;
display:block;
margin:0 auto
}

#index_julietlogo {
width:100%;
max-width:340px;
height:auto;
display:block;
margin:0 auto
}

#index_kitlogo {
width:200px;
height:auto;
display:block;
margin:0 auto
}

a.buttontext {
display:block;
text-align:center;
font-size:8pt;
height:20px;
line-height:20px;
border:1px solid #ffffff;
background:#6f5e8e;
color:#ffffff;
cursor:pointer;
}

a.buttontext:hover {
color:#000000;
background:#e6d9fd;
border:1px solid #6f5e8e;
}

.kitpack {
width:250px;
}

.seepress {
width:100px;
}

.pdf {
width:60px;
}

#error_message {
position:absolute;
top:50%;
margin-top:-50px;
left:50%;
margin-left:-300px;
height:150px;
width:600px;
font-size:12pt;
color:#400040;
text-align:center;
}

#muchado_scroller {
position:absolute;
bottom:0px;
right:0px;
width:100%;
height:76%;
overflow-x:hidden;
overflow-y:auto;
}

#muchado_wrapper {
position:relative;
width:600px;
font-size:10pt;
}

#muchado_leftfloat {
background:red;
width:48%;
float:left;
padding:1em 10px 20px 10px;
}

#muchado_rightfloat {
background:blue;
width:48%;
float:right;
text-align:justify;
padding-top:9em;
}

#muchado_poster {
width:100%;
height:auto;
}

#panto_scroller {
position:absolute;
bottom:0px;
right:0px;
width:100%;
height:70%;
overflow-x:hidden;
overflow-y:auto;
}

#panto_content {
width:85%;
margin: 0 auto;
font-size:10pt;
color:#000000;
text-align:left;
}

#page_header_text {
font-size:16pt;
color:#a18bc7;
letter-spacing:2px;
position:absolute;
top:38px;
left:160px;
}

#page_header_shadow {
font-size:16pt;
color:#5f5d5f;
letter-spacing:2px;
position:absolute;
top:37px;
left:159px;
}

#mtp_header_text {
font-size:12pt;
color:#ffffff;
letter-spacing:2px;
position:absolute;
top:27px;
right:10px;
}

#mtp_header_shadow {
font-size:12pt;
color:#5f5d5f;
letter-spacing:2px;
position:absolute;
top:26px;
right:11px;
}

#kit_scroller {
position:absolute;
bottom:0px;
right:0px;
width:100%;
height:82%;
overflow-x:hidden;
overflow-y:auto;
background:#eeeeff url('../graphics/keeping_it/buggy300x380_op20.gif') fixed no-repeat;background-position:50% 85%;
}

#kitblurb {
width:730px;
background-color:transparent;
margin:0 auto;
padding-bottom:40px;
}

#kit_header {
margin:20px 0 0 0;
padding:0px;
}

#kit_header p {
text-align:center;
font-size:16px;
padding:0px;
margin:1em 0 0 0;
}

#kit_leftfloat {
width:420px;
float:left;
margin:10px 0 0 0;
}

#kit_leftfloat p {
width:400px;
font-size:13px;
margin:1em auto;
}

#kit_rightfloat {
width:310px;
float:right;
margin:10px 0 0 0;
}

#kit_rightfloat p {
width:300px;
font-size:13px;
text-align:justify;
margin:1em auto;
}

#kit_footer {
width:730px;
display:block;
color:#ffffff;
background-color:#665067;
padding:10px 0 10px 0;
}

#kit_footer p {
width:700px;
font-size:13px;
text-align:justify;
margin:1em auto;
}

.folletquote {
width:650px;
color:#ffffcc;
text-indent:1em;
}

#tempest_scroller {
position:absolute;
bottom:0px;
right:0px;
width:100%;
height:82%;
overflow-x:hidden;
overflow-y:auto;
}

#tempest_content {
width:730px;
margin:0 auto;
}

#tempest_header {
font-size:15px;
text-align:left;
margin:20px 20px 20px 20px;
}

#tempest_leftfloat {
width:220px;
float:left;
margin:1em 10px 0 20px;
}

#tempest_leftfloat p {
text-indent:1em;
font-size:13px;
text-align:justify;
}

#tempestposter {
display:block;
width:218px;
height:300px;
border:1px solid #000000;
margin-bottom:20px;
}

#tempest_contact {
font-size:16px;
text-align:center;
line-height:18px;
}

#tempest_rightfloat {
width:430px;
float:right;
margin:1em 20px 0 10px;
}

#tempest_rightfloat p {
text-indent:1em;
font-size:13px;
text-align:justify;
}

#tempest_rightfloat p#firstpara {
margin-top:0;
}

img#airship_crash {
float:right;
margin:0 0 5px 15px;
border:1px solid #000000;
}

#tempest_slideshow_title {
font-size:17px;
text-align:center;
margin:30px 0 5px 0;
}

#tempest_slideshow {
width:480px;
height:320px;
}

#tempest_footer {
width:730px;
display:block;
clear:both;
background-color:#665067;
margin:20px 0 40px 0;
padding-bottom:10px;
}

#tempest_footer p {
font-size:13px;
color:#ffffff;
text-align:justify;
padding:15px 20px 5px 20px;
}

#tempest_footer ul {
font-size:13px;
color:#ffffff;
text-align:left;
margin:0 0 15px 30px;
}

#tempest_footer ul li {
margin-bottom:5px;
}

#tie_selector {
display:block;
position:absolute;
top:95px;
left:0px;
width:100%;
height:80%;
overflow:hidden;
}

#tie_flashmenu_holder {
position:relative;
width:100%;
height:100%;
}

#tie_flashmenu_floater {
width:800px;
height:550px;
position:absolute;
top:50%;
margin-top:-180px;
left:50%;
margin-left:-400px;
}

#tie_previous_content {
width:100%;
height:75%;
position:absolute;
bottom:0px;
left:0px;
font-size:10pt;
overflow-x:hidden;
overflow-y:auto;
}

#about_title {
font-size:14pt;
letter-spacing:2px;
width:100%;
position:absolute;
top:120px;
left:0px;
}

#raketitle_holder {
position:absolute;
top:110px;
left:0px;
width:100%;
height:60px;
}

#raketitle {
width:75%;
min-width:750px;
height:60px;
text-align:left;
margin:0 auto;
}

#homescroller, #aboutscroller, #swml_scroller {
position:absolute;
bottom:0px;
right:0px;
width:100%;
height:76%;
overflow-x:hidden;
overflow-y:auto;
}

#homecontent, #aboutcontent {
width:75%;
min-width:730px;
font-size:10pt;
color:#000000;
text-align:justify;
margin: 0 auto;
}

#aboutblurb {
width:95%;
margin:0 auto
}

#swml_content {
width:750px;
font-size:10pt;
color:#531e07;
text-align:justify;
margin: 0 auto;
padding-bottom:30px;
}

#swml_logo {
width:542px;
height:42px;
position:absolute;
top:110px;
left:50%;
margin-left:-271px;
}

#letchworth_logo {
width:99px;
height:156px;
margin:0 auto;
}

#gradientbar {
position:absolute;
top:0px;
left:0px;
border:0;
padding:0;
margin:0;
width:100%;
height:75px;
}

#address {
text-align:right;
font-size:8pt;
letter-spacing:2px;
color:#ffffff;
line-height:12px;
position:absolute;
top:45px;
right:11px;
}

#victitle {
width:230px;
height:54px;
margin:10px auto;
}

#wwtitle {
width:329px;
height:21px;
margin:0 auto;
padding-top:5px;
}

#vicholder, #wwholder {
width:100%;
position:absolute;
bottom:0px;
right:0px;
height:80%;
}

#vic_left {
float: left;width: 27%;border:none;
height:100%;
}

#ww_left {
float: left;width: 27%;border:none;
height:100%;
}

#vicmenleft {
height:350px;
width:100%;
position:relative;
top:50%;
margin-top:-175px;
}

#vicmenpic, #victenants {
width:100%;
max-width:250px;
height:auto;
}

#warwomenleft {
height:350px;
width:100%;
position:relative;
top:50%;
margin-top:-185px;
}

#landciv {
width:100%;
max-width:244px;
height:auto;
}

#vic_middle {
float:left;
width:40%;
border:none;
height:100%;
}

#ww_middle {
float:left;
width:40%;
border:none;
height:100%;
}

#wwinfo_scroller {
font-size:10pt;
width:100%;
height:85%;
overflow-x:hidden;
overflow-y:auto;
margin-top:10px;
}

#vicinfo_scroller {
font-size:10pt;
width:100%;
height:80%;
overflow-x:hidden;
overflow-y:auto;
margin-top:10px;
}

#vic_right {
float: right;width: 29%;border:none;
height:100%;
}

#ww_right {
float: right;width: 29%;border:none;
height:100%;
}

#vicmenright {
height:350px;
width:100%;
position:relative;
top:50%;
margin-top:-185px;
}

#wwmenright {
height:350px;
width:100%;
position:relative;
top:50%;
margin-top:-185px;
}

#waafarp {
width:100%;
max-width:272px;
height:auto;
}

.vicspacer, .wwspacer {
width:1%;
float:left;
}

#cayleykite {
display:block;
width:100%;
max-width:329px;
height:auto;
margin:0 auto;
}

.clear {clear:both;}

.menustrip {
width:100%;
height:20px;
margin:0px;
background:#6f5e8e;
position:absolute;
top:75px;
left:0px;
z-index:10000;
}

.menuholder {
width:700px;
height:18px;
margin:0px;
z-index:10000;
}

.gallerycontent {
margin-top:5px;
width:90%;
display:block;
font-size:10pt;
text-align:justify;
margin:0 auto;
}

#sd_date {
width:100%;
text-align:center;
position:absolute;
top:110px;
left:0px;
font-size:11pt;
}

#sd_thumbs_holder {
font-size:8pt;
text-align:center;
width:20%;
height:360px;
position:absolute;
top:100px;
left:0px;
}

#saladpiano_holder {
width:60%;
position:absolute;
top:125px;
left:20%;
margin:0 auto;
}

#saladpiano {
width:100%;
max-width:600px;
height:auto;
}

#content {
font-size:10pt;
letter-spacing:2px;
font-weight:bold;
width:100%;
text-align:center;
margin:0 auto;
padding-top:10px;
}

#sd_reviewpanel {
width:20%;
position:absolute;
top:100px;
right:0px;
}

#read_reviews {
width:100%;
max-width:143px;
height:auto;
}

#sd_presswrapper {
width:100%;
margin-bottom:40px;
}

.sd_pressclipping {
width:95%;
max-width:900px;
height:auto;
margin-top:20px;
}

.twelveptwo {font-size:12pt;color:#000000;letter-spacing:2px;}
.tendesign {font-size:10pt;color:#9D8AA2;}
.kenc {font-size:10pt;color:#9d8aa2;cursor:pointer;}


/* menu styling begins */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
width:700px;
height:18px;
position:relative;
z-index:10000;
font-family:arial,helvetica,verdana,sans-serif;
}

/* hack to correct IE5.5 faulty box model */
* html .menu {
width:700px;
w\idth:700px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}

.menu ul ul {
width:140px;
}

/* float the list to make it horizontal and a relative position so that you can control the dropdown menu position */
.menu li {
float:left;
width:140px;
position:relative;
}

/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
padding:0px;
font-size:11px;
line-height:14px;
text-decoration:none;
color:#ffffff;
width:139px;
height:17px;
padding:3px 0 0 0;
background:#6f5e8e;
text-align:center;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:140px;
w\idth:139px;
}

/* style the top level hover */
.menu a:hover {
color:#000000;
background:#e6d9fd;
text-decoration:none;
}

/* IE only top row */
.menu ul ul a:hover {
color:#000000;
background:#e6d9fd;
text-decoration:none;
}

/* IE only drop-downs */
.menu :hover > a {
color:#000000;
background:#e6d9fd;
text-decoration:none;
}

/* Other browsers top row */
.menu ul ul :hover > a {
color:#000000;
background:#e6d9fd;
text-decoration:none;
}

/* Other browsers drop-downs */
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
visibility:visible;
}


/* style the second level links */
.menu ul ul a, .menu ul ul a:visited, .menu ul ul a:active {
background:#6f5e8e;
color:#ffffff;
text-decoration:none;
height:auto;
line-height:1em;
padding:5px 0 5px 0;
width:139px;
border-width:0px;
}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
width:140px;
w\idth:139px;
}

/* style the second level hover */
.menu ul ul a:hover {
background:#e6d9fd;
color:#000000;
text-decoration:none;
}

.menu ul ul :hover > a.drop {
background:#e6d9fd;
color:#000000;
text-decoration:none;
}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
color:#000000;
background:#e6d9fd;
text-decoration:none;
}

/* style the third level hover */
.menu ul ul ul a:hover {
color:#ffffff;
background:#6f5e8e;
text-decoration:none;
}

/* hide the sub levels and give them a position absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:20px;
left:0;
width:140px;
}

/* another hack for IE5.5 */
* html .menu ul ul {
top:20px;
t\op:20px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:135px;
top:5px;
width:140px;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-135px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
position:absolute;
top:0;
left:0;
border-collapse:collapse;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul {
visibility:visible;
}