/* CSS Document */

BODY {
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica
}
TD {
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica
}
TH {
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica
}
BODY {
	BACKGROUND-POSITION: center 50%; BACKGROUND-IMAGE: url(images/bgimage.gif); MARGIN: 0px; COLOR: #333333; BACKGROUND-REPEAT: repeat-y; BACKGROUND-COLOR: #E6E6E6; TEXT-ALIGN: center
}
.pad {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
A {
	COLOR: #7e93d9; TEXT-DECORATION: underline
}
.clearer {
	CLEAR: both; FONT-SIZE: 0px; LINE-HEIGHT: 0px
}
#footerlogos {
	DISPLAY: inline; LEFT: 9px; FLOAT: left; POSITION: absolute; TOP: 23px; HEIGHT: 52px
}
#footerspace {
	CLEAR: both; FONT-SIZE: 10px; HEIGHT: 10px
}
#footer {
	CLEAR: both; PADDING-RIGHT: 0px; BORDER-TOP: #ccced5 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 10px; PADDING-BOTTOM: 10px; WIDTH: 774px; COLOR: #ccced5; PADDING-TOP: 10px; POSITION: relative; HEIGHT: 60px; TEXT-ALIGN: center
}
#footer .text {
	DISPLAY: block; MARGIN: 0px auto; WIDTH: 500px
}
#footer A {
	COLOR: #7e93d9
}
#bgcontainer {
	BACKGROUND-IMAGE: url(images/bgimage_lines.gif); BACKGROUND-REPEAT: repeat-x
}
#maincontainer {
	MARGIN: 0px auto; WIDTH: 774px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
#topcolbar {
	WIDTH: 774px; HEIGHT: 5px
}
#topcolbar .blue {
	DISPLAY: block; FONT-SIZE: 1px; FLOAT: left; WIDTH: 194px; HEIGHT: 5px; BACKGROUND-COLOR: #57cac1
}
#topcolbar .orange {
	DISPLAY: block; FONT-SIZE: 1px; FLOAT: left; WIDTH: 194px; HEIGHT: 5px; BACKGROUND-COLOR: #ff6600
}
#topcolbar .green {
	DISPLAY: block; FONT-SIZE: 1px; FLOAT: left; WIDTH: 194px; HEIGHT: 5px; BACKGROUND-COLOR: #5ed002
}
#topcolbar .red {
	DISPLAY: block; FONT-SIZE: 1px; FLOAT: left; WIDTH: 192px; HEIGHT: 5px; BACKGROUND-COLOR: #DC0601
}
#topbarcontainer {
	WIDTH: 774px; HEIGHT: 88px
}
#comraclogo {
	FLOAT: left; WIDTH: 194px
}
#comraclogo .pad {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; PADDING-TOP: 15px
}
#comracstrapline {
	FLOAT: left; WIDTH: 194px; PADDING-TOP: 15px; TEXT-ALIGN: right
}
#phoneicon {
	FLOAT: left; WIDTH: 378px; TEXT-ALIGN: right
}
#phoneicon .pad {
	MARGIN-TOP: 15px; MARGIN-RIGHT: 5px
}
#contentcontainer {
	WIDTH: 774px; TEXT-ALIGN: left
}
#mainpanelcontainer {
	CLEAR: both; MARGIN-LEFT: 10px
}
.mainpanel {
	FLOAT: left; WIDTH: 185px; MARGIN-RIGHT: 5px; TEXT-ALIGN: center
}
.mainpanel .logo {
	BACKGROUND-POSITION: center top; BACKGROUND-IMAGE: url(images/paneltop_generic.gif); BACKGROUND-REPEAT: no-repeat; HEIGHT: 85px; TEXT-ALIGN: center
}
.mainpanel .photo1 {
	WIDTH: 185px; HEIGHT: 146px
}
.mainpanel .photo2 {
	WIDTH: 185px; HEIGHT: 146px
}
.mainpanel .photo3 {
	WIDTH: 185px; HEIGHT: 146px
}
.mainpanel .photo1 IMG {
	BORDER-RIGHT: #d7dae2 1px solid; BORDER-LEFT: #d7dae2 1px solid; PADDING-TOP: 4px; BACKGROUND-COLOR: #57cac1
}
.mainpanel .photo2 IMG {
	BORDER-RIGHT: #d7dae2 1px solid; BORDER-LEFT: #d7dae2 1px solid; PADDING-TOP: 4px; BACKGROUND-COLOR: #ff6600
}
.mainpanel .photo3 IMG {
	BORDER-RIGHT: #d7dae2 1px solid; BORDER-LEFT: #d7dae2 1px solid; PADDING-TOP: 4px; BACKGROUND-COLOR: #5ed002
}
.mainpanel .photo4 IMG {
	BORDER-RIGHT: #d7dae2 1px solid; BORDER-LEFT: #d7dae2 1px solid; PADDING-TOP: 4px; BACKGROUND-COLOR: #DC0601
}
.mainpanel .panel1 {
	BORDER-RIGHT: #d7dae2 1px solid; BORDER-LEFT: #d7dae2 1px solid; WIDTH: 183px; LINE-HEIGHT: 14px; HEIGHT: 180px; TEXT-ALIGN: left
}
.mainpanel .panel2 {
	BORDER-RIGHT: #d7dae2 1px solid; BORDER-LEFT: #d7dae2 1px solid; WIDTH: 183px; LINE-HEIGHT: 14px; HEIGHT: 22px; TEXT-ALIGN: left
}
.mainpanel .panel3 {
	BORDER-RIGHT: #d7dae2 1px solid; BORDER-LEFT: #d7dae2 1px solid; WIDTH: 183px; LINE-HEIGHT: 14px; HEIGHT: 180px; TEXT-ALIGN: left
}
.mainpanel .panel1 H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 5px; COLOR: #57cac1; PADDING-TOP: 0px
}
.mainpanel .panel2 H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 5px; COLOR: #ff6600; PADDING-TOP: 0px
}
.mainpanel .panel3 H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 5px; COLOR: #5ed002; PADDING-TOP: 0px
}
.mainpanel .footerfinish {
	BACKGROUND-POSITION: left 50%; FONT-SIZE: 1px; BACKGROUND-IMAGE: url(images/panelfooter_generic.gif); WIDTH: 185px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 14px
}
#bottombutton {
	TEXT-ALIGN: left
}
#rightpanelcontainer {
	FLOAT: left; WIDTH: 184px; smargin-left: 5px; smargin-right: -3px
}
#introtext {
	COLOR: #333333; LINE-HEIGHT: 14px
}
#introtext H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 5px; COLOR: #7e93d9; PADDING-TOP: 0px
}
#introtext .pad {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
.style1 {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; color: #7e93d9; }
.style2 {color: #000000}