/* andreas00 - an open source xhtml/css website layout by Andreas Viklund  - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given to the original author.
Version: 1.1 (Apr 20, 2006) */

/***** Body and main container *****/

body {
margin:0 auto;
padding:0;
font:100% Verdana,Tahoma,Arial,sans-serif;
background:#a7d7e0 url(http://www.oup.com/images/oxed/primary/rwi/bg.gif) top center repeat-y;
color:#3a3a3a;
}

#wrap {
background-color:#ffffff;
color:#303030;
margin:0 auto;
padding:0px 0px;
width:1024px;
}

/***** Header *****/

#header {
color:#505050;
background:#3590a1 url(http://www.oup.com/images/oxed/primary/rwi/frontmock.jpg) bottom left no-repeat;
height:220px;
margin:0 0 10px 0;
padding:0;
}


#header h1 a,#header h1 a:hover {
padding:0;
}

#header p {
font-size:1.1em;
letter-spacing:-1px;
margin:0 0 20px 15px;
padding:0 0 0 3px;
}

#search {
color:#505050;
font-size:0.6em;
background: no-repeat;
height:20px;
width:500px;
margin:-1px 12px 5px 0;
padding:0;
}

#breadcrumb {
color:#000000;
font-size:0.6em;
background:#ffffff left no-repeat;
width:1000px;
margin:0 0 5px 5px;
padding:0;
}


/***** Left sidebar *****/

a.boldbuttons{
background: transparent url('http://www.oup.com/images/oxed/primary/rwi/roundedge-green-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 0.7em Arial;
color:#010066;
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
width:170px;
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
margin:0px 0px 3px 0px;
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: 010066; /*button text color*/
}

 a:hover.boldbuttons, a:active.boldbuttons a.current {
 background: transparent url(http://www.oup.com/images/oxed/primary/rwi/roundedge-gray-left.gif) no-repeat top left;
 display: block;
 float: left;
 font: bold 0.7em Arial; /* Change 13px as desired */
 line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
 height: 30px; /* Height of button background height */
 padding-left: 8px; /* Width of left menu image */
 text-decoration: none;
 }

 a:hover.boldbuttons span, a:active.boldbuttons span a.current {
 background: transparent url(http://www.oup.com/images/oxed/primary/rwi/roundedge-gray-right.gif) no-repeat top right;
 display: block;
 padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/

 }

 a.boldbuttons span{
 background: transparent url(http://www.oup.com/images/oxed/primary/rwi/roundedge-green-right.gif) no-repeat top right;
 display: block;
 padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
 }

 a:hover.boldbuttons{ /* Hover state CSS */

 }


 .buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
 overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
 width: 100%;
 }
 
a.boldbuttonscur{
background: transparent url('http://www.oup.com/images/oxed/primary/rwi/roundedge-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 0.7em Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
width:170px;
text-decoration: none;
margin:0px 0px 3px 0px;

}

a:link.boldbuttonscur, a:visited.boldbuttonscur, a:hover.boldbuttonscur, a:active.boldbuttonscur{
color: 010066; /*button text color*/
}

 a:hover.boldbuttoncurs, a:active.boldbuttonscur a.current {
 background: transparent url(http://www.oup.com/images/oxed/primary/rwi/roundedge-gray-left.gif) no-repeat top left;
 display: block;
 float: left;
 font: bold 0.7em Arial; /* Change 13px as desired */
 line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
 height: 30px; /* Height of button background height */
 width:160px;
 padding-left: 8px; /* Width of left menu image */

 }

 a:hover.boldbuttonscur span, a:active.boldbuttonscur span a.current {
 background: transparent url(http://www.oup.com/images/oxed/primary/rwi/roundedge-gray-right.gif) no-repeat top right;
 display: block;
 padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/

 }

 a.boldbuttonscur span{
 background: transparent url(http://www.oup.com/images/oxed/primary/rwi/roundedge-gray-right.gif) no-repeat top right;
 display: block;
 padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
 }

 a:hover.boldbuttonscur{ /* Hover state CSS */

 }


 .buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
 overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
 height: 100%; /* Height of button background height */
 }
 
a.boldbuttons2{
background: transparent url('http://www.oup.com/images/oxed/primary/rwi/roundedge-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 0.7em Arial;
color:#010066;
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
width:99px;
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
margin:0px 0px 2px 0px;
}

a:link.boldbuttons2, a:visited.boldbuttons2, a:hover.boldbuttons2, a:active.boldbuttons2{
color: 010066; /*button text color*/
}

 a:hover.boldbuttons2, a:active.boldbuttons2 a.current {
 background: transparent url(http://www.oup.com/images/oxed/primary/rwi/roundedge-green-left.gif) no-repeat top left;
 display: block;
 float: left;
 font: bold 0.7em Arial; /* Change 13px as desired */
 line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
 height: 30px; /* Height of button background height */
 padding-left: 8px; /* Width of left menu image */
 text-decoration: none;
 }

 a:hover.boldbuttons2 span, a:active.boldbuttons2 span a.current {
 background: transparent url(http://www.oup.com/images/oxed/primary/rwi/roundedge-green-right.gif) no-repeat top right;
 display: block;
 padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/

 }

 a.boldbuttons2 span{
 background: transparent url(http://www.oup.com/images/oxed/primary/rwi/roundedge-gray-right.gif) no-repeat top right;
 display: block;
 padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
 }

 a:hover.boldbuttons2{ /* Hover state CSS */

 }


 .buttonwrapper2{ /* Container you can use to surround a CSS button to clear float */
 overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */

 }

a.boldbuttons2cur{
background: transparent url('http://www.oup.com/images/oxed/primary/rwi/roundedge-green-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 0.7em Arial;
color:#010066;
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
width:90px;
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
margin:0px 0px 3px 0px;
}

a:link.boldbuttons2cur, a:visited.boldbuttons2cur, a:hover.boldbuttons2cur, a:active.boldbuttons2cur{
color: 010066; /*button text color*/
}

 a:hover.boldbuttons2cur, a:active.boldbuttons2cur a.current {
 background: transparent url(http://www.oup.com/images/oxed/primary/rwi/roundedge-green-left.gif) no-repeat top left;
 display: block;
 float: left;
 font: bold 0.7em Arial; /* Change 13px as desired */
 line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
 height: 30px; /* Height of button background height */
 padding-left: 8px; /* Width of left menu image */
 text-decoration: none;
 }

 a:hover.boldbuttons2cur span, a:active.boldbuttons2cur span a.current {
 background: transparent url(http://www.oup.com/images/oxed/primary/rwi/roundedge-green-right.gif) no-repeat top right;
 display: block;
 padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/

 }

 a.boldbuttons2cur span{
 background: transparent url(http://www.oup.com/images/oxed/primary/rwi/roundedge-green-right.gif) no-repeat top right;
 display: block;
 padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
 }

 a:hover.boldbuttons2cur{ /* Hover state CSS */

 }


 .buttonwrapper2cur{ /* Container you can use to surround a CSS button to clear float */
 overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
 }

#avmenu {
clear:left;
float:left;
width:180px;
margin:15px 0 10px 5px;
padding:0;
}

#avmenu ul {
list-style:none;
width:150px;
margin:0 0 20px 0;
padding:0;
}

#avmenu li {
margin-bottom:5px;
}

#avmenu li a {
font-weight:bold;
height:20px;
text-decoration:none;
color:#505050;
display:block;
padding:6px 0 0 10px;
background:#f4f4f4 url(http://www.oup.com/images/oxed/primary/rwi/menubg.gif) bottom left repeat-x;
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #cccccc;
}

#avmenu li a:hover, #avmenu li a.current {
background:#eaeaea url(http://www.oup.com/images/oxed/primary/rwi/menubg2.gif) bottom left repeat-x;
color:#505050;
border-top:1px solid #b0b0b0;
border-right:1px solid #b0b0b0;
border-bottom:1px solid #b0b0b0;
border-left:4px solid #505050;
}

#avmenu ul ul {
margin:5px 0 5px 15px;
font-size:0.9em;
width:135px;
}

#avmenu ul ul a {
height:16px;
margin:0;
padding:4px 0 0 8px;
}

#avmenu h2 {
font-size:1.5em;
font-weight:normal;
}

/***** Right sidebar *****/

#extras {
float:right;
width:200px;
height:600px;
margin:13px 0 10px 0;
padding:5;
font-size:0.9em;
background: url('http://www.oup.com/images/oxed/primary/rwi/extras.gif') no-repeat top center; 
}

#extras h1 {
width:200px;
font-size:1.4em;
color:#ffffff;
}

#extras p {
width:170px;
margin:10px 0px 0px 10px;
padding:5;
font-size:0.8em;
}



/***** Main content *****/

#content {
margin:25px 200px 10px 190px;
font-size:0.8em;
padding:0;
line-height:1.5em;
text-align:left;
}

#contentbox {
font-size:0.8em;
width:585px;
height:160px;
padding:0;
line-height:1.5em;
text-align:left;
background: url('http://www.oup.com/images/oxed/primary/rwi/conbox.gif') no-repeat top ; 
}



#contentbox p {
font-size:1.2em;
width:550px;
margin:0px 10px 0px 20px;
}


#contentwide {
margin:10px 0 10px 190px;
padding:0;
line-height:1.5em;
text-align:left;
}

#contentfull {
margin:10px 10px 10px 10px;
padding:2px 0 0 0;
line-height:1.5em;
text-align:left;
}

#content h2, #contentwide h2, #contentfull h2 {
font-size:1.4em;
letter-spacing:-1px;
font-weight:normal;
margin:8px 0 10px 0;
padding:0;
}

#content h3, #contentwide h3, #contentfull h3 {
font-size:9pt;
font-weight:normal;
margin:0px 0 6px 0;
line-height: 14px;
padding:0;
}

#content img, #contentwide img, #contentfull img {
padding:0px;
display:inline;
background:#cccccc;
color:#303030;
border:0px solid #f0f0f0;
}

#content a, #contentwide a, #contentfull a {
font-weight:bold;
}

#content ul, #content ol,
#contentwide ul, #contentwide ol,
#contentfull ul, #contentfull ol {
margin:0 0 16px 20px;
padding:0;
}

#content ul ul, #content ol ol,
#contentwide ul ul, #contentwide ol ol,
#contentfull ul ul, #contentfull ol ol {
margin:2px 0 2px 20px;
}

#content li, #contentwide li, #contentfull li {
margin:0 0 2px 10px;
padding:0 0 0 4px;
}

/***** Footer *****/

#footer {
clear:both;
margin:0 auto;
padding:8px 0;
border-top:2px solid #dadada;
width:1010px;
text-align:center;
color:#808080;
background-color:#ffffff;
font-size:0.6em;
}

#footer p {
padding:0;
margin:0;
}

#footer a {
color:#808080;
background-color:inherit;
text-decoration:underline;
}

#footer a:hover {
text-decoration:underline;
}

/***** Various tags *****/

a {
text-decoration:none;
color:#505050;
background-color:inherit;
}

a:hover {
text-decoration:underline;
color:#286ea0;
background-color:inherit;
}

a img {
border:0;
}

p {
margin:0 0 16px 0;
}

blockquote {
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #cccccc;
margin:16px;
padding:7px 7px 7px 11px;
background:#f4f4f4 url(http://www.oup.com/images/oxed/primary/rwi/menubg.gif) bottom left repeat-x;
color:#505050;
}

blockquote p {
font-size:1.1em;
line-height:1.3em;
margin:0;
}

/***** Table styles *****/

table {
margin:0 0 16px 0;
padding:0;
line-height:1.3em;
border-collapse:collapse;
border:0px solid #d8d8d8;
}

caption {
text-align:left;
font-size:1.5em;
font-weight:normal;
margin:0;
padding:6px 0 8px 0;
}

th {
padding:7px;
text-align:left;
background:#eaeaea url(http://www.oup.com/images/oxed/primary/rwi/menubg2.gif) bottom left repeat-x;
color:#505050;
}

td {
padding:7px;
font-size:0.9em;
text-align:left;
color:#303030;
}

/***** Form styles *****/



/***** Search box *****/

#searchbox {
padding:0;
margin:6px 0 16px 0;
}

#searchform {
background:#ffffff;
border:1px solid #cccccc;
color:#505050;
font-size:0.9em;
padding:4px;
width:116px;
}

#searchbox label {
display:none;
}

/***** Various classes *****/

.left {
margin:10px 10px 5px 0;
float:left;
}

.right {
margin:10px 0 5px 10px;
float:right;
}

.announce {
margin:10px 0 10px 0;
padding:10px 10px 5px 10px;
width:145px;
color:000066;
background:#f4f4f4 url(http://www.oup.com/images/oxed/primary/rwi/menubg.gif) bottom left repeat-x;
border-top:1px solid #f5a81c;
border-right:1px solid #f5a81c;
border-bottom:1px solid #f5a81c;
border-left:1px solid #f5a81c;
font-size:0.8em;
line-height:1em;
}

.announce h2 {
margin:0 0 10px 0;
color:000066
padding:0;
}

#avmenu .announce {
width:155px;
}

.textright {
text-align:right;
margin:-10px 0 4px 0;
}

.center {
text-align:center;
}

.small {
font-size:0.8em;
}

.large {
font-size:1.3em;
}

.bold {
font-weight:bold;
}

.highlighted {
padding:3px;
background-color:#f0f0f0;
color:#303030;
border:1px solid #b0b0b0;
}

.hide {
display:none;
}

/***** Teaser *****/


	}
	#labfooter {
		text-align:center;
		clear:both;
	}
	.adwrap {
		margin:30px auto 10px;
		padding:10px 0;
		width:750px;
		border:1px solid #ccc;
		border-width:1px 0;
	}
	.adwrap object {
		width:750px;
		height:60px;
	}

	.teaser {
		width:750px;
		padding:0 0 14px 0;
		margin:10px auto;
		background:url("http://www.oup.com/images/oxed/primary/rwi/tsr.gif") bottom left no-repeat;
	}
	.teaser h4 {
		margin:0;
		padding:7px 10px 3px 10px;
		background:url("http://www.oup.com/images/oxed/primary/rwi/tsr.gif") top left no-repeat;
	}
	.teaser p, .teaser a.more {
		margin:0;
		padding:0 10px 3px;
		font-size:1.1em;
		border:1px solid #d8d8d8;
		border-width:0 1px;
		background:#fff;
	}
	.teaser a.more {
		display:block;
		text-align:right;
		background:url("http://www.oup.com/images/oxed/primary/rwi/tsr.gif") 410px 50% no-repeat;
		padding:0 24px 0 0;
		text-decoration:none;
		color:#44a;
	}
	.teaser a.more:hover {
		text-decoration:underline;
	}
	
#pscroller1{
width: 145px;
height: 100px;
padding: 0px;
}



#pscroller1 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}