/*** DEFINED HTML TAGS **********************************************************************************/

html, body, input, select, textarea {
	font: 11px/1.4em "Lucida Grande", Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #3C3A30;
}

html, body {
	margin: 0;
	padding: 0;
	border: none;
	background-color: #fff;
	background-repeat: repeat-x;
	text-align: center; /* IE5 fix */
}

body.home {
	background-image: url(http://www.di.net/images/bg_home.gif);
}

body.article {
	background-image: url(http://www.di.net/images/bg_article.gif);
}

#headline {
	padding-right: 3em;
}

h1, 
#headline strong,
#headline h1 a {
	display: block;
	font: 20px/1.25em Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #EE3030;
	margin-top: 0px;
	margin-bottom: 8px;
}

h2 {
	font: 17px/1.25em Georgia, "Times New Roman", Times, serif;
	color: black;
	font-weight: normal;
	margin-bottom: 8px;
}

h3 {
	font: 14px/1.25em Georgia, "Times New Roman", Times, serif;
	color: black;
	font-weight: normal;
	margin-bottom: 8px;
	padding-bottom: 3px;
	margin-top: 20px;
	border-bottom: 1px solid #cccccc; 
}

h4 {
	color: #999;
	xcolor: #92ab1e;
	xfont-family: Georgia;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 0;
	margin-bottom: 0;
}

h4 a {
	color: #aaa;
	text-decoration: none;
}

h4 a:hover {
	text-decoration: underline;
	color: black;
}

h4.toplabel {
	padding-bottom: 18px;
}

img {
	border: none;
}

form {
	margin: 0;
	padding: 0;
}

input.submit {
	color: #444444;
	padding-left: 3px;
	padding-right: 3px;
}

input.textfield {
	width: 123px;
	margin-right: 3px;
	background-color: white;
	border: 1px solid #D7E4D1;
	padding: 2px; 
}

.bodycopy ol, .bodycopy ul {
	padding-left: 0;
	margin-left: 0;
}

.bodycopy ol li, .bodycopy ul li {
	list-style-position: outside;
	margin-left: 1.4em;
	margin-bottom: 1em;
}

.bodycopy ol li {
	list-style-type: decimal;
}

.bodycopy ul li {
	list-style-type: square;
}

.bodycopy h4 {
	margin-bottom: 10px;
}

/*** LAYOUT ********************************************************************************************/

#topline {
	background-color: black;
	height: 4px;
	width: 100%;
	font-size: 1px;
}

#centerpage { 					/* center page in browser window */
	margin: 0 auto 25px auto;
	width: 934px; 
	width: 898px; 
	text-align: left; /* IE5 fix */
}

#left {
	width: 247px;
	float: left;
}

#middle {
	padding: 15px 3px 0 3px;
	width: 461px;
	width: 497px;
	float: left;
}

#middle .indent, #discussion h4, #copyright {
	padding: 0 18px 0 18px;
}

#right {
	width: 148px;
	float: left;
}


/*** MODULES *******************************************************************************************/

#left img, #right img {		/* standard spacing between image modules */
	margin-bottom: 3px;
	margin-top: 0;
	display: block;
}

#left div.textmodule, #left div.sidebar, #left div.textmodulelong, #left div.authorbox {				/* indented text module in left column */
	padding: 12px 10px 15px 15px;
	margin-bottom: 3px;
	font-size: 11px;
	color: #667;
}

#left div.textmodule {
	height: 119px;
}

#left div.authorbox {
	min-height: 120px;
}

#left div.textmodule h4, #left div.sidebar h4, #left div.textmodulelong h4, #left div.authorbox h4 {
	margin-bottom: 6px;
}

#left h4.articles {
	margin-bottom: 0px;
}

#left div.sidebar, #left div.authorbox {
	color: black;
	color: #3C3A30;
	background-color: #FFF9CE;
	xmin-height: 119px;
}

#right div.dwr_right_module {
	width: 136px;
	height: 137px; 
	margin-bottom: 3px;
	background-color: black;
	padding-left: 12px;
	padding-top: 10px;
}

#right div.dwr_right_module img {
	margin: 0;
	border: 0;
	background-color: white;
}

/*** ARTICLE TOOLS MODULE ****************************************************************************/

ul#tools {
	list-style-type: none;
	margin: 23px 0 23px 0;	
	padding: 0;
	width: 148px;
	height: 107px;
}

ul#tools li {
	display: block;
	border-bottom: 1px dotted #bbbbbb;
	padding: 5px 0 5px 0;
	margin: 0;
}

ul#tools li img {
	float: left;
	margin-top: 0px;
	margin-right: 7px;
}

span.numposts, a.numposts, ul.nav li a.numposts, ul.nav li a strong span {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #A9A37C;
	font-size: 11px;
	text-decoration: none;
}

a.numposts:hover, ul.nav li a.numposts:hover {
	text-decoration: underline;
	color: #5D5839;
}

ul#tools a {
	font-size: 10px;
	color: #5D5839;
	text-decoration: none;
}

ul#tools a:hover {
	color: black;
	text-decoration: underline;
}

/*** NAVBAR *****************************************************************************************/

#navbar {
	height: 60px;
	color: #aaa;
}

#navbar a {
	font-weight: bold;
	color: black;
	text-decoration: none;
	padding-bottom: 2px;
	font-size: 11px; 
}

#navbar span {
	margin-left: 3px;
	margin-right: 3px;
}

#navbar a:hover {
	border-bottom: 1px dotted #999; 
	background-color: white;
}

* html #navbar a:hover { 
	/* IE on PC shows dashed instead of dotted, so just make it solid instead */
	border-bottom: 1px solid #ccc;	
}

#navbar a:active {
	color: white;
	background-color: #FCDE29;
}

#navbar a strong,
#navbar a.on {
	padding-bottom: 2px;
	border-bottom: 1px dotted #777; 
}

* html #navbar a strong,
* html #navbar a.on {
	border-bottom: 1px solid #ccc;
}

/*** HEADLINE *************************************************************************************/

#headline {
	height: 84px;
	margin-right: 20px;
	font-size: 12px;
	line-height: 1.4em;
}

#headline.home {
	height: 148px;
}

#headline strong {
	/* defined with h1 in the redefined html tags above */
}

#headline a {
	text-decoration: none;
	color: #3C3A30;
}

#headline a:hover {
	color: black;
}

#headline a:hover strong {
	font-weight: normal;
	text-decoration: underline;
}

/*** CONTENT AND BODYCOPY ************************************************************************/

#content {
	xmargin-top: 18px;
	xmargin-bottom: 18px;
	/* min-height: 459px; */
}

p {
	xmargin: 8px 12px 8px 0;
	margin: 1em 0;
	line-height: 1.4em;
}

#content .bodycopy {
	margin-right: 25px;
}

#content .bodycopy a, #left div.sidebar a, #left div.authorbox a, #discussion a {
	color: #EE3030;
	color: green;
	color: #5D5839;
	text-decoration: underline;
}

#content .dim {
	color: #999;
}

/*** ARTICLE LIST *****************************************************************************/

ul.nav {
	list-style-type: none;
	margin: 1em 0;
	padding: 0;
}

ul.nav li {
	display: block;
	list-style-type: none;
	border-bottom: 1px dotted #cccccc;
	xpadding: 9px 20px 9px 0;
	margin: 0;
	margin: 1em 0;
	/* min-height: 42px; */
}

#left ul.nav li {
	xpadding-bottom: 6px;
}

/*
* html ul.nav li {
	border-bottom: 1px solid #ddd;
}
*/

ul.nav li a {
	color: #555;
	text-decoration: none;
}

ul.nav li a strong {
	display: block;
	font-size: 13px; 
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	font-weight: normal;
	color: #5F5A43;
	margin-bottom: 2px;
}

ul.nav li a span {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #777777;
	text-decoration: none;
}

ul.nav li a strong span {
}

#left ul.nav li a strong {
	font-size: 12px;
	line-height: 1.3em;
}

ul.nav a:hover {
	color: #333;
}

ul.nav a:hover strong, ul.nav li a.on strong {
	color: black;
	font-weight: normal;
	text-decoration: underline;
}

ul.nav ul {
	list-style-type: none;
	margin: 0;
	xpadding: 9px 20px 9px 0;

}

ul.nav ul li {
	list-style-type: none;
	margin: 0;

}

ul.nav li img {
	/* mostly for discussion image icon */
	margin-bottom: -1px;
	border: none;
}


/*** SEARCHBOX ********************************************************************************/

#searchbox {
	width: 148px;
	height: 41px;
	background-color: #CCC7A5;
}

#searchbox_fields {
	padding-left: 10px;
	padding-top: 10px;
}

#searchbox_fields #searchfield {
	width: 90px;
	float: left;
	margin-right: 3px;
	background-color: white;
	border: 1px solid #D7E4D1;
	padding: 2px; 
}

#searchbox_fields input.submit {
	width: 30px;
}

/*** DISCUSSION ********************************************************************************/

#discussion {
        margin: 10px 0 10px 0;
}

#discussion h4 {
	margin-bottom: 12px;
	padding-right: 15px;
}


#discussion .message, #discussion #post {
        background-color: #DDF6D5;
	background-color: #ECFCE6;
        padding: 14px 25px 16px 18px; 
	margin-bottom: 3px;
	min-height: 117px;
        color: #4E6940;
}


#discussion .header {
	margin-bottom: 5px;
}

#discussion strong {
	font-size: 10px;
        font-weight: bold;
        color: #394433;
}

#discussion em {
	color: #7EA073;
	font-size: 9px;
	font-style: normal;
}

#discussion #post {
	background-color: white;
	background-color: #F0FEED;
	background-color: #DDF6D5;
	height: 117px;
	/*
	padding-bottom: 14px;
	padding-right: 18px;
	*/
}

#discussion #post textarea, #discussion #post .entry {
	background-color: #F8FDF7;
	background-color: white;
	border: 1px solid #D7E4D1;
	margin-bottom: 5px;
	margin-right: 2px;
	padding: 2px;
}

/*
#discussion #post .submit {
	margin: 0;
	margin-bottom: 5px;
	display: inline;
}
*/

#discussion #post textarea {
	width: 430px;
	height: 60px;
}

#discuss_viewref {
	margin-bottom: -8px;

}

/*** CONTACT **********************************************************************************/

#contactform {
	margin-top: 12px;
}

#contactform input.entry, #contactform select, #contactform textarea {
	width: 430px;
}

#contactform textarea {
	height: 147px;

}

/*** FOOTER ***********************************************************************************/

#footerline {
	clear: both;
	width: 898px;
	height: 4px;
	font-size: 1px;
	background-color: #CCC7A5;	
}

#copyright {
	padding-bottom: 12px;
	font-size: 10px;
	color: #aaa;
	background-repeat: repeat-y;
	background-image: url(http://www.servsecure.net/spacer.gif); 
	background-position: top left;
	
}

#rcd {
	margin: 12px 0 0 268px;
	font-size: 9px;
	color: #bbb;
}

#rcd img {
	margin-bottom: -3px;
}

/*** DATA TABLES ******************************************************************************/

table.data {
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: white;
	font: 9px/1.2em "Lucida Grande", Arial, Verdana, sans-serif;
}

table.data tr td {
	padding: 2px;
	margin: 0;
}

table.data tr.head td {
	background-color: #FCDE29;
}

table.data tr.even td {
	background-color: #dddddd;
}

table.data td.nowrap {
	white-space: nowrap;
}