/* Many many thanks to glish.com */
body {
	margin:20px 20px 20px 20px;
	background-color: #eee;
	font-family: 'verdana','lucida sans', sans-serif;
	height: 99%;
	/*letter-spacing: 0.2pt;*/
	}

#main {
	border:1px solid #000; 
	background: url(is4.jpg) #ffffff no-repeat;
	margin: 0px 0px 0px 0px;
	height:99%;
	}
#sitetext {
	margin: 115px 5px 0px 153px;
	font-family: 'verdana','lucida sans', sans-serif;
	font-size: 12px;
	}
.box {
	border-left: 1px solid #ccc;
	border-right: 1px solid #888;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #888;
	background:#eee;
	text-align: left;
	/*margin-left:3px;
	margin-right: 3px;*/
	margin-top: 3px;
	margin-bottom: 3px;
	padding:8px;
	width: 90%;
	}
.boxwrap{
	margin: 0px;
	padding: 0px;
	text-align: center;
	}
.menufooter {
	margin: 0px 0px 0px 0px;
	}
.menuitem {
	text-align:right;
	width: 128px;
	float: right;
	background:transparent;
	font-size: 10px;
	font-family: 'verdana','lucida console', sans-serif;
	}
.menusubitem {
	text-align:right;
	width: 128px;
	float: right;
	background:transparent;
	font-size: 9px;
	font-family: 'verdana','lucida console', sans-serif;
	}
.menu_header {
	text-align:right;
	margin:2px 5px 2px 5px;
	font-family: 'verdana','lucida console', sans-serif;
	}
.menu_sub_header {
	text-align:right;
	margin:0px 5px 0px 5px;
	font-family: 'verdana','lucida console', sans-serif;
	}
.newsitem { /*main news surround */
	width:90%;
	margin:0px auto;
	text-align:left;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	background-color:#dfdfdf;
	}
.newstitle {
	font-size: 12px;
	font-family: 'verdana','lucida console', sans-serif;
	color: #333;
	font-weight: bold;
	padding: 2px;
	
	width: auto;
	}
.newsextras {
	font-size: 11px;
	padding: 2px;
	color: #333;
	font-family: 'verdana','lucida console', sans-serif;
	width: auto;
	}
.newsmaintext {
	padding: 5px;
	font-size: 11px;
	border-left: #888 dotted 1px;
	border-top: #888 dotted 1px;
	border-bottom: #bbb dotted 1px;
	border-right: #bbb dotted 1px;
	background-color:#efefef;
	margin: 2px;
	}

/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and 
Opera streches it half way. */
				
#main #menu {
	float:left;
	width:128px;
	margin:112px 25px 0px 0px;
	
	}
		
p,h1,pre {
	margin:0px 10px 10px 10px;
	}
		
h1 {
	font-size:14px;
	padding-top:10px;
	}
#menu p { font-size:10px}

#main .copyandfooter {
	font-size: 10px;
	text-align: right;
	color: #666;
	margin-bottom: 2px;
	margin: 2px;
	}
.copyandfooter a{
	color: #666;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
	}
.copyandfooter a:hover{
	color:#000;
	background-color: transparent;
}
#title h2 {
	font-size:18px;
	border-bottom:1px solid #000;
	border-right:10px solid #000;
	border-left:10px solid #000;
	margin-top:1px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	}
#main #title {
	background:url("sleek-titlebg.jpg");
	background-repeat:repeat-x;
	}
#title {
	padding:0px;
	border-bottom:1px solid #000;
	border-right:4px solid #bbb;
	border-left:4px solid #bbb;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:0px;
	width:100%; /* I have to specify a width for IE5 PC, or else it ignores the top-margin of the H1 element therein. But 100% is different in browsers without IE5x PC's broken box model, so I have to use the CSS2 selector trick to set the width to auto for those browsers*/
	voice-family: "\"}\"";
	voice-family: inherit;
	width:auto;
	}
.copyandfooter {
	padding:0px;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:0px;
	width:100%; /* I have to specify a width for IE5 PC, or else it ignores the top-margin of the H1 element therein. But 100% is different in browsers without IE5x PC's broken box model, so I have to use the CSS2 selector trick to set the width to auto for those browsers*/
	voice-family: "\"}\"";
	voice-family: inherit;
	width:auto;
	font-size: 11px;
	color: #666;
	background-color: transparent;
	}
html>body #title {
	width:auto;
	}
.menu_header a {
	text-decoration: none;
	color: #000000;
	}
.menu_sub_header a {
	text-decoration: none;
	color: #484848;
	}
.elementSurround {
	margin-top:5px;
	margin-bottom:5px;
	margin-left:0px;
	margin-right:0px; padding:0px;
	text-align:center;
	}
.element {
	width:90%;
	margin:0px auto;
	text-align:left;
	padding:0px;
	border:1px dotted #333;
	background-color:#eee;
}
.innerPad { /* Try to set padding on comment boxes */
	margin: 15px;
}
hr {
	border-top:1px dotted #333;
	border-bottom:none;
	border-right:none;
	border-left:none;
	margin:0px;
	padding: 0px;
	width: 95%;
	text-align:left;
}
.newsitem .element {
	border: 1px #999 solid;
	background-color: #ddd;
}
#sitetext a {
	color: #55b;
	background-color: transparent;
	text-decoration: none;
}
#sitetext a:hover {
	text-decoration: underline;
	color: #66e;
	background-color: transparent;
}
.newsdate {
	font-weight: bold;
	color: #999;
	background-color: transparent;
	/*padding-top: 15px;*/
	text-transform: uppercase;
	letter-spacing: 2pt;
	font-size: 10pt;
}
#sitetext .subtitle{
	font-weight: bold;
	color: #666;
	background-color: transparent;
	padding-top: 5px;
	margin-bottom: 2px;
	text-transform: uppercase;
	letter-spacing: 2pt;
	font-size: 14px;
	border-bottom:1px dotted #333;
	border-top:none;
	border-right:none;
	border-left:none;
	width: 98%;
}
.small {
	font-size: 10px;
}
.emph {
	font-weight: bold;
}