* {
	margin:0;
	padding:0;
}

body {
	font:normal small/1.3 Verdana, Arial, Helvetica, sans-serif;
	margin:0;
}

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address{
	margin:4px 0;
}

li,dd {
	margin-left:1em;
}

fieldset {
	padding:.5em;
}


#search{
position:absolute;
margin-top:37px;
margin-left:405px;
}
.contact{
padding-left:50px;
background: url(../images/mail.gif) no-repeat top left;
}

.contact {
padding-top:4px;
padding-bottom:8px;
margin-bottom:10px;
border-bottom:4px dotted #e8e8e8;
}


.audio {
padding-top:4px;
padding-bottom:8px;
margin-bottom:10px;
border-bottom:4px dotted #e8e8e8;
}


/**************************************************************
pubpage
**************************************************************/
.pubpagewrap {
width: 516px;
position: relative;
margin: 0;
overflow:hidden;
font-family:Verdana, Trebuchet MS, Arial, sans;
}
.pubpage {
width:355px;
float:left;
padding: 0;
margin: 0 12px 8px 0;
border-bottom: 1px solid #9BD3CC;
}
.pubpagewrap .order{
float:left;
width:330px;
padding-right:10px;
}
.red a{
color:#BB0000;
font-weight:bold;
text-transform: uppercase;
}
.pubpagewrap ul{
margin: 0 50px 20px 20px;
padding: 0;
display:block;
}
.pubpagewrap ul li{
font-size: 90%;
line-height:1.4;
color: #000000;
font-weight: 800;
margin: 0 14px 8px 0;
padding: 0;
}
/**************************************************************
Intro
**************************************************************/
.intro {
width: 510px;
overflow:hidden;
}
.intro h1 {
  font-weight: 100;
  font-size: 200%;
line-height:1.5;
}
.intro2 {
line-height:1.5;
width:280px;
float:left;
}
.intro3 {
width:210px;
float:left;
}
.intro3 p{
font: normal 90% verdana,arial, sans-serif;
line-height: 1.4;
}
.intro3 h2{
padding-bottom: 0;
margin-top:8px;
}
.intro strong{
color: #000000;
font-weight: 800;
}
.intro2 ul{
color: #000000;
font-weight: 800;
margin:8px 0 0 20px;
display:block;
}
.intro2 ul li{
color: #000000;
font-weight: 800;
margin: 0 10px 6px 0;
padding: 0;
}
/**************************************************************
RSS
**************************************************************/
#RSSwrap {
overflow:hidden;
border-top: 4px dotted #e8e8e8;
padding-top:10px;
width:520px;
}
#RSSwrap h1{
  font-weight: bold;
  font-size: 110%;
line-height:1.4;
}

#RSSwrap h3{
  font-weight: bold;
  font-size: 110%;
color:#f00;
margin-top:1em;
}



#RSS {
width:350px;
float:left;
}

#RSS p{
padding-bottom:6px;
margin-bottom:8px;
border-bottom:2px solid #def1ef;
font-size:90%;
}

.RSSpad {
padding-right:10px;
padding-top: 0;
}
.widthpresenter {
width:131px;
}
.widthpresenter p{  margin: 0;
font-size: 90%;
}
/**************************************************************
Google ads
**************************************************************/
.widthgoogle {
width: 117px;
}
.widthgoogle p{  margin: 0;
font: normal 90% verdana,arial, sans-serif;
line-height: 1.3;
}

/**************************************************************
Footer
**************************************************************/
#WISC {float:left;
padding:30px 0 30px 25px;
}
#footwrap {
padding:10px 0 0 30px;}

#footwrap li { margin-bottom:.5em; }

#footer h3 {
text-align:left;
margin-left: 68px;
color:#003366;
}
#footer #bg ul {
height:30px;
text-align:left;
margin: 0;
padding-left: 58px;
}
#footer #bg ul li {
display: inline;
list-style: none;
font-size:60%;
width:350px;
}
#footer #bg ul li a {
float: left;
padding: 6px 12px;
font: 400 9px arial, sans-serif;
text-align:left;
color: #4D5760;
border-right: 1px solid #ccc;
}
#footer #bg ul li a.last {
padding-right: 0;
border-right: 0;
}
#footer #bg ul li a:hover {
color: #F0A400;
}
#footer #bg img {
margin: 10px 0 0 0;
}

/**************************************************************
Publications
**************************************************************/
.h_pubtitle a,.h_pubtitleEB a
{
font-weight:800;
text-transform: uppercase;
font-size: 9px;
color:#000000;
}
.h_pubtitle,.h_pubtitle
{
padding: 0 0 0 6px;
margin: 0;
background: url(../images/bg/bar_folded.gif) no-repeat top left;
}
.h_pubtitleEB
{
margin-bottom: 10px;
border-bottom: #999 1px solid;
}
.pubs {
position: relative;
margin-bottom: 10px;
background:#def1ef;
border-bottom: 1px solid #CCCCCC;
padding:5px 10px 0 10px;
}
.pubs p{
font-size:90%;
}
.bigpubs {
position: relative;
background:#def1ef;
border-bottom: 1px solid #CCCCCC;
padding:10px;
}

.bigbook {
float:left;
width:80px;
margin: 0 8px 0 0;
}
.bigpubs h3{
padding: 0 12px 0 12px;
margin: 0;
}
.bigpubs p{
margin: 0;
}

.book {
float:left;
position:relative;
padding: 0 6px 0 0;
}
.pubs .book .month {
text-transform: uppercase;
font: 700 1em verdana,arial, sans-serif;
color: #888;
}
.pubs .book .day {
display: block;
margin-top: -5px;
font: 700 2.1em verdana,arial, sans-serif;
color: #888;
}
.pubs .title {
display: block;
padding: 0 0 5px 0;
font-weight: bold;
color: #586B7A;
}



/**************************************************************
Thumbnail Lists
**************************************************************/
ul.thumbs,
ul.thumbs li {
margin: 0;
padding: 0;
}
ul.thumbs li {
margin: 0 0 15px 0 !important;
margin: 0;
padding: 0;
list-style: none;
background: #def1ef;
}
a.thumb img {
border: 5px solid #def1ef;
}
a:hover.thumb img {
background: #8EB4C6;
}
a:hover.thumb {
background: none;
}
a.thumb span {
display: block;
margin-top: -5px !important;
margin-top: -2px;
}
/**************************************************************
Submenu Styles
**************************************************************/
ul.submenu1,
ul.submenu2 {
margin: 0 0 0 0;
padding: 0;
}
ul.submenu1 li,
ul.submenu2 li{
margin: 0;
padding: 0;
list-style: none;
list-style-image: url(foo.gif); /* because IE is balls */
}
ul.submenu1 li a{
display: block;
height: auto !important;
/* Start hide from IE Mac \*/
height: 1%;
/* End hide from IE Mac */
padding: 1px 5px 1px 20px;
}
ul.submenu2 li a {
display: block;
height: auto !important;
/* Start hide from IE Mac \*/
height: 1%;
/* End hide from IE Mac */
padding: 0 5px 4px 5px;
}
ul.submenu1 li a {
background: url(../images/bg/submenu1.gif) no-repeat 5px 50%;
}
ul.submenu1 a:hover {
color: #426F85;
background: #B3C6C4 url(../images/bg/submenu1.gif) no-repeat 5px 50%;
}
ul.submenu2 li a {
color: #426F85;
}
ul.submenu2 a:hover {
color: #426F85;
background: #B3C6C4 no-repeat 3px 50%;
}
/**************************************************************
Generic Display
**************************************************************/
.block {
display: block;
}
.clear {
clear: both;
}
.marginRight {
margin-right: 15px;
}
.paddingLeft {
padding-left: 5px;
}
.paddingRight {
padding-right: 5px;
}
.floatLeft {
float: left;
}
.floatRight {
float: right;
}
.alignLeft {
text-align: left;
}
.alignRight {
text-align: right;
}
.alignTop {
vertical-align: top;
}
.alignMiddle {
vertical-align: middle;
}
.alignBottom {
vertical-align: bottom;
}
.lightBlueBg {
background-color: #def1ef;
padding:6px;
margin:10px 0 0 10px;
}
.orderblock {
background-color: #FBFF8F;
padding:8px;
margin: 0 0 10px 10px;
}
.dark {
color: #353E47;
}
/**************************************************************
order button **************************************************************/
div.btns{
white-space:nowrap;
text-transform:uppercase;
}
div.btns:after
{
display:block;
clear:both;
content:'';
}
div.btns a.btn{
float:left;
background:buttonface url(../images/border-2.gif) no-repeat;cursor:pointer;font-size:0;text-align:center;
text-align:center;
display:block;
width:120px;
min-width:120px;
text-decoration:none;
margin: 0 2px;
background-color:#315B85;
}
div.btns a.btn:hover span{
opacity:.5;
filter:alpha(opacity:100);
}
div.btns a.btn span
{
padding:3px 8px 4px 8px;
text-align:center;
position:relative;
left:1px;top:1px;
display:block;
text-decoration:none;
background:url(../images/border.gif) right bottom no-repeat;
font-size:13px;
font-weight:300;
color:#fff;
}

/**************************************************************
join button **************************************************************/

div.btns_join{
white-space:nowrap;
text-transform:uppercase;
}
div.btns_join:after
{
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
div.btns_join a.btn_join{
float:left;
background:buttonface url(../images/border-2.gif) no-repeat;cursor:pointer;font-size:0;text-align:center;
text-align:center;
display:block;
width:222px;
min-width:222px;
text-decoration:none;
margin: 0 2px;
background-color:#FBFF8F;
}
div.btns_join a.btn_join:hover span{
opacity:.5;
filter:alpha(opacity:100);
}
div.btns_join a.btn_join span
{
padding:3px 8px 4px 8px;
text-align:center;
position:relative;
left:1px;top:1px;
display:block;
text-decoration:none;
background:url(../images/border.gif) right bottom no-repeat;
font-size:105%;
font-weight:300;
color:#333;
}
/* Blockquote */
blockquote {
margin: 0;
padding: 8px 20px 8px 20px;
background: #def1ef;
border-top: 1px solid #AAD3DB;
border-bottom: 1px solid #AAD3DB;
}
blockquote .small{
text-align:right;
font-size:90%;
line-height:1.3;
font-style:italic;
}
.banner468by60 {
height:100px;
padding: 10px 0 0 0;
}

.info {
font-style: italic;
color:#000000;
}

/**************************************************************
rightlinks**************************************************************/

.rightlinks {
width: 127px;
margin:0 0 0 10px;
padding:6px;
}



.join {
float:left;
width:200px;
background-image: url("../images/light_bodyyel.gif");
background-repeat: repeat;
border:2px solid #999;
padding:10px;
margin:10px 0 10px 10px;
}


@media only screen and (max-width:480px)
{
	.pubpage, .floatRight, .floatLeft { float:none; }
	.widthgoogle { display:none; }
	.pubpagewrap,.pubpage, #RSSwrap, #RSS, .join { width:auto; }

	#search{
	position:static;
	margin:0 auto;
	text-align:center;
	}

	.rightlinks {
	width: auto;
	padding:6px;
	}

	.pubpagewrap {
	position: static;
	overflow:auto;

	}

	#topmenu li a, ul.submenu1 li a, ul.submenu2 li a { padding:10px; display:block; }
	
	#sidebar { display:none; }
	#home-page #sidebar { display:block; }

}