body {
    margin:0; padding:0; border:0;
    background-color:#FFF;
    font-family:arial;
    font-size:15px;
     padding-left:200px;
    padding-top:20px;
    padding-bottom:20px;
}
#bodycontent {
margin:0;padding:0;border:0;
float:left;
}
@media all {
  #bodycontent {
    float:none;
  }
}
#outercontainer {
  margin:0 50%;
  position:absolute;
  top:0;
  left:-370px;
}
@media all {
#outercontainer {left:50px;}
}
#outercontainer/* */ {
  left:-370px;
}

.preload {
    width:100px;
    position:absolute;
    left:-1000px;
    top:0px;
}

a img {
    border:0;
}

#logo {
border:0; margin:0; padding:0;
width:185px;
height:94px;
position:absolute;
left:55px;
top:29px;
/* margin-right:55px;
margin-bottom:60px;
 */}

#logo img {
    float:left;
    margin:0 -3px;
    voice-family: "\"}\"";
    voice-family: inherit;
}
html>body  #logo img {
    margin:0;
}

.hiddendiv {
    display:none;
}
div.visiblediv {
    display:block;
}

#storybox {
    border:0; margin:0; padding:0;
    position:absolute;
    left:276px;
    top:24px;
    width:399px;
    height:99px;
}
html>body #storybox {
  height:110px;
}
.visiblenews {
    border:0; margin:0; padding:0;
     width:263px;
    vertical-align:bottom;
}
@media all {
.visiblenews {
  position:absolute;
  bottom:0;
  left:0;
}
}
h6.visiblexofn {
    margin:-13px 0 0 250px;
    font-size:11px;
}
@media all {
h6.visiblexofn {
  margin:0;
  position:absolute;
  top:23px;
  right:100px;
}
}
h6.visiblexofn a {
    text-decoration:none;
    color:#000;
}
#storytext {
    border:0; margin:0; padding:0;
  position:absolute;
  bottom:0;
  left:0;
    width:263px;
    vertical-align:bottom;
}
#storytext h5, .visiblenews h5 {
    margin:0; padding:0; border:0;
    color:#99CC33;
    font-size:13px;
    font-weight:bold;
    text-align:left;
    float:left;
}

#storytext p, .visiblenews p {
    font-size:11px;
    width:263px;
}
#storytext p a, .visiblenews p a {
    text-decoration:none;
    font-weight:bold;
    color:#000;
}


#storyicon {
    border:0; margin:0; padding:0;
    width:90px;
    position:absolute;
    height:104px;
    left:310px;
    top:0;
/*    margin-top:6px;
    margin-bottom:-3px;*/
  voice-family: "\"}\"";
  voice-family: inherit;
}
html>body #storyicon {
    margin:6px 0 0 0;
}

#menucontainer {
    border:0; margin:0; padding:0;
    position:absolute;
    left:0;
    top:163px;
    width:240px;
}

#submenu {
border:0; margin:0; padding:0;
    width:123px;
    text-align:left;
    display:block;
    font-size:12px;
    text-decoration:none;
    padding-right:10px;
    color:#8B8C80;
}
#submenu a {
  margin-bottom:5px;
    display:block;
    font-size:12px;
    text-decoration:none;
    color:#8B8C80;
}
#submenu a:hover, #submenu a.active {  color:#333;}

#submenu #hellosub      {position:relative;   width:113px; text-align:right; left:0; top:8px;    margin-right:10px;}
#submenu #itbeginssub   {position:relative;   width:113px; text-align:right; left:0; top:30px;    margin-right:10px;}
#submenu #andsosub      {position:relative;   width:113px; text-align:right; left:0; top:53px;    margin-right:10px;}
#submenu #muchmoresub   {position:relative;   width:113px; text-align:right; left:0; top:80px;    margin-right:10px;}
#submenu #beitsub       {position:relative;   width:113px; text-align:right; left:0; top:106px;    margin-right:10px;}
#submenu #dotellsub     {position:relative;   width:113px; text-align:right; left:0; top:130px;    margin-right:10px;}
#submenu #comeonsub     {position:relative;   width:113px; text-align:right; left:0; top:153px;    margin-right:10px;}
/* #submenu #hellosub      {position:relative;   width:113px; text-align:right; top:8px;    margin-right:10px;}
#submenu #itbeginssub   {position:relative;   width:113px; text-align:right; top:30px;    margin-right:10px;}
#submenu #andsosub      {position:relative;   width:113px; text-align:right; top:53px;    margin-right:10px;}
#submenu #muchmoresub   {position:relative;   width:113px; text-align:right; top:80px;    margin-right:10px;}
#submenu #beitsub       {position:relative;   width:113px; text-align:right; top:106px;    margin-right:10px;}
#submenu #dotellsub     {position:relative;   width:113px; text-align:right; top:130px;    margin-right:10px;}
#submenu #comeonsub     {position:relative;   width:113px; text-align:right; top:153px;    margin-right:10px;}
 */
#mainmenu {
border:0; margin:0; padding:0;
    position:absolute;
    left:123px;
    top:0px;
    width:117px;
}

#mainmenu a {
    width:117;
    height:25;
    display:block;
}

#mainmenu #hello {    background:url(images/hello.gif);}
#mainmenu #hello:hover {    background:url(images/hello_over.gif);}
#mainmenu #helloactive {    background:url(images/hello_over.gif);}
#mainmenu #itbegins {    background:url(images/it_begins.gif);}
#mainmenu #itbegins:hover {    background:url(images/it_begins_over.gif);}
#mainmenu #itbeginsactive {    background:url(images/it_begins_over.gif);}
#mainmenu #beit {    background:url(images/be_it.gif);}
#mainmenu #beit:hover {    background:url(images/be_it_over.gif);}
#mainmenu #beitactive {    background:url(images/be_it_over.gif);}
#mainmenu #andso {    background:url(images/and_so.gif);}
#mainmenu #andso:hover {    background:url(images/and_so_over.gif);}
#mainmenu #andsoactive {    background:url(images/and_so_over.gif);}
#mainmenu #muchmore {    background:url(images/much_more.gif);}
#mainmenu #muchmore:hover {    background:url(images/much_more_over.gif);}
#mainmenu #muchmoreactive {    background:url(images/much_more_over.gif);}
#mainmenu #dotell {    background:url(images/do_tell.gif);}
#mainmenu #dotell:hover {    background:url(images/do_tell_over.gif);}
#mainmenu #dotellactive {    background:url(images/do_tell_over.gif);}
#mainmenu #comeon {    background:url(images/come_on.gif);}
#mainmenu #comeon:hover {    background:url(images/come_on_over.gif);}
#mainmenu #comeonactive {    background:url(images/come_on_over.gif);}
#mainmenu #admin {    background:url(images/admin.gif);}

#mainmenu .hidden {
    display:none;
}

#maincontent {
    position:absolute;
    left:253px;
    top:153px;
    display:block;
    width:423px;
}
#maincontent p {
    padding:0; border:0;
    margin:12px 23px;
    color:#000;
    font-size:11px;
    line-height:17px;
    text-align:left;
}
#headline {
  margin:0 23px 8px 23px;
}
#maincontent form, #maincontent table {
  margin-left:23px;
  margin-right:23px;
}
#maincontent p form, #maincontent p table {
  margin:auto;
}

#maincontent p a {
  text-decoration:none;
  font-weight:bold;
  color:#3E3F2C;
}
#maincontent p a:hover {
  color:#99CC33;
}
#maincontent h1 {
    margin:0 23px; padding:0; border:0;
    color:#99CC33;
    font-size:14px;
    font-weight:bold;
    text-align:left;
    margin: 0 23px;
  }

#maincontent table td {
    margin:0;padding:0 5px 0 0;border:0;
    color:#000;
    font-size:11px;
    text-align:left;
}
#maincontent table td a {
  text-decoration:none;
  font-weight:bold;
  color:#000;
}
#maincontent table th {
    margin:0; padding:0; border:0;
    color:#99CC33;
    font-size:14px;
    font-weight:bold;
    text-align:left;
}

#maintoptopleft, #maintoptop, #maintoptopright, #maintopbody, #maintopbottomleft, #maintopbottomleft, #maintopbottom, #maintopbottomright {
    border:0; padding:0; margin:0;
    float:left;
    background-color:#3E3F2C;
    display:block;
}

#maintoptopleft {
    background-image:url(images/main_top_left.gif);
    width:16px;
    height:16px;
    margin-bottom:-1px;
  voice-family: "\"}\"";
  voice-family: inherit;
}
html>body #maintoptopleft {
  margin-bottom:0;
}
#maintoptopright {
    background-image:url(images/main_top_right.gif);
    width:16px;
    height:16px;
    margin-bottom:-1px;
  voice-family: "\"}\"";
  voice-family: inherit;
}
html>body #maintoptopright {
  margin-bottom:0;
}

#maintoptop {
    width:391px;
     height:16px;
     font-size:1px;
}
#maintopbody {
    width:423px;
/*     padding-left:29px;
    padding-right:29px;
 */}

#maintopbottom {
    width:423px;
    height:43px;
    background-image:url(images/main_bottom.gif);
    margin-bottom:20px;
}

#maintopbody h1 {
    margin:0; padding:0; border:0;
    color:#99CC33;
    font-size:14px;
    font-weight:bold;
    text-align:left;
    margin: 0 23px;
}
#maintopbody p, #maintopbody form {
    margin:0; padding:0; border:0;
    color:#FFF;
    font-size:12px;
    text-align:left;
    line-height:22px;
    margin: 0 23px;
}
#maintopbody a, #maintopbody p a {
    text-decoration:none;
    color:#99CC33;
    font-size:12px;
    font-weight:bold;
}
#maintopbody a:hover, #maintopbody p a:hover {
  color:#FFF;
}

#mainbottomtop {
    margin:0; padding:0; border:0;
    background-image:url(images/main_bottom_top.gif);
    width:423px;
    height:12px;
    clear:both;
    float:left;
    margin-bottom:-5px;
  voice-family: "\"}\"";
  voice-family: inherit;
}
html>body #mainbottomtop  {
    margin:0;
}
#mainbottommiddleleft {
    margin:0; padding:0; border:0;
    background-image:url(images/main_bottom_middle_left.gif);
    width:285px;
    height:36px;
    float:left;
  voice-family: "\"}\"";
  voice-family: inherit;
}
html>body #mainbottommiddleleft {
  margin:0;
}
#mainmidtop {
    margin:0; padding:0; border:0;
    background-image:url(images/main_mid_top.gif);
    width:423px;
    height:22px;
    float:left;
    margin:0; padding:0; border:0;
  voice-family: "\"}\"";
  voice-family: inherit;
}
html>body #mainmidtop  {
    margin:0;
}
#mainmidmid {
    margin:0; padding:0; border:0;
    background-image:url(images/main_mid_mid.gif);
    width:285px;
    height:36px;
    float:left;
  voice-family: "\"}\"";
  voice-family: inherit;
}
html>body #mainmidmid {
  margin:0;
}
#greenmidtop {
    margin:0; padding:0; border:0;
    background-image:url(images/green_mid_top.gif);
    width:423px;
    height:21px;
    float:left;
}
#greenmidmid {
    margin:0; padding:0; border:0;
    background-image:url(images/green_mid_mid.gif);
    width:285;
    height:36px;
    float:left;
}
#mainbottommiddleright {
    margin:0; padding:0; border:0;
    background:#8B8C80;
    width:138px;
    height:36px;
    float:left;
    vertical-align:bottom;
}
#mainbottommiddleright p {
  position:relative;
  bottom:-10px;
  left:0px;
line-height:12px;
    margin:0; padding:0; border:0;
    font-size:10px;
    color:#FFF;
}
#mainbottombottomleft {
    margin:0; padding:0; border:0;
    background-image:url(images/main_bottom_bottom_left.gif);
    width:285px;
    height:23px;
    float:left;
}
#mainbottombottomleft p {
    color:#FFF;
    font-size:11px;
    font-weight:bold;
margin:3px 0 0 23px;
}
#mainbottombottomright {
    margin:0; padding:0; border:0;
    background-image:url(images/main_bottom_bottom_right.gif);
    padding-top:5px;
    width:138px;
    height:23px;
    float:left;
    margin:0; padding:0; border:0;
}
#mainbottombottomright p{
color:#FFF;
font-size:10px;
margin:3px 0 0 0;
}
#mainbottombottomright p a, #mainbottommiddleright p a {
    font-size:10px;
    text-decoration:none;
    font-weight:normal;
    color:#FFF;
}
#mainbottombottomright p a:hover, #mainbottommiddleright p a:hover {
    color:#99CC33;
}

#credits {
    color:#78786C;
    font-size:10px;
    width:423px;
    float:left;
    padding-left:23px;
    padding-top:3px;
}
#credits a {
    text-decoration:none;
    color:#78786C;
}
#credits a:hover {
    color:#99CC33
}
.casethumb {
  clear:left;
  float:left;
  margin-bottom:5px;
  margin-left:2px;
}
#greentop {
margin:0;padding:0;border:0;
}
html>body #greentop {
  margin:0;
}
#greenbody {
  margin:0;padding:0;border:0;
  display:block;
  overflow:hidden;
  color:#fff;
  background-color:#99CC33;
  width:423px;
}
#greenbody p a {
  color:#FFF;
}
#greenbody p a:hover {
  color:#333;
}
#greenbody h1 {
margin:0;padding:0;border:0;
font-size:12px;
color:#fff;
float:left;
}
#greenbody form {
margin:0 0 0 0;padding:0 0 0 23px;border:0;
width:100%;
  float:left;
  color:#000;
  background-color:#99CC33;
}
#greenbody form span {
  display:block;
margin:0 0 10px 0;padding:0 23px 0 0;border:0;
  color:#fff;
}
#greenbody input, #greenbody textarea, #greenbody p {
  margin:0 33px;
}
.others {
  margin:20px 0 20px 23px;padding:0;border:0;
  width:239px;
  float:left;
}
.others a {
margin:0;padding:0;border:0;
  display:block;
}
#spl a {
  background-image:url(images/others/scottish_poetry_library.gif);
  width:234px;
  height:43px;
}
#spl a:hover {
  background-image:url(images/others/scottish_poetry_library_url.gif);
  width:234px;
  height:43px;
}
#howies a {
  background-image:url(images/others/howies.gif);
  width:120px;
  height:23px;
}
#howies a:hover {
  background-image:url(images/others/howies_url.gif);
  width:120px;
  height:23px;
}
#innocent a {
  background-image:url(images/others/innocent.gif);
  width:155px;
  height:53px;
}
#innocent a:hover {
  background-image:url(images/others/innocent_url.gif);
  width:155px;
  height:53px;
}
#crumpler a {
  background-image:url(images/others/crumpler.gif);
  width:159px;
  height:82px;
}
#crumpler a:hover {
  background-image:url(images/others/crumpler_url.gif);
  width:159px;
  height:82px;
}
#aa a {
  background-image:url(images/others/american_apparel.gif);
  width:196px;
  height:18px;
}
#aa a:hover {
  background-image:url(images/others/american_apparel_url.gif);
  width:196px;
  height:18px;
}
#smile a {
  background-image:url(images/others/smile.gif);
  width:178px;
  height:33px;
}
#smile a:hover {
  background-image:url(images/others/smile_url.gif);
  width:178px;
  height:33px;
}

input[type=text] {
  font-family:arial, sans-serif;
  font-size:11px;
  color:#666;
}
input[type=password] {
  font-family:arial, sans-serif;
  font-size:11px;
  color:#F00;
}
textarea {
  font-family:arial, sans-serif;
  font-size:13px;
  color:#333;
}

ul {
  margin:10px 23px;padding:0;
  float:left;
  width:150px;
list-style:none;
}
ul li {
  font-family:arial, sans-serif;
  font-size:11px;
  color:#666;
}
ul li a {
  font-weight:bold;
  color:#000;
  text-decoration:none;
}