/* TEXT STYLES */
html {
overflow-y: scroll;
}

body {
padding: 0px;
margin: 0px;
background-color:#003300;
text-color:#FFFFFF;
background-image:url(../images/background.jpg);
font: 62.5% normal normal georgia, serif;
text-align:center;
line-height:1;
}

a:link    { color:#000000; border-color: #000000; text-decoration: none; }
a:visited { color:#000000; border-color: #000000; text-decoration: none; }
a:hover   { color:#000000; border-color: #000000; background-color: transparent; text-decoration: none; }
a:active  { color:#000000; border-color: #000000; text-decoration: none; }

img {
color:#000000;
background-colour: #000000;
border: 1px solid #000000;
}

img a:link    { color:#000000; border: 1px solid #000000; text-decoration: none; }
img a:visited { color:#000000; border: 1px solid #000000; text-decoration: none; }
img a:hover   { color:#000000; border: 1px solid #FFFFFF; background-color: transparent; text-decoration: none; }
img a:active  { color:#000000; border: 1px solid #FFFFFF; background-color: transparent; text-decoration: none; }

p { 
font-size:1em;
padding: 0px; 
margin: 0px;}

p.centredimage {
text-align: center;
padding: 1px;
margin: 0px auto;
border:1px solid #000000;
}

/* banner text */
h1 {			
margin-left:30px;
margin-top: -80px;
font: normal normal 5em georgia, sans-serif;
color: #FFFFFF;
text-align: left;
}

/* main menu */    
h2 {
margin:0px;
padding:0px;
font: normal normal 1.4em palatino, verdana, sans-sans-serif;
color: #FFFFFF;
text-align: center;
text-decoration: none;
background-color: transparent;
}

h2 a:link    { color:#FFFFFF; text-decoration: none; }
h2 a:visited { color:#FFFFFF; text-decoration: none; }
h2 a:hover   { color:#FFFFFF; background-color: #556600; text-decoration: none; }
h2 a:active  { color:#FFFFFF; background-color: #556600; text-decoration: none; }

h2.sub { 
font: normal normal 1.35em palatino, verdana, sans-sans-serif;
}

h2.sub  a:link { color:#FFFFFF; text-decoration: none;}
h2.sub  a:visited { color: #FFFFFF; text-decoration: none;}
h2.sub  a:hover { color: #FFFFFF; background-color: #999900; text-decoration: none; }
h2.sub  a:active { color: #FFFFFF; background-color: #999900; text-decoration: none; }

/* sidemenu */
h3 { 
margin:0px; 
padding:0px;
font: normal normal 1.1em palatino, verdana, sans-sans-serif; 
color: #FFFFFF;
text-align: left;
}
h3 a:link    { color:#FFFFFF; text-decoration: none;}
h3 a:visited { color:#FFFFFF; text-decoration: none;}
h3 a:hover   { color:#FFFFFF; background-color: #006699; text-decoration: none;}
h3 a:active  { color:#FFFFFF; background-color: #006699; text-decoration: none;}

h3.item { 
padding-top: 3px;
padding-left: 3px;
padding-right: 3px;
color: #FFFFFF;
font: normal normal 1.1em palatino, verdana, sans-sans-serif;
}

/* sub-sidemenu */
h3.sub { color: #000000; }
h3.sub  a:link { color:#000000; text-decoration: none;}
h3.sub  a:visited { color: #000000; text-decoration: none;}
h3.sub  a:hover { color: #000000; background-color: #FFFFFF; text-decoration: none; }
h3.sub  a:active { color: #000000; background-color: #FFFFFF; text-decoration: none; }

h3.update { }
h3.update a:link { color:#006699 ; text-decoration: none;}
h3.update a:visited { color: #006699 ;  text-decoration: none;}
h3.update a:hover { color: #006699 ; font-style: none; text-decoration: underline; background-color: transparent;}
h3.update a:active { color: #006699 ; font-style: none; text-decoration: underline; background-color: transparent;}


h3.research { }
h3.research a:link { color:#006699 ; text-decoration: none;}
h3.research a:visited { color: #006699 ;  text-decoration: none;}
h3.research a:hover { color: #006699 ; font-style: none; text-decoration: underline; background-color: transparent;}
h3.research a:active { color: #006699 ; font-style: none; text-decoration: underline; background-color: transparent;}

h3.research_current { color: #006699 ; font-style: none; text-decoration: underline; background-color: transparent; }
h3.research_current  a:link { color: #006699 ; font-style: none; text-decoration: underline; background-color: transparent; }
h3.research_current  a:visited { color: #006699 ; font-style: none; text-decoration: underline; background-color: transparent; }
h3.research_current  a:hover { color: #006699 ; font-style: none; text-decoration: underline; background-color: transparent;}
h3.research_current  a:active { color: #006699 ; font-style: none; text-decoration: underline; background-color: transparent;}


h3.parchment { }
h3.parchment a:link { color:#006699 ; text-decoration: none;}
h3.parchment a:visited { color: #006699 ;  text-decoration: none;}
h3.parchment a:hover { color: #006699 ; font-style: none; text-decoration: underline; background-color: transparent;}
h3.parchment a:active { color: #006699 ; font-style: none; text-decoration: underline; background-color: transparent;}

/* content text  #533000; to 403000 = darker */
h4 {	
margin:0px;
padding:0px;
font: normal normal 1.5em georgia, serif;
color: #533000;
text-align:left;
background-color: transparent;
}

h4 a:link { color:#006699 ; text-decoration: none;}
h4 a:visited { color: #006699 ; text-decoration: none;}
h4 a:hover { color: #006699 ; text-decoration: underline; font-style: none;}
h4 a:active { color: #006699 ; text-decoration: underline; font-style: none;}

h4.centered {
text-align: center;
}

h4.right {
text-align: right;
}

h4.centeredlink  a:link { color:#996633; text-decoration: none;}
h4.centeredlink   a:visited { color: #996633; text-decoration: none;}
h4.centeredlink  a:hover { color: #663300; text-decoration: none; font-style: italic; background-color: transparent;}
h4.centeredlink   a:active { color: #663300; text-decoration: none; font-style: italic; background-color: transparent;}

h4.date {
font-weight: bold; 
color: #254117;
}

h4.date_blue {
font-weight: bold; 
color: #336688;
}

h4.date_blue_centered {
font-weight: bold; 
text-align: center;
color: #336699;
}

h4.date_blue_right {
font-weight: bold; 
text-align: right;
color: #336699;
}

h4.manuscript_comment{
font-weight: bold; 
text-align: center;
}

h4.smalltitle {				
font: normal normal 1.7em georgia, serif;
color: #000000;
font-weight: bold;
text-align: left;
}

h4.title {				
font: normal normal 2em georgia, serif;
color: #000000;
font-weight: bold;
text-align: left;
}

h4.tracktitle {				
color: #000000;
font-weight: bold;
text-align: left;
}

h4.trackmenutitle {
font: normal normal 1.4em georgia, serif;
color: #000000;
font-weight: bold;
text-align: left;
}

h4.album_title {
font: normal normal 1.7em georgia, serif;
color: #FFFFFF;
padding:1px;
font-weight: bold; 
text-align: center;
} 

h4.album_title_black {
font: normal normal 2em georgia, serif;
/* color: #000000;*/ color: #FFFFFF; 
padding:1px;
font-weight: bold; 
text-align: center;
} 

h4.title_centered {
font: normal normal 2em georgia, serif;
color: #000000;
padding:1px;
font-weight: bold;
text-align: center;
} 

h4.sub_title_centered {
font: normal normal 1.6em georgia, serif;
color: #000000;
padding:1px;
font-weight: bold;
text-align: center;
} 

h4.white {				
color: #FFFFFF;
}

h4.black {				
color: #000000;
}

h4.blue {				
color: #003366;
}

h4.blogtitle {				
color: #000000;
font: normal bold 1.7em georgia, serif;
}

h4.small {
font: normal normal 1.2em georgia, serif;
}

h4.tiny {
font: normal normal 0.6em georgia, serif;
}

h4.sanserif {
font: normal normal 1em palatino, verdana, sans-serif; 
}

/* footer text*/
h5 { 
margin:0px; 
padding:0px;
padding-top:12px;
color: #FFFFFF;
font: normal normal 1.6em georgia, sans-serif;
text-align: center;
text-decoration: none;
background-color: transparent;
}

h5 a:link { color:#FFFFFF; text-decoration: none;}
h5 a:visited { color: #FFFFFF; text-decoration: none;}
h5 a:hover   { color: #000000; background-color: #FFFFFF;}
h5 a:active { color: #FFFFFF; text-decoration: none;}

h5.subfooter { 
color: #612e00;
font: normal normal 1.2em georgia, sans-serif; 
}

.italic {
font-style: italic; 
}

/* DECLARE BOOK AND DATE CLASSES TO GET AROUND ISSUE WITH SPAN USING SUBCLASSES*/
.book_title {
font: normal normal 2em georgia, serif;
color: #000000;
font-weight: bold;
text-align: left;
}

.book_date {	
margin:0px;
padding:0px;
font: normal normal 1.5em georgia, serif;
color: #336699;
font-weight: bold; 
text-align:left;
background-color: transparent;
}

.banner_text {
z-index:3;
font: normal normal 5em georgia, serif;
color: #FFFFFF;
text-align: left;
margin-left:30px;
margin-top: 25px;
}


/* PAGE LAYOUT */

#container {
position: relative;
top: 0px;
width: 824px;
height: auto;
margin: 0 auto;
padding: 0px;
border: 0px;
}

#bg_top{
position: relative;
width:824px;
height: 185px;
background:#000000 url(../images/bg_header.jpg); 
margin: 0px;
padding: 0px;
border: 0px;
}

#bg_top_big{
position: relative;
width:824px;
height: 205px;
background:#000000 url(../images/bg_headerbig.jpg); 
margin: 0px;
padding: 0px;
border: 0px;
}

#banner {
position: relative;
float:left;
width:799px;
height:100px;
margin: 0px;
padding: 0px;
clear:both; 
top: 21px;
left: 11px;
}

#banner_home {
position: relative;
float:left;
width:799px;
height:100px;
margin: 0px;
padding: 0px;
top: 21px;
left: 13px;
background:#000000 url(../home/pics/bannerhome.jpg);
}

#banner_research {
position: relative;
float:left;
width:799px;
height:100px;
margin: 0px;
padding: 0px;
top: 21px;
left: 13px;
background:#000000 url(../research/pics/bannerresearch.jpg);
}

#banner_teaching {
position: relative;
float:left;
width:799px;
height:100px;
margin: 0px;
padding: 0px;
top: 21px;
left: 13px;
background:#000000 url(../teaching/pics/bannerteaching.jpg);
}

#banner_fiction {
position: relative;
float:left;
width:799px;
height:100px;
margin: 0px;
padding: 0px;
top: 21px;
left: 13px;
background:#000000 url(../fiction/pics/bannerfiction.jpg);
}

#banner_music {
position: relative;
float:left;
width:799px;
height:100px;
margin: 0px;
padding: 0px;
top: 21px;
left: 13px;
background:#000000 url(../music/pics/bannermusic.jpg);
}

#banner_art {
position: relative;
float:left;
width:799px;
height:100px;
margin: 0px;
padding: 0px;
top: 21px;
left: 13px;
background:#000000 url(../art/pics/bannerart.jpg);
}

#banner_games {
position: relative;
float:left;
width:799px;
height:100px;
margin: 0px;
padding: 0px;
top: 21px;
left: 13px;
background:#000000 url(../games/pics/bannergames.jpg);
}

#banner_journal {
position: relative;
float:left;
width:799px;
height:100px;
margin: 0px;
padding: 0px;
top: 21px;
left: 13px;
background:#000000 url(../journal/pics/bannerjournal.jpg);
}

#banner_links {
position: relative;
float:left;
width:799px;
height:100px;
margin: 0px;
padding: 0px;
top: 21px;
left: 13px;
background:#000000 url(../links/pics/bannerlinks.jpg);
}

#mainmenu_bg {
position: relative;
float: left;
width: 800px;
height: 31px;
margin: 0px;
padding: 0px;
top: 22px;
left: 10px;
border:2px solid #000000;
background:#000000 url(../images/submenubg2.jpg); 
} 

#mainmenu_spacer {
position: relative;
float: left;
width: 115px; /* with journal is 74px   otherwise 115px 195px for spectrum*/
padding:1px;
}

.mainmenu {
position: relative;
float: left; 
width: 78px; 
height: 21px; 
margin-top: 3px;
margin-left:-2px;
text-align:center;
border:2px solid #000000;
border-left:2px solid #000000;
border-right:2px solid #000000;
padding:0px;
}

.mainmenu_item {
background:#000000 url(../images/menu.jpg); 
}

.mainmenu_item_current {
background:#000000 url(../images/menugreensmall.jpg); 
}

.mainmenu_item_small {
width: 68px;
background:#000000 url(../images/menu.jpg); 
}

.mainmenu_item_current_small {
width: 68px;
background:#000000 url(../images/menugreensmall.jpg); 
}

.mainmenu_item_wide {
width: 94px;
background:#000000 url(../images/menu.jpg); 
}

.mainmenu_item_current_wide {
width: 94px;
background:#000000 url(../images/menugreensmall.jpg); 
}

#submenu_bg {
position: relative;
float: left; 
margin-top: 23px;
margin-left: 11px;
width: 798px;
height: 23px;
background:#000000 url(../images/submenubg2.jpg); 
border-left:2px solid #000000;
border-right:2px solid #000000;
border-top:0px solid #000000;
border-bottom:2px solid #000000;
}

.submenu_spacer {
position: relative;
float: left;
padding:1px;
}

.submenu_spacer_350 {width: 350px;}
.submenu_spacer_315 {width: 315px;}
.submenu_spacer_300 {width: 300px;}
.submenu_spacer_270 {width: 270px;}
.submenu_spacer_250 {width: 250px;}
.submenu_spacer_225 {width: 225px;}
.submenu_spacer_220 {width: 220px;}
.submenu_spacer_210 {width: 210px;}
.submenu_spacer_200 {width: 200px;}
.submenu_spacer_185 {width: 185px;}
.submenu_spacer_170 {width: 170px;}
.submenu_spacer_140 {width: 140px;}
.submenu_spacer_110 {width: 110px;}
.submenu_spacer_90 {width: 90px;}

.submenu {
position: relative;
float: left;
height: 17px; 
margin-top: 1px;
margin-left: -2px;
text-align:center;
border:2px solid #000000;
padding:0px;
}

.submenu_item {
width: 82px;
background:#000000 url(../images/menu.jpg);
}

.submenu_item_current {
width: 82px;
background:#000000 url(../images/menuyellowsmall.jpg); 
}

.submenu_item_wide {
width: 110px;
background:#000000 url(../images/menu.jpg);
}

.submenu_item_current_wide {
width: 110px;
background:#000000 url(../images/menuyellowsmall.jpg); 
}

.submenu_item_very_wide {
width: 145px;
background:#000000 url(../images/menu.jpg);
}

.submenu_item_current_very_wide {
width: 145px;
background:#000000 url(../images/menuyellowsmall.jpg); 
}

#bg_body {
clear:both;
width:800;
background:#FFF3DB url(../images/bg_body.jpg);  
word-wrap: break-word; /* fix for long non-text content breaking IE sidebar float */
overflow: hidden; /* fix for long text breaking sidebar float in IE  */    
display: block;
}

#content_leftbar {
position: relative;
float:left;
margin-left: 35px;
width: 135px;
background-color: transparent;
clear:both;
­display: inline;  
}

#sidemenu_bg {
position: relative;
float:left;
clear: none;
display: inline; 
width: 133px;
padding: 0px;
background:#000000 url(../images/submenubg3s.jpg);  
border:2px solid #000000;
}

.sidemenu {
position: relative;
float:left;
clear: none;
display: inline; 
height: auto;
border:1px solid #000000;
background:#000000 url(../images/menu.jpg); 
background-repeat: repeat-x;
text-align:left;
padding-bottom: 4px;
}

.sidemenu_item { 
width: 131px; 
 }

.sidemenu_indented { 
width: 121px; 
margin-left: 10px; }

.sidemenu_bottom_padder { 
width: 130px; 
height: 20px;
padding: 1px;
}

.sidemenu_parchment_title {
position: relative;
float:left;
clear: none;
margin-left: 0px;
width: 131px;
display: inline; 
height: auto;
border:1px solid #000000;
background:#000000 url(../images/menu.jpg); 
background-repeat: repeat-x;
text-align:left;
padding-bottom: 4px;
}

.sidemenu_parchment_content {
position: relative;
float:left;
clear: none;
display: inline; 
color:#000000;
margin-left: 0px;
width: 127px; 
height: auto;
padding:2px;
border:1px solid #000000;
background:#FFF3DB url(../images/bg_paper_top.jpg); 
text-align:left;
padding-bottom: 4px;
}

.sidemenu_parchment_title_indented {
position: relative;
float:left;
clear: none;
margin-left: 8px;
width: 122px;
display: inline; 
height: auto;
border:1px solid #000000;
background:#FFF3DB url(../images/menu.jpg); 
text-align:left;
padding-bottom: 4px;
}

.sidemenu_parchment_content_indented {
position: relative;
float:left;
clear: none;
display: inline; 
color:#000000;
margin-left: 8px;
width: 118px; 
height: auto;
padding:2px;
border:1px solid #000000;
background:#FFF3DB url(../images/bg_paper_top.jpg); 
text-align:left;
padding-bottom: 4px;
}

.sidemenu_current { 
background:#FFF3DB url(../images/menubluesmall.jpg); 
}

.sidemenu_sub_current { 
background:#FFF3DB url(../images/menugreysmall.jpg); 
}

#between_sidebar_spacer {
position: relative;
float:left;
clear: none;
height: 15px;
width: 135px;
display: inline; 
background-color: transparent;
padding:1px;
}

#content_right {
float: right;
width:595px;
padding-left: 15px;
padding-right: 35px;
word-wrap: break-word;  
overflow: hidden;     
display: inline;  
}

#title_content_right {
clear:both;
float: right;
width:595px;
border:1px solid #000000;
text-align: center;
background:#000000 url(../images/menubluesmall.jpg); 
word-wrap: break-word;  
overflow: hidden; 
display: inline;  
margin-bottom: 20px;
}

#album_heading {
clear:both;
float: left;
width:593px;
color:#000000;
background:#000000 url(../images/submenubg2.jpg); 
border:1px solid #000000;
text-align: center;
word-wrap: break-word;  
overflow: hidden; 
display: inline;  
margin-bottom: 20px;
}

#title_content_right_light {
clear:both;
float: left;
width:593px;
color:#000000;
/* background:#000000 url(../images/menugreysmall.jpg);*/
/* background:#000000 url(../images/submenubg2.jpg);  Also change album_title*/
background:#000000 url(../images/submenubg2.jpg); 
border:1px solid #000000;
text-align: center;
word-wrap: break-word;  
overflow: hidden; 
display: inline;  
margin-bottom: 20px;
}

.rightmenu {
position: relative;
float: left;
clear: none;
display: inline; 
height: 20px;
width: 595px;
border: 2px;
background:#000000 url(../images/submenubg3s.jpg); 
text-align:left;
}

#title_content_full {
clear:none;
float: right;
width:735px;
padding-left: 35px;
padding-right:40px;
word-wrap: break-word;  
overflow: hidden;     
border:1px solid #000000;
color: #FFFFFF;
font: normal normal 125% georgia, sans-serif;
text-align: center;
background:#000000 url(../images/menugreensmall.jpg);
display: inline;  
}

#content_full {
position: relative;
clear:none;
float: left;
width:765px;
padding-left: 35px;
padding-right:10px;
padding-top: 0px;
padding-bottom: 0px;
word-wrap: break-word;  
overflow: hidden;   
display: inline;  
}

.content_menu_full {
position: relative;
float:left;
clear: none;
display: inline; 
height: 20px;
width: 755px;
border: 2px;
margin-bottom: 5px;
background:#000000 url(../images/menubluesmall.jpg); 
text-align:left;
}

.content_menu_art_full {
position: relative;
float:left;
clear: none;
display: inline; 
height: 20px;
width: 595px;
margin-bottom: 0px; 
border:2px #000000;
background:#000000 url(../images/submenubg3s.jpg); 
text-align:left;
}

#art {
position: relative;
float: left;
clear: none;
padding: 0px;
margin: 0px;
padding-right: 10px;
padding-bottom: 10px;
­display: inline;  
}

#content_mp3player {
position: relative;
float:right;
text-align: right;
margin-top: 0px;
margin-right: 0px;
width: auto;
background-color: transparent;
clear:both;
display: inline;  
border: 1px solid #000000;
}

#content_right_left {
position: relative;
float:left;
text-align: left;
margin-left: 0px;
width: auto;
background-color: transparent;
clear:both;
­display: inline;  
}

#content_right_right {
position: relative;
float:right;
text-align: right;
margin-top: 0px;
margin-right: 0px;
margin-left: 20px;
margin-bottom: 10px;
width: auto;
background-color: transparent;
clear:both;
display: inline;  
border: 0px;
}

#quote{
position: relative;
float:left;
clear:both;
display:block;
text-align: left;
padding: 0px;
margin: 0px;
width: 540px;
padding-left: 20px;
padding-right: 20px;
background-color: transparent;
}

#content_break_blue {
border:0px solid #336699;
color:#336699;
height:2px;
width 550px;
background-color:#336699;
}

#content_spacer {
border:1px;
height:15px;
width 550px;
padding: 1px;
background-color: transparent;
}

#bg_footer {
position: relative;
clear:both;
width: 814px;
height: 152px;
background: url(../images/bg_footer.jpg);
padding:5px;
}

/*
999900 yellow
556600 green
CC3300 red
006699 blue
*/