html,body
{
    margin:0;
    padding:0;
}

body
{
    font: 86% arial,sans-serif;
    min-width: 660px;
    line-height: 1.3em;
}

#left_column
{
    width: 150px;
}

#right_column
{
    width: 75px;
}

#center_column
{
}

table
{
    margin-top: 100px;
    .margin-top: 120px; /* IE 6 & 7 hack */
}

table tr
{
    vertical-align: top;
}

h1 
{
    color:#052F45;
    font-size:42px;
    font-weight:bold;
    letter-spacing:-1px;
    line-height:normal;
    margin:.25em;
    padding:0px;
}

h1 a 
{
	color:#FFFFFF;
}

h2 
{
    clear:left;
    color:#052F45;
    font-size:22px;
    font-weight:bold;
    margin:5px 0px 3px 0px;
    padding:0px 0px 0px 0px;
}

h3 
{
    color:#052F45;
    font-size:18px;
    font-weight:bold;
    margin:0px 0px;
    padding:0px 0px 0px 0px;
}

h3 a 
{
    background:#FFFFFF;
    color:#052F45;
}


#content
{
    margin-left: 20px;
}

#content hr
{
    margin: 2.5em 0em 2.5em 0em;
}

#content a 
{
    color: #000000;}

#content .date
{
    font-size:14px;
    color:#707070;
}

#navigation
{
}

#navigation ul hr 
{
    color: #000000;
    height:1px;
    border:none;
    border-bottom:solid 1px #000;
    clear: both;
    background:none;
    width:150px;
    margin-left:-21px;
}

#navigation ul 
{
    text-align:left;    
	list-style-type:none;
    margin-top:0px;
    margin-left:30px;
    padding:0px;
}

#navigation li 
{
    font: symbol;
    font-weight:bold;
    font-size:12px;
    margin:0px 0px;
    padding:0px;
    padding-left: 0px;
}

#navigation ul ul li
{
    padding-top: 5px;
}

#navigation #current
{
    list-style-type:disc;
}

#navigation li a 
{
    color:#000000;
    text-decoration:none;
}


#navigation li a:hover 
{
    color:#000000 ;
    text-decoration: underline;
}

div#footer
{
    margin-top:5em;
    text-align:center;
    font-size:11px;
    color:#606060;
}



#box
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 1em;
	padding: 0;
	text-align: left;
	width:97%;				/* <-- use this to tie width to viewport size */
	background-color: #000000;
	}
 	
#boxcontent
	{
	padding:0em 1em 1.5em 0em;
	}

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(shared/nw.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(shared/ne.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(shared/sw.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(shared/se.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(shared/north.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(shared/south.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(shared/east.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-color: white;                 /* <-- this becomes the box background color */
	background-image:url(shared/west.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
 