body {
margin:0;
font-family: Georgia;
text-align: center;
}

img {
border:0;
padding:0;
margin:0;
}

a:link {
	text-decoration: none;
	color: #990000;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #CC6600;
}
a:active {
	text-decoration: none;
	color: #FF0000;
}


#container
{
width: 804px;
margin: 0px auto;
text-align: left;
height: 100px;
position:relative;
}

#container h1
{
margin-left: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
color:#000000;
}

/*---- HEADER --------------------------------*/

#header {
width:100%;
margin:0;
padding:0;
background-color:#fff;
position:relative;
}

#header h1 {  margin-left:0; background:transparent url(../manga_shakespeare/images/smh_navLogo.gif) no-repeat; }

#header h1 a { display:block; width:212px; height:125px;
}

#header h1 a span, #header ul li a span { display:none; }

#header ul { 
margin:0; 
padding:0; 
list-style:none;
position:absolute;
top:58px;
left:250px;
}


#header ul li { 
height:55px; 
width:257px;
float:left;
}

#header ul li#msButton  { background:transparent url(../manga_shakespeare/images/ms_navbutton.gif) no-repeat; margin-right:20px; }
#header ul li#msButton:hover { background:transparent url(../manga_shakespeare/images/ms_navbutton.gif) 0 -55px no-repeat; }

#header ul li#ceButton { background:transparent url(../manga_shakespeare/images/ce_navbutton.gif) 0 -55px no-repeat; }
#header ul li#ceButton:hover { background:transparent url(../manga_shakespeare/images/ce_navbutton.gif) 0 -55px no-repeat; }



#header ul li#msButton a, #header ul li#ceButton a {
display:block;
height:100%;
width:100%;
}


/*---- HOMEPAGE --------------------------------*/

#homepage
{
text-align:center;
margin-top:10px;
padding-bottom:10px;

}

#para
{font:Georgia, "Times New Roman", Times, serif;
font-size:14px;
margin-top:10px;
border-bottom: 1px dotted #333333;
border-top: 1px dotted #333333;
padding:10px 0 10px 0;
}

#homeleft
{
width:400px;
height:250px;
float: left;


margin-top:10px;
border-right: 1px dotted #333333;
font-size: 12px;
line-height: 18px;
margin-bottom: 10px;
color: #666666;
}

#homeright
{
width:398px;
height:250px;
float: right;

margin-top:10px;
font-size: 12px;
line-height: 18px;
margin-bottom: 10px;
color: #666666;
}


#home
{
font-size: 12pt;
line-height:24px;
}

#details
{
font-size: 9pt;
line-height: 16px;
}



/*---- NAVIGATION --------------------------------*/


ul#navlist { font-family: Georgia}

ul#navlist a
{

text-decoration: none;
}

ul#navlist, ul#navlist ul, ul#navlist li
{
margin: 0px;
padding: 0px;
list-style-type: none;

}

ul#navlist li { float: left; font-size: 12px;width:159px; text-align:center;border-right:1px solid #FFFFFF; }

ul#navlist li a
{
color: #ffffff;
background-color: #663366;
padding: 3px;
display:block;
padding:5px 0 5px 0;
}

ul#navlist li a:hover
{
color: #ffffff;
background-color: #666;
}

ul#navlist li a:active
{
color: #ffffff;
background-color: #666;
}

ul#subnavlist { display: none; }
ul#subnavlist li { float: none;  }

ul#subnavlist li a
{
padding: 0px;
margin: 0px;


}

ul#navlist li:hover ul#subnavlist
{
display: block;
position: absolute;
font-size: 8pt;
padding-top: 1px;

}

ul#navlist li:hover ul#subnavlist li a
{
display: block;
width: 10em;
border-bottom:1px solid #FFFFFF;
width:159px;
padding:5px 0 5px 0;
}





/*---- MANGA --------------------------------*/



#contleft
{
width:159px;
float: left;
}



#contleft h2 {
font-size: 12px;
line-height: 18px;
color: #333333;
padding:0;
width:149px;
margin-top:0;
border-bottom: 1px dotted #990000;
letter-spacing: 0.3em; 
word-spacing: 0.3em;
}

#contleft h3 {
font-size: 10px;
line-height: 12px;
font-weight:bold;
color: #666666;
padding:0;
margin-top:0;
border-bottom: 1px dotted #666666;
width:149px;
}

#contmid
{
font-size: 11px;
line-height: 18px;
margin-bottom: 10px;
color: #666666;
width:460px;
border-left: 1px dotted #333333;
border-right: 1px dotted #333333;
float: left;
padding:20px 10px 0;
}




#contmid h2 {
font-size: 12px;
line-height: 18px;
font-weight:bold;
color: #663366;
padding:0;
margin-top:0;
border-bottom: 1px dotted  #663366;
letter-spacing: 0.3em; 
word-spacing: 0.3em;
}

#contmid h3 {
font-size: 12px;
line-height: 18px;
font-weight:bold;
color: #333333;
padding:0;
margin:0;
}

#contmid h4 {
font-size: 10px;
line-height: 18px;
font-weight:bold;
color: #666666;
padding:0;
margin:0;
}

#contmid p
{
padding:0;
margin:0;
line-height: 18px;
}

#contright
{
font-size: 10px;
line-height: 18px;
margin-bottom: 10px;
color: #666666;
height: auto;
width: 139px;
float: left;
padding:10px 10px 0;
}

#contright h2 {
font-size: 12px;
line-height: 18px;
font-weight:bold;
color: #666666;
padding:0px;
margin-top:0;
border-bottom: 1px dotted #333333;
letter-spacing: 0.3em; 
word-spacing: 0.3em;
}

#contright h3 {
font-size: 10px;
line-height: 18px;
font-weight:bold;
color: #333333;
padding:0;
margin-top:0;
border-bottom: 1px dotted #333333;
}

#contright h4 {
font-size: 10px;
line-height: 18px;
font-weight:bold;
color: #990000;
letter-spacing: 0.2em; 
padding:0;
margin-top:0;
border-bottom: 1px dotted #333333;
}

#contright h5 {
font-size: 14px;
line-height: 20px;
font-weight:bold;
color: #999999; 
padding:0;
margin-top:0;
}

#foliomid
{
width:460px;
}
		
#foliomid ul
{
margin:0;
padding:0;
}

#foliomid ul li
{
list-style:none;
font-style: inherit;
margin-top:16px;
margin-left:16px;
float:left;

}


#foliomid ul li.firstLi {
margin-left:0;
}


#foliomid ul li img {
border: 1px solid #000;
}





/*---- CLASSICAL EYE --------------------------------*/

#content_eye
{
width: inherit;
background-color: #9966FF;
font-family: Arial, Helvetica, sans-serif;
height:450px;
}

#conteye h3 {
font-size: 14px;
line-height: 18px;

font-weight:bold;
color: #FFFFFF;
padding:50px 50px 50px 250px;
margin:0px;
letter-spacing: 0.5em; 
word-spacing: 0.5em;

}


/*---- FOOTER --------------------------------*/

#footer
{
width: 804px;
border-top:1px dotted #333333;
position:relative;
clear:both;
height:20px;
}

#footerleft
{
font-size: 10px;
color: #666666;
list-style:none;
padding:5px 0 0 0px;
float: left;
}



#footerright
{
font-size: 10px;
color: #666666;
list-style:none;
float: right;
padding:5px 0 0 10px;
text-decoration: none;


}



/*---- ROLLOVERS --------------------------------*/

#pr
{
  display: block;
  width: 147px;
  height: 80px;
  background: url(../manga_shakespeare/images/rollovers/pr_roll_overs.jpg) no-repeat 0 0;

}

#pr:hover
{ 
  background-position:  -147px;
}

#pr span
{
  display: none;
}


#pd
{
  display: block;
  width: 147px;
  height: 80px;
  background: url(../manga_shakespeare/images/rollovers/pd_roll_overs.jpg) no-repeat 0 0;

}

#pd:hover
{ 
  background-position:  -147px;
}

#pd span
{
  display: none;
}


#so
{
  display: block;
  width: 147px;
  height: 80px;
  background: url(../manga_shakespeare/images/rollovers/so_roll_overs.jpg) no-repeat 0 0;

}

#so:hover
{ 
  background-position:  -147px;
}

#so span
{
  display: none;
}



#mp
{
  display: block;
  width: 147px;
  height: 80px;
  background: url(../manga_shakespeare/images/rollovers/media_roll_overs.jpg) no-repeat 0 0;

}

#mp:hover
{ 
  background-position:  -147px;
}

#mp span
{
  display: none;
}


#of
{
  display: block;
  width: 147px;
  height: 80px;
  background: url(../manga_shakespeare/images/rollovers/of_roll_overs.jpg)no-repeat 0 0;

}

#of:hover
{ 
  background-position:  -147px;
}

#of span
{
  display: none;
}