/* ---[ Main Templete ]------------------------------- */
@import "nav.css";
body{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#59595A;
	background:url(../../images/tpl_main/bg.gif);
}
#site{
	width:750px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
}
#headercontainer{
	width:750px;
	height:91px;
	background:url(../../images/tpl_main/header.gif);
	background-repeat:no-repeat;
	background-color:#ffffff;
}
#logo{
	float:left;
	position:relative;
	left:38px;
	top:19px;
	width:242px;
	height:62px;
}
#headerbox{
	float:left;
	clear:right;
	position:relative;
	top:47px;
	text-align:right;
	width:470px;
	height:44px;
}
#navcontainer{
	position:relative;
	z-index:100;
	width:750px;
	height:26px;
	text-align:center;
	background:url(../../images/tpl_main/navbg.jpg);
}
#menubarcontainer{
	width:740px;
	margin-left:auto;
	margin-right:auto;
}
#main_banner{
	width:750px;
	height:290px;
	background:url(../../images/tpl_main/main_banner.jpg);
}
#footer{
	width:750px;
	height:7px;
	margin-bottom:15px;
	background:url(../../images/tpl_main/footer.gif);
	background-repeat:no-repeat;
	overflow:hidden;
}

/* ---[ content areas ]------------------------------- */
#content100{
	width:720px; /* -30 px for the padding */
	height:auto;
	padding:15px 15px 15px 15px;
}
#content66{
	float:left;
	width:415px; /* -15 px for the left padding */
	height:auto;
	padding:0px 0px 0px 15px;
}
#modulecontainer{
	float:left;
	clear:right;
}
.modulebox{
	width:274px; /* 320 space. -30... 15px margin each side, -2 for left and right border -7 padding each side*/
	height:auto;
	margin:0px 15px 0px 15px;
	padding:7px;
	border:1px solid #E4E4E4;
}
#mainbanner{
	width:750px;
	height:290px;
	background:url(../../images/tpl_main/main_banner.jpg);
}
#bannermodule{
	position:relative;
	left:0px;
	width:156px;
	height:262px;
	padding:8px;
	font-size:11px;
	background-color: #E3E3E3;
}
#bannermodule div.header1{
	font-size:17px;
	color:#0071FF;
	text-align:center;
}
#bannermodule div.header2{
	font-size:21px;
	color:#0071FF;
	text-align:center;
}


/* ---[ insidepages layout ]------------------------------- */
#incontenttop{
	width:750px;
	height:12px;
	background:url(../../images/tpl_main/incontent_top.gif);
	background-repeat:no-repeat;
	overflow:hidden;
}
#incontentmid{
	position:relative;
	left: 36px; /*added*/
	width:691px; /* changed to 691 from 750 */
	height:auto;  /* changed to auto from 670 */
	/* deleted: background:url(../../images/tpl_main/incontent_mid.gif); */
}
#incontentbtm{
	width:750px;
	height:14px;
	background:url(../../images/tpl_main/incontent_btm.gif);
	background-repeat:no-repeat;
}
#contentscroll{
	position:absolute;
	top:-11px;
	left:36px;
	width:691px; /*changed back to 691 from 660 */
	height:auto; /*changed to auto from 683 */
	overflow:auto;
}
#contentscrollinside{
	position:absolute;
	width:660px; /* -13 for right space of 13.*/
	height:auto;
	margin-right:13px;
}
#contentnewbodybox{
	position:absolute;
	top:-11px;
	left:36px;
	width:691px;
	height:auto;
}
#contentnewbodyinside{
	position:absolute;
	width:660px; /* -13 for right space of 13.*/
	margin-right:13px;
}
#content2main{
	float:left;
	width:515px;
	padding:7px;
	border-right:1px solid #E4E4E4;
}
#content2right{
	float:left;
	clear:right;
	width:130px;
	height:auto;
}
.modulebox3{ /* module box for 2 column inside pages */
	width:116px;
	height:auto;
	margin:0px;
	padding:7px;
	border-bottom:1px solid #E4E4E4;
}
#content3left{
	float:left;
	width:130px;
	height:auto;
}
#content3mid{
	float:left;
	width:384px;
	padding:7px;
	border-left:1px solid #E4E4E4;
	border-right:1px solid #E4E4E4;
}
#content3right{
	float:left;
	clear:right;
	width:130px;
	height:auto;
}
.modulebox2{ /* module box for 3 column inside pages */
	width:116px;
	height:auto;
	margin:0px;
	padding:7px;
	border-bottom:1px solid #E4E4E4;
}


/* ---[ mainnavigation ]------------------------------- */
a:link, a:visited{
	color:#2A58A0;
}
a:hover, a:active{
	color:#009CFF;
}

/* ---[ labels and boxes ]------------------------------- */
label{
	width:200px;
	float:left;
	text-align:right;
	margin-right:5px;
	display:block;
}
label.main_image{
	width:180px;
	height:auto;
	padding:0px 0px 5px 0px;
}
.box415px{
	float:left;
	clear:both;
	width:415px;
}
.box270px{
	width:273px;
}
.boxinfo{
	float:left;
	clear:right;
	width:230px;
}
.boxinfomain{
	float:left;
	clear:right;
	width:230px;
	padding:2px 0px 5px 0px;
}
.box100{
	float:left;
	clear:both;
	width:100%;
	height:auto;
}
.box50{
	float:left;
	width:50%;
	height:auto;
}
.box33{
	float:left;
	width:33%;
	height:auto;
}
.box67{
	float:left;
	width:67%;
	height:auto;
}

/* ---[ misc items ]------------------------------- */
a{
	outline:none;
}
p{
	margin:0px 0px 15px 0px;
}
img{
	border:0px;
}
form{
	margin:0px;
	padding:0px;
}
input{
	height:18px;
	margin:0px 0px 6px 0px;
	padding:0px 0px 0px 0px;
	border:1px solid #000000;
	outline:none;
}
select{
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	border:1px solid #000000;
}
.input_button{
	height:21px;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	border:1px solid #000000;
}
.first{
	clear:left;
}
.last{
	clear:right;
}
.sitewidth{
	float:left;
	clear:both;
	width:658px;
	height:10px;
	background-color:red;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.wrap{
	float:left;
	padding:0px 8px 0px 0px;
}

/* ---[ Headers ]------------------------------- */
h1{ /* Biggest, for page names */
	margin:12px 0px 12px 0px;
	font-size:18px;
	color:#144888;
}
h1.article{
	font-size:13px;
	margin:0px;
	padding:0px;
}
h2{ /* Biggest, main headers in the page*/
	margin:12px 0px 12px 0px;
	font-size:18px;
	color:#333333;
}
h3{ /* Paragraph Headers - subheaders under main */
	margin:12px 0px 12px 0px;
	font-size:14px;
	color:#333333;
}

/* ---[ Headers: Messages ]------------------------------- */
h4{
	margin:12px 0px 12px 0px;
	font-size:12px;
	font-weight:bold;
	color:blue;
}
/* ---[ Headers: Errors ]------------------------------- */
h5{
	margin:12px 0px 12px 0px;
	font-size:12px;
	font-weight:bold;
	color:red;
}
/* ---[ Footer Font ]------------------------------- */
#footercontainer{
	clear:left;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:11px;
	margin:8px 0px 0px 0px;
}
#footercontainer a{
	text-decoration:none;
}
#footercontainer a:link, #footercontainer a:visited{
	color:#59595A;
}
#footercontainer a:hover, #footercontainer a:active{
	color:blue;
}
h6{
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	text-align:center;
	font-size:9px;
	font-weight:normal;
	clear:both;
}
h6 a:link, h6 a:visited{
	color:#59595A;
}
h6 a:hover, h6 a:active{
	color:blue;
}

/* ---[ article display ]------------------------------- */
#arthead{
	width:660px;
	height:110px;
}
#artheadleft{
	float:left;
	width:30px;
}
#artheadmid{
	float:left;
	width:600px;
	text-align:center;
}
#artheadright{
	float:left;
	clear:right;
	width:30px;
}
#arthead h1{
	margin:0px 0px 8px 0px;
	font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size:18px;
	color:#59595A;
	font-weight:100;
}
#arthead h2{
	margin:0px 0px 8px 0px;
	font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size:16px;
	color:#59595A;
	font-weight:100;
}
span.art_author a:link, span.art_author a:visited{
	color:#003876;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	margin:0px 0px 8px 0px;
}
span.art_author a:hover, span.art_author a:active{
	color:#003876;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	margin:0px 0px 8px 0px;
}
#pullquote{
	font-size:14px;
	font-weight:bold;
	color:#003876;
	position:relative;
	float:right;
	width:154px;
	padding:0px 8px 8px 8px;
}
#related_rate_art{
	width:234px;
	height:20px;
	border:1px solid #C7C7C7;
	background-color:#F2F2F2;
}
#related_rate_art a:link, #related_rate_art a:visited{
	color:#59595A;
	font-size:12px;
	text-decoration:none;
}
#related_rate_art a:hover, #related_rate_art a:active{
	color:#59595A;
	font-size:12px;
	text-decoration:none;
}
#related_rate_art a{
	display:block;
	float:left;
}
#ratethearticle{
	margin:14px 0px 0px 0px;
	padding:2px 0px 3px 3px;
	width:auto;
	height:auto;
	border:1px solid #C7C7C7;
	background-color:#F2F2F2;
}
a.artico{
	padding:3px 0px 0px 5px
}
#article_permission{
	padding:8px;
	background-color:#F2F2F2;
	border:1px solid #C7C7C7;
}

/* ---[ special items ]------------------------------- */
.tableborder{
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	border-collapse: collapse;
}
table.tableborder td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	-moz-border-radius: 0px 0px 0px 0px;
}
form.inline{
	display:inline;
}
#search input{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#search input.box{height:18px;
	margin:0px 0px 1px 0px;
	padding:0px 0px 0px 0px;
}
#search input.btn{height:23px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#loginout{margin:0px 0px 3px 0px;}
.home_art_data{
	float:left;
	clear:both;
	width:100%;
	height:auto;
	margin:0px 0px 8px 0px;
}
#home_archive_title{
	float:left;
	clear:both;
	width:409px;
	padding:3px 3px 3px 3px;
	color:#ffffff;
	background-color:#2A58A0;
}
#home_archive_container{
	float:left;
	clear:both;
	width:399px;
	height:auto;
	margin:0px 0px 8px 0px;
	padding:7px;
	border:1px solid #2A58A0;
}
.mainmoddate{
	font-size:10px;
}

/* ---[ lists spacers ]------------------------------- */
#articledisplaylist{line-height:18px;}
#authindexlist{line-height:18px;}
#authorbiolist{line-height:18px;}
#bookindexlist{line-height:18px;}
#chronindexlist{line-height:18px;}
#chronolist{line-height:18px;}
#articleindexlist{line-height:18px;}
#searchresultslist{line-height:18px;}