/*AL Screen CSS*/
/*11.06 Ethan Smith esmith@imaginepub.com*/
/*Updated 6.13.07 ES */
/*THIS IS THE COLLAGE VERSION*/
/*--
Notes: 
1) The 1.0 em font sizes for universal p and a tags are defaults, these eliminate 
factional inherited sizing issues in IE or firefox, i.e. fonts progressively getting smaller.

2) This code uses Fahrner Image Replacement for seo purposes - but could just as easily be converted to 
Leahy/Langridge Image Replacement or some comparable method as an accesibility upgrade.
http://www.stopdesign.com/articles/replace_text/

3) Usability tags such as <h2>Site Navigation</h2> will not appear if css is 
implemented - but if css fails to load, the site will still be usable.
--*/


/*broad strokes-----------------------*/

p {
	font-size: 1.0em;
	line-height: 1.4em;
}

h1 {
	font-size: 1.4em !important;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
}

body { 
	/*this font size is wrong, this was inserted to reverse bad editorial practice see notes above*/
	font-size: 0.8em;
	font-family: arial, helvetica, sans-serif;
	background: #EEE;
}
body p, body li {
	/*inserted to reverse body tag sizing as a result of editorial errors*/
	font-size: 1em !important;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul li {
	/* font-size: 0.8em;*/
}
ol {
	padding: 0 0 0 25px;
	float: left;
	margin: 0;
}
ol li { 
	font-size: 0.7em;
	color: #333;
	padding: 0 0 6px 0;
	line-height: 1.4em;
}
/*-get rid of the inherrited sizes for links-*/
p a {
	font-size: 1.0em;
}
p em {
	font-size: 1.0em;
}
a {
	text-decoration: underline;
	color: #333;
}
a:hover {
	color: #900 !important;
}
a:visited {
color: #666;
}
a img {border: none;}

div.defaultpad {
	padding: 6px;
	float: left;
}
.fahrner {display:none;}
span.bold {
	font-weight: bold;
}

/*--global styles--*/

/*--page structure--*/
div#center { 
margin: 0 auto 0 auto;
width: 800px;
}

table#framework { 
width: 800px;
border: 1px solid #CCC;
}

td#contentLeft {
padding: 10px;
width:180px;
vertical-align: top;
background: #FFF;
border-right: 1px solid #CCC;
}
td#contentMid{
padding: 10px;
width:370px;
vertical-align: top !important;
background: #FFF;
font-size: 1.0em;
}
td#contentRight{
padding: 10px;
width:190px;
vertical-align: top;
background: #FFF;
border-left: 1px solid #CCC;
}
div.row {
width: 100%;
padding: 8px 0 10px 0;
}
td#contentMid p, td#contentMid li{
font-size: 0.8em;
}
/*--genereal content formatting--*/
ul.contentlist, body td#contentMid ul{ 
list-style-image:url("../img/global-content-bullet.gif");
padding: 0 0 0 16px;
}
ul.contentlist li {
padding: 0 0 6px 0;
}
div.midsplit{
width: 49%;
float: left;
}
li.underlink { 
list-style-image: none;
padding: 0 0 6px 0;
}
img.cover {
padding: 0 0 0 8px;
}
img.button { 
padding: 0 0 0 0;
}
div.hbox{
padding: 4px 0 12px 0;
border-top: 7px solid #900;
border-bottom: 1px solid #CCC;
width: 100% !important;
}
div.center2col1 {
/*THIS WIDTH MAY NEED TUNING FOR IE 7*/
width: 178px;
padding: 0 5px 0 0;
float:left;
}
div.center2col2 {
/*THIS WIDTH MAY NEED TUNING FOR IE 7*/
width: 178px;
padding: 0 0 0 5px;
float:left;
}
/*in-house "ad" styles*/
div.houseAd{
border-top: 7px solid #900;
border-bottom: 1px solid #CCC;
width: 100%;
background: #EEE;
text-align: center;
margin-bottom: 10px;
}
/*two col type styles*/
div.center2col1 a, div.center2col2 a {
/*inserted to reverse body tag sizing as a result of editorial errors*/
font-size: 1em;
}
div.center2col1 h5, div.center2col2 h5 {
padding: 8px 0 0 0;
/*inserted to reverse body tag sizing as a result of editorial errors*/
font-size: 1em;
}
/*homepage news*/
table#news {
font-size: 0.8em;
}
table#news td { 
vertical-align: top;
/*inserted to reverse body tag sizing as a result of editorial errors*/
font-size: 1.2em;
}
/*--masthead--*/
td#masthead { 
width: 800px;
height: 133px;
background:url("../img/global-id.gif") 0 0 no-repeat;
border-bottom: 1px solid #CCC;
}
div#search {
position: relative;
width: 200px;
float: right;
padding: 20px 0 0 0;
font-size: 0.8em;
}
div#search form,div#search input {
margin: 0;
padding: 0;
}
a#logolink {
display: block;
width: 270px;
height: 80px;
float: left;
left: 30px;
position: relative;
}
div#search p { 
padding: 0 0 0 4px;
margin: 0 !important;
}
div#search img { 
padding: 6px 0 6px 4px;
}
/*--footer--*/
div#footer {
width: 800px;
text-align: center;
margin: 0 auto 0 auto;
padding: 10px 0 0 0;
font-size: 0.7em;
}
div#footer ul li { 
display: inline;
}
/*--Left navigation--*/
ul#leftnav{
list-style-image:url("../img/global-lnav-bullet.gif");
padding:0 0 0 18px;
}
td#contentLeft li { 
font-size: 0.8em;
}
img#century {
float: left;
padding: 0 6px 0 0;
display: block;
}
p#centcap { 
font-size: 0.7em;
display: block;
}
li.navltwo {
	margin: 0 0 0 15px;
	list-style-image:url("../img/global-content-bullet.gif");
	/*font-size: 0.7em !important;*/
}
li.navlthree {
	   margin: 0 0 0 30px;
	   /*font-size: 0.7em !important;*/
	  list-style-image: url("../img/global-list-bullet3.gif");
}

li.navlfour {
	   margin: 0 0 0 45px;
	   /*font-size: 0.7em !important;*/
	  list-style-image: url("../img/global-list-bullet4.gif");
}

/*--rightnav--*/
/*use bg image instead of list-style img to get bottom rules in and solve positioning issues in IE6*/
li#signup {
background:url("../img/global-icon-email.gif") 8px 50% no-repeat;
}
li#subscribe {

background:url("../img/global-icon-subscribe.gif") 8px 25% no-repeat;
}
li#rss {

background:url("../img/global-icon-rss.gif") 8px 50% no-repeat;
}

li#cite {
background:url("../img/global-icon-url.gif") 8px 50% no-repeat;
}

li#print {
background:url("../img/global-icon-print.gif") 8px 50% no-repeat;
}

li#email2 {
background:url("../img/global-icon-email2.gif") 8px 50% no-repeat;
}
div.hboxRt li{
font-size: 0.8em;
border-bottom: 1px solid #CCC;
padding: 6px 0 6px 30px;

}
div.hboxRt{
border-top: 7px solid #900;
width: 190px !important;
background: #EEE;
}

ul#articletool li {
	/*display: inline;*/
	font-size: 0.7em;
	font-weight: bold;

}
/*--heading styles--*/
div.heading {
padding: 4px 0 4px 0;
border-top: 7px solid #F90;
border-bottom: 1px solid #CCC;
width: 100% !important;
clear: all;

}
div.heading h3 { 
text-transform: uppercase;
color:#BB9;
font-weight: normal;
display: inline!important;
font-size: 1.5em;
}

h4.date{ 
display:inline!important;
color:#BB9;
font-weight: normal;
float: right;
font-size: 1.2em;
}
/*article formatting*/
div.article {
width: 100%;
padding: 8px 0 10px 0;
}
div.article p {
padding: 12px 0 0 0;
font-size: 0.7em !important;
line-height: 1.4em;
}
div.article h4 {color: #900;}
div.bio p {
font-size: 0.7em !important;
}

div.bio{
width: 100%;
padding: 14px 0 14px 0;
border-bottom: 1px solid #CCC;
}
div.bio img { 
border:1px solid #CCC;
float: left;
margin: 0 8px 4px 0;
}
div.bio strong { 
color:#900;
}
/*this is totally redundant styling, but collage is forcing use of h1 tags for titles 
and won't retian the heading divs so we have to humor it */
td#contentMid h1 { 
border-top: 7px solid #F90;
border-bottom: 1px solid #CCC;
width: 100% !important;
clear: all;
text-transform: uppercase;
color:#BB9;
font-weight: normal;
font-size: 1.2em;
padding: 4px 0 4px 0;
margin: 0 !important;
}

/*advertisement styles*/
td.topAdv { 
background: #FFF;
border-bottom: 1px solid #CCC;
text-align:center;
padding: 10px !important;
height: 50px;
}

td#contentMid p {
margin-bottom: 0.5em;

}