br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
.hide	{ display: none !important; }

h1, h2, h3, h5, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */

body	{
	font-family: Verdana, Arial, sans-serif;
	font-size: 62.5%;
	background: #f0f0f0 url(../images/bg-grad.gif) repeat-x top left;
	text-align: center;
}

a	{
}

a:hover	{
}


#wrapper	{
	width: 975px;	
	margin: auto;
	text-align: left;
}

#header	{
	height: 109px;
	padding: 204px 25px 25px 85px;
	background: url(../images/header-bg-tree.jpg) no-repeat top left;
	color: #4e4e4e;
}

#header p	{
	width: 515px;
	font-size: 1.4em;
	margin-bottom: 10px;
	line-height: 1.4em;
}

#content-outer	{
	background: url(../images/trans-tile.png);
}

#content-inner	{
	margin-left: 10px;
	margin-right: 7px;
	background-color: #fff;
	width: 958px;
}

#table-head	{
	background: url(../images/tabletop.gif) no-repeat bottom left;
	height: 25px;
	margin-left: 7px;
}

#table-wrap	{
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	margin-left: 7px;
	margin-right: 5px;
	width: 945px;
}

#tablefoot	{
	background: url(../images/tablefoot.gif) no-repeat top left;
	height: 22px;
	margin-left: 7px;
}


div.content	{
	font-size: 1.1em;
}

div.content h3	{
	font-size: 1.4em;
	margin-bottom: 10px;
	font-weight: bold;
}

div.content p	{
	margin-bottom: 10px;
}

div.content a	{
	color: #185ba2;
	text-decoration: underline;
}

div.content a:hover	{
	color: #78b2ef;
}

#warning	{
	width: 563px;
	float: left;
	padding-left: 12px;
	margin-top: 20px;
}

#lcg-logo	{
	background: url(../images/lcg-logo.gif) no-repeat top left;
	width: 242px;
	height: 26px;
	float: right;
	text-indent: -9999px;
	overflow: hidden;
	margin: 12px;
}

#support-panel	{
	width: 283px;
	height: 125px;
	padding: 42px 6px 6px 60px;
	background: url(../images/customer-support-bg.jpg) no-repeat top left;
	float: right;
	margin-right: 12px;
	margin-bottom: 20px;
}

#support-panel ul li	{
	display: block;
	background: url(../images/bullet.gif) no-repeat left center;
	padding-left: 20px;
	margin-bottom: 3px;
}

#support-panel ul li span.day	{
	width: 130px;
	display: inline-block;
	font-weight: bold;
	color: #333;
}

#footer	{
	background: url(../images/footer-bg.jpg) no-repeat 1px 0;
	height: 67px;
}

a#support	{
	float: left;
	display: block;
	width: 204px;
	height: 28px;
	position: relative;
	left: 307px;
	top: 26px;
	text-indent: -9999px;
	overflow: hidden;
}

a#website	{
	float: left;
	display: block;
	width: 204px;
	height: 28px;
	position: relative;
	left: 322px;
	top: 26px;
	text-indent: -9999px;
	overflow: hidden;
}

#legal	{
	margin-left: 8px;
	margin-right: 6px;
	padding-top: 12px;
	padding-bottom: 12px;	
	color: #333333;
	font-size: 0.9em;
	text-align: center;
}