html, body {
margin: 0px 0px 0px 0px;
padding: 0;
text-align: center; /* hack to center content in IE */
font-family: verdana, arial, sans-serif; /* base font is defined in the page */
font-size: 90%; /* size font is defined in the page */
background-color: #CCCCCC;
}

* {
margin: 0;
padding: 0;
}

 /* ================== Containers ===================== */

#page-container { /*Contains whole page, sets width*/
	width: 900px;
margin: auto;
padding: 5px;;
text-align: left;
background-color: #FFFFFF;
border: 3px solid #CC0000;
}

#midzone {
display: block; 
padding: 0; 
margin: 0;
width: 100%; } /*Content between main header and footer*/


/* ================== Generic Styles ===================== */

a:link       { font-family: Tahoma; text-decoration: none; font-size: 90%; color: #800000; }
a:visited    { font-family: Tahoma; font-size: 90%; text-decoration: none; color: #800000; }
a:hover {  color:#003399; background:none; border:none; padding: 0; }

p {
margin: 3px; 
text-align: left; 
padding: 0px; }

h1 {
font-size: 140%;
text-align: center;
color:#CC0000;
margin: 0px;
padding-bottom: 5px;
padding-top: 8px;
}

h2	{
font-size: 100%;
text-align: center;
color:#003399;
margin-bottom: 3px;
margin-top: 3px;
}

h3	{
font-size: 100%;
text-align: center;
color: #333366;
margin-bottom: 3px;
margin-top: 3px;
}

/*drop shadow effect*/
.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.wrap1 {background:url(images/shadow.gif) right bottom no-repeat;}
.wrap2 {background:url(images/corner_bl.gif) -12px 100% no-repeat;}
.wrap3 {
	padding:0 9px 9px 0;
	background:url(images/corner_tr.gif) 100% -12px no-repeat;}
.wrap3 img {
	display:block;
	border:1px solid #ccc;
	border-color:#efefef #ccc #ccc #efefef;}

.advert {text-align: center; color:#999999; font-family: Arial; font-size: 80%;}

/* allows expansion around floats */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*  \*/
* html .hollyhacked {
	height: 1%;
}
/*  */


.thumb {
text-align: left;
width: 166px;
margin: auto;
}

.pic {
float: right;
margin: 0px 0px 0px 4px;
padding: 0px;
}

.halfpic {
float: right;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 50%;
}

.t1 {font-family: Verdana, Helvetica, Arial, Geneva, Sans-Serif; font-size: 90%; font-weight: normal; color: #000000; text-align: left;}
.t2 {font-size: 115%; font-weight: bold }
.t3 {font-size: 70% }
.emphasis {font-weight: bold; color:#FF6600;}




 /* ================== Header ===================== */
 
#head1 {
padding-top:0px;
margin: 0px;
height: 90px;
width: auto;
background-image: url(images/mast_01.gif);
background-repeat: no-repeat;
}

#headimg {
float: right;
margin-top: 3px;
border: 0px;
}

#headsearch {
clear: both;
float: right;
margin-bottom: 0px
}

 /* ================== Right Column ===================== */

#sidebar {
float: right;
width: 19%;
margin-right: 0%;
text-align: center;
border: 1px solid #c0bfbd;
}


.headlink a {
color:#003399;
}

.headlink a:hover {
color: #800000;
}

.sbbox h3 {
font-size: 100%;
color:#003399;
margin-bottom: 3px;
margin-top: 3px;
}

 /* ================== Center Block ===================== */

#content {
float: left;
margin-right: 0%; 
width: 80.5%;
padding: 0px;
}
* html #content { display: inline } 
#content a:hover {  color:#003399; background:none; }

#topmenu {
float: left;
width: 99.5%;
text-align: center;
}
#topmenu ul {
padding-bottom: 0px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
list-style-type: none;
width: 100%;
background-color: #FFFFFF;
text-align: center;
}
#topmenu li {
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: .5em;
/* matches link padding except for left and right */
padding-top: .5em;
}
#topmenu li a {
text-decoration: none; /* no decoration to avoid underline showing when hovered onto */
font-size: .85em;
color: #FFFFFF;
background-color: #CC0000;
padding: .5em .5em; 
border-width: 2px;
border-color: #CC3300 #800000 #800000 #CC3300;
border-style: solid;
line-height: 2.6em;
}
#topmenu>#topmenu li a { width: auto; }
#topmenu a:hover {
background-color: #FF0000;
color: #FFFFFF;
border-color: #CC3300 #FF6666 #FF6666 #CC3300;
}


/* ================== Home Page ===================== */
 
#midsection { 
float: left; 
width: 74%; 
padding: 0; 
margin: 3px -3px 0px 3px; }
#midsection h1 { color: #003399; }

#feat { 
margin-top: 0px; 
padding: 0px;
border-top: 1px solid #CC0000; border-left: 5px solid #CC0000; 
background-color: #CC0000;}
#feat p { padding-bottom: 5px;}

.firstcolumn { 
float: left; 
width: 35%; 
padding: 0px; 
margin: 0px; 
border-bottom: 1px solid #CC0000;}

.secondcolumn { 
background-color: #FFFFFF; 
margin-left: 35%; margin-top: 0px; 
padding: 0px; }
/*  \*/
* html .secondcolumn {
	height: 1%;
}
/*  */

#feat1 { 
width: auto; 
text-align: center; 
margin-top: 0px; margin-right: 2px; margin-bottom: 0px; 
padding: 0px; 
background-color: #FFFFFF;}
#feat1 h1 { background-color: #CC0000; color: #FFFFFF; }
#feat1 p { font-size: 105%; }
#feat1 h2 { font-size: 130%; }

#feat2 { 
width: auto; 
height: 100%; 
border-right: 1px solid #CC0000; border-left: 0px solid #CC0000; 
margin-top: 0px; margin-bottom: 0px; margin-left: 0px; padding: 0px; 
text-align: center; 
background-color: #FFFFFF;}
#feat2 p { margin-bottom: 0px; margin-top: 0px; }
#feat2 h2 { display: inline; }
/*  \*/
* html .feat2 {
	height: 1%;
}
/*  */

#story2 { 
float: left; 
width: 50%; 
text-align: center; 
padding: 0px; 
margin: 0px; }

#story3 { 
text-align: center; 
padding: 0px; 
margin-left: 50%; }


#special { 
width: auto; 
border-right: 1px solid #003399; border-top: 1px solid #003399; border-bottom: 1px solid #003399; border-left: 5px solid #003399; 
color: #FFFFFF; 
background-color: #003399; 
margin: 0; 
padding: 0px 0px 0px 0px;}
#special a { color: #FFFFFF; padding-bottom: 10px; padding-top: 10px; text-decoration: none; }
#special h1 { color: #003399; border-bottom: 1px solid #c0bfbd; padding-bottom: 3px; padding-top: 3px; }
#special h2 { color: #000000; font-size: 110%; padding-top: 3px; padding-bottom: 3px; margin-bottom: 0px; }
#special h3 { color: #FFFFFF; font-size: 120%; padding-bottom: 0px; padding-top: 1.1em; line-height: 120%; }
#special a:hover { color: #999999;}

#specialtitle { 
float: left; 
width: 100px; 
height: 75px; 
background-color: #FFFFFF; 
margin-right: 5px;
border-top: 4px solid #003399; border-bottom: 4px solid #003399;}

#specialcont { margin-left: 60%; padding: 0; }
/*  \*/
* html #specialcont {
	height: 1%;
}
/*  */

#specialcontnopic { margin: 0px 3px 0px 0px; padding: 0; }
/*  \*/
* html #specialcontnopic {
	height: 1%;
}
/*  */

#newsbar { 
float: left; 
width: 25%; 
margin-top: 3px; margin-bottom: 3px; margin-right: 0px; margin-left: 0px; 
padding: 0px;}
#newsbar a { color:#003399; text-align: left;  margin-left: 3px; margin-right: 5px; text-decoration: none;}
#newsbar a:hover { color: #800000;}
#newsbar h2 { text-align: left; padding-bottom: 5px; padding-top: 5px; margin-left: 3px; margin-right: 5px; border-bottom: 1px solid #c0bfbd; }

.sbbox ul,li {
list-style-type: none; /* to minimize problems */
margin: 0px;
padding: 0px;
line-height: 150%; /* extra space */
text-align: center;
font-size: 110%;
font-family: Tahoma;
color: #800000;
}

.sbbox { /* defines container for the menu */
margin-bottom: 3px;
margin-right: 0px;
margin-left: 0px;
padding: 0px 0px 0px 0px;
border: 1px solid #c0bfbd;
font-family: verdana, arial;
font-size: 100%;
text-align: center;
line-height: 115%;
}
.sbbox a {
font-size: 100%;
}


#nonfeatures { 
width: auto; 
margin: 3px 0px 0px 0px; 
padding: 0px; }

#extrafeatures { 
width: auto; 
margin: 3px 0px 0px 0px;
border:1px solid #c0bfbd; 
padding: 0px; }

.thirdcolumn { 
float: left; 
width: 55%; 
padding: 0px; 
margin: 0px 0px 0px 0px; }


.fourthcolumn { 
margin-left: 55%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; 
padding: 0px; }
/*  \*/
* html .fourthcolumn {
	height: 1%;
}
/*  */


.featcolumn1 { 
width: auto; 
text-align: center; 
margin-top: 0px; margin-right: 1px; margin-bottom: 0px; 
padding: 0px; 
border:1px solid #c0bfbd;}

.featcolumn2 { 
width: auto; 
text-align: center; 
margin-top: 0px; margin-left:  2px; margin-bottom: 0px; 
padding: 0px; 
border:1px solid #c0bfbd;}
.featcolumn2 a.headlink { color: #003399; padding: 0px; text-decoration: none; }
.featcolumn2 a.headlink:hover {color: #800000;}


#offfeatpic {
text-align: center;
width: 161px;
padding-top: 5px;
margin: auto;}

#offfeatpic2 {
text-align: center;
width: 161px;
padding-top: 5px;
margin-left: auto;}


 /* ================== Footer ===================== */
#foot {
text-align: center;
clear: both;
margin: 0px;
padding-top: 10px;
width: 100%;
line-height: 160%;
}


 /* ================== Other Pages ===================== */

.contentbox { 
float: left; 
width: 99%; 
clear: both; 
border:1px solid #c0bfbd; 
padding: 0px 0px 0px 0px;  
margin-bottom: 3px; margin-top: 3px;}
.contentbox p { margin-left: 10px; padding-bottom: 10px; line-height: 140%; }
.contentbox h1 { font-size: 200%; }
.contentbox h2 { font-size: 170%; }
.contentbox p.pagelocate { text-align: center; color: #CC0000; }

.contentbox2 {
float: left;
width: 99%;
clear: both;
border: 1px solid #c0bfbd;
padding: 0px 0px 0px 0px;  
margin-bottom: 3px; margin-top: 3px;}
.contentbox2 p { margin: 0px 0px 10px 10px; padding-bottom: 10px;}

#firstcolumn { float: left; width: 272px; padding: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: -15px; border-right:1px solid #c0bfbd; border-top:1px solid #c0bfbd; }
#secondcolumn { margin-top: 0px; margin-left: 453px; padding: 0px; margin-bottom: 0px; border-left:1px solid #c0bfbd; border-top:1px solid #c0bfbd;}
/*  \*/
* html .secondcolumn {
	height: 1%;
}
/*  */

.offfeatpic {
float: left; /* to align the logo to the left */
padding-left: 10px;
margin-top: 3px;
border: 0;
}

#backissues { float: left; width: 75%; margin-left: 10px; font-weight: bold; font-size: 80%;}
#backissues a { font-size: 115%; font-weight: bold; }
#backissues h3 { text-align: left; }
#contactus {text-align: left;}
#contactus h2 {text-align: left; margin-left: 10px;}

.years {
float: right;
width: 510px;
text-align: center;
margin-bottom: 10px;
} 
.years ul { 
list-style-type: none;
}
.years li {
float: left;
display: inline;
margin: 10px 20px 10px 20px;
line-height: 200%;
}
.years a { font-size: 145%; }

#groups p { font-size: 90%; padding-bottom: 3px; }
#groups h2 { text-align: left; margin-left: 10px; }

 /* ================== Features ===================== */
#navbox
{
float: left;
margin: 0px 15px 5px 0px;
padding: 0px 0px 0px 0px;
width: 180px;
border-right: 1px solid #c0bfbd;
border-bottom: 1px solid #c0bfbd;
text-align: center;
line-height: 115%;
}

#navbox ul,li {
list-style-type: none; /* to minimize problems */
margin: 0px;
padding: 0px;
line-height: 150%; /* extra space */
text-align: center;
font-size: 110%;
font-family: Tahoma;
color: #800000;
}

#navbox h1 { font-size: 140%; }
#navbox h2 { font-size: 120%; text-align: left; padding-bottom: 5px; padding-top: 5px; margin-left: 3px; margin-right: 5px; border-bottom: 1px solid #CC0000; }
#navbox a { font-size: 100%; color:#003399; text-align: left;  margin-left: 3px; margin-right: 5px; text-decoration: none;}
#navbox a:hover { color: #800000;}
#navbox h3 {
font-size: 100%;
color:#003399;
margin-bottom: 3px;
margin-top: 3px;
}

.featurebody { 
margin-top: 1.5em; 
width: auto; }
.featurebody h2 { font-size: 120%; margin: .5em 0em; color: #333366; }
.featurebody h3 { font-size: 110%; }
.featurebody h2.style1 { color: #FFAA11; }


#pagination {
text-align: center; 
clear: right;
margin: 5px;}

#pagination ul {
padding-bottom: 0px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
list-style-type: none;
width: 100%;
background-color: #FFFFFF;
text-align: right;
}
#pagination li {
display: inline;
padding-left: 3px;
padding-right: 3px;
padding-bottom: .5em;
/* matches link padding except for left and right */
padding-top: .5em;
}
#pagination li a {
text-decoration: none; /* no decoration to avoid underline showing when hovered onto */
font-size: .85em;
padding: .5em .5em; 
border-width: 2px;
border-color: #CC3300 #800000 #800000 #CC3300;
border-style: solid;
line-height: 2.6em;
}
#pagination>#pagination li a { width: auto; }
#pagination a:hover.inactive {
background-color: #FF0000;
color: #FFFFFF;
border-color: #CC3300 #FF6666 #FF6666 #CC3300;
}
#pagination a.inactive { color: #CC0000; background-color: #FFFFFF; }
#pagination a.active { background-color: #FF0000; color: #FFFFFF;}

.pullquote, .rightpullquote
{
float: left;
padding: 0px 10px 5px 10px;
margin: 0px; 
width: 65%;
font-size: 185%;
font-weight: bold;
font-style: italic;
color: #3F4C6B;
font-family: Georgia, Century Schoolbook, Times New Roman, serif;
text-align: center;
}

.pullquote.right{
float: right;
}

.pullquote.long
{
width: 100%;
padding: 0px 0px 5px 0px;
}

.pullquote.medium 
{
width: 50%;
}

.pullquote.short
{
width: 35%;
}

.pullquote h3 { color: #CC0000; display: inline;}

.sidebar { padding: 0px; margin: 5px 10px 5px 10px; float: right; width: 35%; border:1px solid #c0bfbd; }
#fullbar1 { margin: 0px 0px 10px 0px; padding: 0px; width: 100%; background-color: #FFEE99; border-left: 0px; border-right: 0px; border-bottom: 3px solid #FFAA11; border-top: 3px solid #FFAA11;  } 
.sidebar.left { float: left; }
.sidebar.halfwidth { width: 50%; }
.sidebar.big { width: 65%; }
.sidebar.fullbar { margin: 0px 0px 10px 0px; padding: 0px; width: 98%; }
.sidebar ul { text-align: left; margin-left: 30px;}
.sidebar ol { text-align: left; color: #001111; margin-left: 30px; }
.sidebar ul li { color: #003388; text-align: left; list-style-type: disc; line-height: 140%; padding-bottom: .5em; }
.sidebar ol li { color: #003388; text-align: left; list-style-type: decimal; line-height: 140%; padding-bottom: 10px; }
#rightbar1 { background-color: #FFEE99; border: 3px solid #FFAA11; }
.gold { background-color: #FFEE99; border: 3px solid #FFAA11; }
.ovarian { background-color: #FFDDAA; border: 3px solid #008888; }
.ovarian h3 { color: #663300; }
.ovarian b { color: #008888; }
.sidebar.fullbar { margin: 0px 0px 10px 0px; padding: 0px; width: 100%; border-left: 0px; border-right: 0px; }

.personbox { float: left; width: 71%; padding-bottom: 12px; margin-left: 10px; }
.personbox h2, .personbox h3 { text-align: left; display: inline; }
.personbox p { padding-bottom: 0px; line-height: 140%; margin-left: 0px; margin-bottom: 0px; }

.subhead
{
color: #660033;
font-size: 110%;
font-weight: bold;
text-align: center;
line-height: 110%;
margin-top: 2em;
}

.dropcap {
float: left;
color: #CC0000;
font-size: 550%;
height: .5em;
padding-top: .25em;
padding-bottom: 0em;
margin-right: 5px;
margin-bottom: 0em;
font-family: Times, serif, Georgia;
}

.image {
float: right;
margin: 5px 10px 5px 10px;
padding: 10px;
border: 3px solid #003399;
}

.image.left {
float: left;
}

.captionedimg {
float: right;
width: 250px;
background-color: #FFEE99;
font-family: Tahoma, sans-serif, Ariel;
margin: 5px 10px 5px 10px;
padding: 3px;
text-align: center;
}

.captionedimg img {
margin: 7px;
border: 1px solid #FFFFFF;
}