body {
	text-align: center;
        margin: 0;
	padding: 0;		
	font: 62.5%/150% arial, helvetica, sans-serif;
	color: #444;
}

body, body#main, body#profile, body#gallery, body#archive, body#links, body#quotes { background: #fff url('shadow.jpg') repeat-y 50% 0 }

body#planner { background: #fff url('shadow-planner.jpg') repeat-y 50% 0 }

/*
body#profiles { background: #0F6130 }
body#gallery { background: #802032 }
body#archive { background: #5595C6 }
body#links { background: #F8F2C9 }
body#quotes { background: #d5d7d9 }  */



#container {
	text-align: left;
        font-size: 1.3em;
        line-height: 150%;
	margin: 0 auto;
	width: 800px;
        background: url(back12celeb_left.gif) repeat-y 100% 0;
}


#containershort {
	text-align: left;
        font-size: 1.3em;
        line-height: 150%;
	margin: 0 auto;
	width: 800px;
	height: 580px;
        background: url(back12celeb_left.gif) repeat-y 100% 0;
}

html>body #containershort {
height: auto; min-height: 580px;
}

  h1,h2,h3,h4,h5,h6 {
    font-weight:normal;
    margin: 0 0 0.25em 0;
  }

h1  { font-size: 1.5em; margin-top: 10px; line-height:150%;}
h2 { font-size: 1.5em; margin-top: 20px; line-height:150%;}
h3 { font-size: 1.4em; }
h4 {  font-size: 1.3em; margin: 40px 0 0 0; border-bottom: 1px solid red; }
h5,h6 {  font-size: 1.3em; padding: 25px 0 5px 0; margin: 0; clear:both; border-bottom: 1px solid red; }


#containermain {
	text-align: left;
        font-size: 1.3em;
        line-height: 150%;
	margin: 0 auto;		
	width: 800px;
	height:100%;
        background: url(back_main_yellow.gif) repeat-y 100% 0;
}



#top {
width: 800px;
height: 133px;
background: #fff url(OSHOinUK.jpg) no-repeat 0 100%;
}

#topC {
width: 1000px;
height: 133px;
background: #fff url(OSHOinUK.jpg) no-repeat 0 100%;
}

#title {
/*        position: relative;
        left: 480px;
        top: -10px;  */
margin: 0px 0 0 470px;
}

#titleC {
/*        position: relative;
        left: 480px;
        top: -10px;  */
margin: 0px 0 0 665px;
}


#crumbs {
        margin:0;
        padding:0px;
}

.crumbs {
        color: black;
        text-align: right;
        font-size: 0.8em;
        letter-spacing: 0.04em;
        margin-right:32px;
}

.crumbs a {
        text-decoration: underline;
        color: black;
        text-align: right;
}

a#skip {color: #FFFFFF; background-color: #FFFFFF;}
a#skip:active {color: #000; background-color: #FFFFFF;}
a#skip:hover {color: #000; background-color: #FFFFFF;}

#topmain {
width: 800px;
height: 130px;
background: #fff url(header.gif) no-repeat;
}





#titlebig {
margin: 0 0 0 280px;
} 

#intro {
       width: 200px;
       float: left;
}

#text {
      width: 600px;
      float: left;
}

#text1 {
       width: 370px;
       float: left;
       /* background: #EFF1EE; */
}

#text2 {
       width: 220px;
       float: left;
}

#text3 {
       width: 290px;
       float: left;
}

#text4 {
       width: 470px;
       float: left;
}

#text5 {
       width: 580px;
       float: left;
}

#text6 {
       width: 580px;
       float: left;
}




ul#topnav
{
	margin: 0; 		
	padding: 0;	
	list-style-type: none;	
	background: #FF9933;
	float: left;
	width: 800px;
}

ul#topnav li
{
	display: inline;	
}

ul#topnav a
{
	display: block;
	float: left;
	padding: .3em 0.8em;
	text-decoration: none;	
	font: 90% arial, helvetica, sans-serif;
	border-right: 1px solid #fff;	
}

ul#topnav a:link {
	color: #fff;
	background: #f93;
}

ul#topnav a:visited {
	color: #fff;
	background: #f93;
}

ul#topnav a:hover {
	color: #000;
	background: #69c;
}

ul#topnav a:active {
	color: #000;		
	background: #69c;	
}



ul#topnav li#current a {
        text-decoration: underline;
        color: gray;
        background: #FF9933;
}






ul.sidenav {
	padding: 0 0 0 15px;
        margin: 0;
	/* list-style-type: none; */
	/* line-height: 80%;  /*  for IE */  */
}

ul.sidenav li {
	padding: 0 0 0 5px;
        margin: 0;
}

ul.sidenav li a {
	display: block;
	padding: 0.4em 0;    /* for FF */
	text-decoration: none;
}

ul.sidenav li a:hover, ul#sidenav li a:active {
        text-decoration: underline;
	color: orange;
}

/*
ul.sidenav li.title {
	font-weight: bold;
	list-style-type: none;
	margin: 10px 0 8px 0;
	position:relative;
	left: -20px;
} */

ul.sidenavlong {
	padding: 13px 0 0 15px;
        margin: 0;
	/* list-style-type: none; */

}

ul.sidenavlong li a {
	display: block;
	padding: 0.4em 0;    /* for FF */
	text-decoration: none;
}

ul.sidenavlong li a:hover, ul#sidenavlong li a:active {
        text-decoration: underline;
	color: orange;		
}




div.newsbox {
width: 100%;
min-height: 1em;
height:auto;
float: left;
padding: 0.5em 0 1em 0;
margin-bottom: 0.1em;
border-bottom: 1px solid #333;
}

div.newsbox img {
float: left;
width:70px;
height:70px;
border: 1px solid #333;
margin: 3px 7px 0 0;
}

div.newsbox p {
float: left;
}

div.last {
border-bottom: 0px solid #333;
}




/* for Internet Explorer */
/*\*/
* html div.links {
height: 1em;
}
/**/





#footer {
clear: both;
background: #387a9b;
color: #fff;
height: 7em;
text-align: left;
padding: 0.5em;
margin:0;
font-size: 1em;
}

#footer a {
        text-decoration: none;
        font: 80%/150% arial, helvetica, sans-serif;
        display: inline;
}

#footer a:link { color: white; }
#footer a:visited { color: orange;}
#footer a:hover { color: yellow;}
#footer a:active { color: orange; }


#footermain {
clear: both;
background: #387a9b;
color: #fff;
height: 17em;
text-align: left;
padding: 0.5em;
margin:0;
font-size: 1em;
}


#footermain a {
        text-decoration: none;
        font: 80%/150% arial, helvetica, sans-serif;
        display: inline;
}

#footermain a:link { color: white; }
#footermain a:visited { color: orange;}
#footermain a:hover { color: yellow;}
#footermain a:active { color: orange; }




.block {
	margin: 10px 20px;
	font-size: 1.05em;
}


.blockquote {
	margin: 10px 20px;
	font-size: 90%;
	letter-spacing: 0.04em;
}

.book {
	margin:0;
        font-size: 70%;
	font-style: italic;
	text-align: right;
}


.credit {
	font-size: 80%;
	line-height:120%
}

.dida {
        font-size: 85%;
	font-style: italic;
}



.caption {
        clear: both;
	font-style: italic;
	font-size: 85%;
}

.photo {
	float: left;
	padding: 0 2em 1em 0;
        width: 250px;
}

.smphoto {
	float: left;
	padding: 0 2em 1em 0;
}

img {
	border: 0;
}





p.more {
         text-align:right;
         padding:0;
}

p.more a{
         text-decoration: none;
	border-bottom: 1px solid;
}

p.disclaimer {
        font-size: 1em;
        padding-top: 100px;
}

dt {
        display:none;
}

dd {
	padding: 0;
        margin: 0;
}

dd.bold {
        font-weight: bold;
}

hr {margin:0; padding:0;}








a {
text-decoration: underline;
	color: #444;
}

a:link {

}

a:visited {
	color: purple;
}

a:hover {
	color: green;
}

a:active {
	color: orange;
}







.hack {
padding: 19px 15px 15px 15px;
}

.hack1 {
padding: 25px 15px 15px 20px;
}

.hack2 {
padding: 20px; 
}

.hack3 {
padding: 42px 20px 0 20px;
}

.hack4 {
padding: 5px 15px 0 15px;
}






div.thumbnail {
width: 130px;
height: 190px;
float: left;
margin-bottom:20px;
background: url(frame_a.gif) no-repeat;
}

div.thumbnail img {
width: 98px;
height: 130px;
margin: 10px 0 0 10px;
border: 1px solid #777;
}

div.thumbnail p {
margin: 0;
padding: 5px 20px 30px 10px;
background: url(frame_b.gif) no-repeat 0 100%;
}


div.thumbnail_main {
width: 130px;
height: 190px;
clear: both;
margin: 0 10px 10px 0;
background: url(frame_a.gif) no-repeat;
}

div.thumbnail_main img {
width: 98px;
height: 130px;
margin: 10px 0 0 10px;
border: 1px solid #777;
}

div.thumbnail_main p {
margin: 0;
padding: 5px 20px 30px 10px;
background: url(frame_b.gif) no-repeat 0 100%;
}





div.thumbnail_ex {
width: 121px;
height: 190px;
float: left;
margin: 0 10px 10px 0;
background: url(frame_a_ex.gif) no-repeat;
}

div.thumbnail_ex img {
width: 98px;
height: 130px;
margin: 10px 0 0 10px;
border: 1px solid #777;
}

div.thumbnail_ex p { 
margin: 0;
padding: 5px 20px 30px 10px;
background: url(frame_b_ex.gif) no-repeat 0 100%;
text-align:center;
}




div.thumbnail_big {
width: 180px;
float: left;
margin: 0 5px 5px 0;
background: url(frame_a_big.gif) no-repeat;
}

div.thumbnail_big img {    /* images are 123px + border */
margin: 20px 0 0 20px;
}

div.thumbnail_big p {
margin: 0;
text-align: center;
padding: 5px 20px 30px 10px;
background: url(frame_b_big.gif) no-repeat 0 100%;
}




div.thumbnail_ex_big {
width: 160px;
float: left;
margin: 0 1px 10px 0;
background: url(frame_a_ex_big.gif) no-repeat;
}

div.thumbnail_ex_big img {
height: 130px;
width: 130px;
margin: 15px 0 0 15px;
}

div.thumbnail_ex_big p {
margin: 0;
text-align: center;
padding: 15px 20px 30px 15px;
background: url(frame_b_ex_big.gif) no-repeat 0 100%;
}


div.thumbnail_ex_big_adv {
width: 160px;
float: left;
margin: 0 1px 10px 0;
background: url(frame_a_ex_big.gif) no-repeat;
}

div.thumbnail_ex_big_adv img {
height: 130px;
width: 130px;
margin: 15px 0 0 15px;
}

div.thumbnail_ex_big_adv p {
margin: 0;
text-align: center;
font-size: 0.85em;
padding: 15px 20px 30px 15px;
background: url(frame_b_ex_big.gif) no-repeat 0 100%;
}





div.logo {
width: 105px;
float: left;
margin: 10px 0 10px 0;
background: url(bg_logo_top.gif) no-repeat;
}

div.logo img {
height: 70px;
width: 70px;
margin: 14px 0 0 14px;
border: 1px solid gray;
}

div.logo p {
margin: 0;
text-align: center;
color: black;
padding: 5px 8px 10px 5px;
background: url(bg_logo_bot.gif) no-repeat 0 100%;
}



div.logobig {
width: 140px;
float: left;
margin: 10px 0 10px 0;
background: url(bg_logo_big.gif) no-repeat;
border: 1px solid gray;
}

div.logobig img {
height: 90px;
width: 90px;
margin: 14px 0 0 24px;
border: 1px solid gray;
}

div.logobig p {
margin: 0;
text-align: center;
color: white;
padding: 8px 10px 15px 10px;
background: url(bg_logo_big.gif) no-repeat 0 100%;
}

div.logobig p a {
color: white;
}




div.links {
width: 260px;
float: left;
padding: 2px 13px 3px 0;
}

div.links img {
float: left;
margin: 5px 5px 5px 0;
border: 1px solid gray;
}

div.links p {
margin: 10px 5px 5px 5px;
}



div.clear {
clear: both;
}


div.linkswhen {
width: 500px;
height: 70px;
padding: 2px 13px 3px 0;
}

div.linkswhen img {
float: left;
margin: 5px 5px 5px 0;
border: 1px solid gray;
}

div.linkswhen p {
margin: 10px 5px 5px 5px;
}



div.venture {
width: 470px;
/* height: 70px;  */
padding: 10px 0 0 0;
}

div.venture img {
float: left;
margin: 8px 10px 5px 0;
border: 1px solid gray;
}

div.venture p {
margin: 5px 0;
}





div.newsitem {    /*   this does not work properly  */
padding: 0;
margin: 0;
}

div.newsitem img {
float: left;
padding: 0;
margin: 0 5px 0 0;
border: 1px solid gray;
}

div.newsitem p {
padding: 0;
margin: 0;
}


div.ads{
width: 550px;
min-height:100px;
margin: 5px 0;
padding: 15px 0 15px 0;
border-bottom: 1px solid gray;
}

div.adslast {
width: 550px;
min-height:100px;
margin: 5px 0;
padding: 15px 0 15px 0;
}


div.ads img, div.adslast img {
float: left;
margin: 4px 8px 15px 0;
border: 1px solid gray;
}

div.ads p {
margin: 0;
padding: 0 0 15px 0;
}

div.adslast p {
margin: 0;
padding: 0 0 15px 0;
}




del {
display: none;
}

ins {
text-decoration: none;
}




.submit input {
color: #000;
background: #fec469;
border: 2px outset #d7b9c9
}