body {
	background: #e5e5e5 url(../img/bg.png) repeat-x center top;
	color: #4c4c4c;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align: center;
}

div, img, p, ul, .img { margin: 0; padding: 0; border: 0; }

a { color: #28176F; text-decoration: none; }
a:hover { color: #000000; text-decoration: underline; }

h1, h2, h3, h4, h5 { margin: 0; padding: 0; font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; color: #28176F; font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a { border: 0; }
h1 { font-size: 24px; margin-bottom: 15px; color: #28176F; }
h2 { font-size: 16px; margin-bottom: 10px; }
h3 { font-size: 14px; margin-bottom: 15px; }
h4 { font-size: 13px; margin-bottom: 15px; }
h5 { font-size: 12px; margin-bottom: 15px; }

p { margin: 5px 0 10px 0; text-align: left; }
ul { margin: 5px 0 20px 35px; list-style-position: outside; }
ul li { list-style-image: url(img/li.png); padding-left: 0px; line-height: 20px; }

#bglight { background: url(../img/bglight.png) no-repeat center top; color: #4c4c4c; }
#container { width: 980px; margin: 0 auto; text-align: left; background: url(../img/bgmain.png) repeat-y center top; }
#header { height: 65px; position: relative; background: #ffffff url(../img/bgtop.png) no-repeat center bottom; color: #4c4c4c; }
#logo { position: absolute; top: 14px; left: 30px; }
#call { position: absolute; top: 14px; right: 30px; font-size: 24px; }

#belt { height: 49px; background: url(../img/bgmenu.png) repeat-x center top; }
#menu { float: left; margin: 0 0 0 20px; padding: 0; }
#menu li { display: inline; list-style: none; margin: 0; padding: 0; }
#menu li a { float: left; height: 50px; line-height: 50px; color: #ffffff; text-shadow: rgba(0, 0, 0, 0.6) 1px 1px 1px; padding: 0 20px; font-size: 15px; font-weight: normal; }
#menu li a:hover { color: #e0e0e0; text-decoration: underline; }

/*R Kazal supplied this file with text-align center here which was breaking the flash in ie7 - obviously untested */
#mid { height: 300px; background: #ffffff url(../img/bgflash.png) no-repeat center top; position: relative; text-align: left;}

#flash { position: absolute; top: 0px; }

#content { padding: 20px 30px 10px 30px; background: url(../img/bgcont.png) no-repeat center top; min-height: 300px; text-align: center; }
#lcol { float: left; width: 270px; text-align: left; }


#rcol { float: right; width: 630px; text-align: left; }
#footer { height: 150px; background: #E5E5E5 url(../img/bgfoot.png) repeat-x center top; color: #ffffff; position: relative; }
#footer a { color: #7f7f7f; }
#footer a:hover { color: #4c4c4c; }
#footlogo { position: absolute; left: 30px; top: 40px; }
#address { position: absolute; right: 30px; top: 30px; text-align: right; text-shadow: #666666 1px 1px 0px; }
#copy { position: absolute; left: 30px; top: 98px; color: #7f7f7f; }
#terms { position: absolute; right: 30px; top: 98px; color: #7f7f7f; }

/* to fix rendering issues caused by the log in module on left - ie7/chrome, subsequent margin and padding on all child elements will need !important*/
#lcol *
{
margin: 0 ;
padding: 0 ;
}

h2.hmenuleft {
    background: url("../img/bghleft.png") no-repeat scroll center top transparent;
    color: #FFFFFF;
    height: 39px;
    line-height: 39px;
    overflow: hidden;
    padding: 0 15px !important;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.7);
}

.hmenuleft img {
	text-align: center;
	vertical-align: middle;
	}
	
.menuleft {
	background: #E5E5E5 url(../img/bgmenut.png) repeat-x center top;
	margin-bottom: 10px !important;
	}
	
.menuleft ul {
	 margin: 0px;
	 padding: 0 0 10px 0 !important;
	 background: url(../img/bgmenul.png) no-repeat center bottom;
	 list-style: none;
	 list-style-image: none;
	 border-bottom: 1px solid #ffffff;
	 }

#login.menuleft li {
	height: 70px;
	}
	 
.menuleft li {
	height: 30px;
	padding: 0 20px 0 40px !important;
	line-height: 25px;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #ffffff;
	font-size: 14px;
	background: url(../img/li.png) no-repeat 20px 50%;
	list-style-image: none;
	}
.menuleft li.small {
height: 50px; text-align: right; background: none !important;
}
.menuleft li.small #submit{
margin-top: 5px; background: #210872; border-color: #333; padding: 5px; color: #fff; font-size: 12pt; font-weight: bold; border-radius: 10px;
}
.menuleft li .label
{
clear:both;
}
.btns { margin: 15px 0; }
.btns .btn { float: left; width: 120px; height: 130px; margin: 0 10px 10px 0; background: url(../img/btn_clear.png) no-repeat center top; position: relative; text-align: center; }
.btns .btn span { display: block; width: 100%; position: absolute; bottom: 0px; left: 0px; line-height: 30px; color: #ffffff; text-shadow: #666666 1px 1px; }

.margr { margin-right: 20px; }

.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }

.tleft { text-align: left; }
.tcenter { text-align: center; }
.tright { text-align: right; }