/*SHORTHAND SYNTAX margin: margin-top | margin-right | margin-bottom | margin-left */

a:link,a:active,a:visited {
text-decoration:none;
color:#707070;
}

a:hover {
text-decoration:none;
color : #B8B8B8;
}

body {
	background: #CCCCCC;
	font-family: Verdana; 
	font-size: 101%; 
	color: #000;
	text-align: center; /* Hack to center the wrapper in IE5.x pc */
margin: 0; /* zeroes the margins on the body */
padding: 0; /* zeroes the padding on the body ~ Opera carries a default padding and requires this zeroing */
border: 0; /* zeroes off any existing border */
min-width: 750px; /* Prevents the body becoming narrower than our wrapper div - keeps the content from disappearing off the left edge with Gecko browsers */
}

#container { 
	width: 750px;
	background: #d8d2b8 url('../images/leftspacer1.gif') repeat-y;
  	text-align:left;
	position: relative;
	border: 1px solid #000;
	font-size: .8em;
	margin: 5px auto;/* centers the wrapper. First value - 5px - is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
	margin-top:15px;
}

/* TOP BANNER  ********************************************************************* */
#banner{
	height: 197px;
	background-image:url('../images/banner01.jpg');
	background-repeat: no-repeat;
	position: relative;
}

#date{
	position:absolute;
	right:0%;
	padding-right:5px;
	font-weight: bold;
	font-size:8pt;
}

#bannerlinks{
	position:absolute;
	right:0%;
	top:164px;
	color:white;
	font-size: 8pt;
	font-family:Arial;
	font-weight:600;
	padding-right:10px;
	
}
#bannerlinks a:link,a:active,a:visited {
text-decoration:none;
color:white;
}

#bannerlinks a:visited {
text-decoration:none;
color:white;
}

#bannerlinks a:hover {
text-decoration:none;
color : #B8B8B8;
}

.floatleft {float:left}
.floatright {float:right}

/* LEFT SIDE  ************************************************************************ */
#leftside {
	float: left;
	top: 197px; /* this is the spacing from the top of the container div */
	width: 198px; /* sets a width for the div - Imperative for IE mac */
}

/* MIDDLE of MIDDLE ******************************************************************* */
#middle {
	margin-left: 198px;
	width: 544px;
	height: 364px;
}

#middle a:link,a:active,a:visited {
text-decoration:none;
color:#707070;
}
#middle a:hover {
text-decoration:none;
color : #B8B8B8;
}
/* MIDDLE - TOP HALF ******************************************************************* */
#middle .midtop {
	position:relative;
	width:541px;
	height:182px;
	margin-bottom:10px;
}

#middle .midtop .midtop_thumbnail{
	float:left;
	margin-right:10px;
}

#middle .midtop .midtop_titlebox{
	float:right;
	width:434px;
	margin-right:5px;
	margin-top:35px;
	margin-bottom:5px;
	border-bottom:2px solid;
}

#middle .midtop .midtop_titletext{
	float:left;
	font-family:Georgia;
	font-weight: bold;
	font-size:14px;
}


/* MIDDLE - BOTTOM HALF ******************************************************************* */
#middle .botbox{
	float:left;
	width:179px;
	margin-top:5px;
}

#middle .bxtitle{
	width:179px;
	height:50px;
	margin-bottom:5px;
	font-family:Georgia;
	font-weight: bold;
	font-size:12px;
}
#middle .bxtitle img{
	float:left
}
#middle .bxtitle .bxtop{
	width:119px;
	margin-left:54px;
	text-align:center;
	padding-top:9px;
}

#middle .bxtitle .bxbot{
	width:119px;
	margin-left:54px;
	text-align:center;
	border-top: 2px solid;
}

#middle .bxtext{
	padding-right:5px;
	padding-left:5px;
}

/*  FOOTER      ************************************************************************ */
#footer {
	padding: 10px 0px 10px 0px;
	width: 748px;
	font-size: .60em;
	text-align: center;
}