@charset "utf-8";

body {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background: #E7EDF1 url(../images/ucc-bg2a.jpg) repeat-x;
	font-size:15px;
}

strong {
	color:#256399;
	font-weight:bold;
}

p.homeTxt {
	font-size:15px;
}

.maxWidth {
	width:100%;	
}

/* Header */

.ucc-head {
	width:768px;
	margin:0 auto;
	padding:0;
}

.ucc-head p, .ucc-head ul, .ucc-head li, .ucc-head h1 {
	margin:0;
	padding:0
}

.ucc-head h1 {
	display:none
}

.ucc-head .ucc-logo {
	width:154px;
	height:158px;
	float:left
}

.ucc-head .ucc-textNav {
	width:614px;
	height:93px;
	float:right
}

.ucc-head .ucc-textNav .uccText {
	width:614px;
	height:93px;
}

.ucc-head .ucc-textNav .uccNav {
	/*height:38px;*/
	background: #CCCCCC url(../images/ucc-navbg2a.jpg) repeat-x;
	padding-top:3px;
	line-height:15px
}

.ucc-head .ucc-textNav .uccNav a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none
}

.ucc-head .ucc-textNav .uccNav ul {
	list-style:none
}

.ucc-head .ucc-textNav .uccNav li {
	display:inline;
	padding:0 8px;
	background: url(../images/navsep.gif) no-repeat right bottom
}

.ucc-head .ucc-textNav .uccNav li.last {
	background: none
}

/* Member header 2 */

.ucc-head2 {
	width:768px;
	margin:0 auto;
	padding:0;
}

.ucc-head2 p, .ucc-head2 ul, .ucc-head2 li, .ucc-head2 h1 {
	margin:0;
	padding:0
}

.ucc-head2 h1 {
	display:none
}

.ucc-head2 .ucc-logo {
	width:133px;
	height:116px;
	float:left
}

.ucc-head2 .ucc-textNav {
	width:635px;
	height:116px;
	float:right
}

.ucc-head2 .ucc-textNav .uccText {
	width:635px;
	height:73px;
}

.ucc-head2 .ucc-textNav .uccNav {
	background: #CCCCCC url(../images/mem-ucc-navbg.jpg) repeat-x;
	padding-top:3px;
	line-height:15px
}

.ucc-head2 .ucc-textNav .uccNav a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none
}

.ucc-head2 .ucc-textNav .uccNav ul {
	list-style:none
}

.ucc-head2 .ucc-textNav .uccNav li {
	display:inline;
	padding:0 16px;
	background: url(../images/mem-navsep.gif) no-repeat right bottom
}

.ucc-head2 .ucc-textNav .uccNav li.last {
	background: none
}

/* Search Box */

.searchBox {
	width:748px;
	margin:0 auto;
	height:36px;
	padding-top:30px;
	line-height:16px;
	text-align:center
}

.searchBox label {
	color:#256399;
	font-size:20px;
	text-transform:uppercase;
	font-weight:bold
}

.searchBox .txtInput {
	width:430px;
	height:26px;
	border:solid 1px #A7C0D6;
	background: #FDFEFE url(../images/searchBg.jpg) repeat-x;
	padding:2px 4px;
	font-size:22px;
	color:#256399
}

.searchBox .srchBtn {
	width:32px;
	height:32px;
	vertical-align:top;
}

/* Main Body */

.uccBodyBox {
	clear:both;
	width:768px;
	margin:0 auto
}

.uccBodyBox .mainImage {
	width:748px;
	margin: auto 10px;
	padding-top:50px
}

.uccBodyBox .mainImage h1 {
	color:#cc0000;
	font-size:20px;
	text-align:center;
	font-weight:bold
}

.uccBodyBox .mainImage h1 a, .uccBodyBox .mainImage h1 a:hover {
	color:#cc0000;
	text-decoration:none
}

.uccBodyBox .mainImage h2 {
	display:none
}

.uccBodyBox .mainTextBox {
	clear:both;
	padding:30px 10px 10px;
	overflow:hidden;
	font-size:15px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
}

.uccBodyBox .mainTextBox h1 {
	width:708px;
	height:50px;
	padding:5px 20px 2px;
	font-size:30px;
	font-weight:bold;
	color:#01245C;
	background:url(../images/h1bg.png) no-repeat
}

/*.uccBodyBox .mainTextBox p {
	padding:5px 0;
	line-height:20px;
}
*/
.uccBodyBox .mainTextBox .textBox0 {
	width:748px;
}

.uccBodyBox .mainTextBox .textBox1 {
	/*width:411px;*/
	width:424px;
	float:left;
	/*background:url(../images/textBoxBg.jpg) repeat-x*/
}

.uccBodyBox .mainTextBox .textBox2 {
	width:257px;
	float:right;
	padding:20px;
	background:url(../images/textBoxBg2.jpg) repeat-x
}

.uccBodyBox .mainTextBox .textBox1 h3, .uccBodyBox .mainTextBox .textBox2 h3, .uccBodyBox .mainTextBox .textBox0 h3 {
	margin:0;
	padding:0 0 20px;
	color:#01245C;
	font-size:20px;
}

/* Footer */

.uccFooter {
	width:100%;
	height:50px;
	margin-top:40px;
	background:url(../images/footbg.jpg) repeat-x;
	color:#FFFFFF;
	font-size:10px
}

.uccFooter .footNav {
	width:768px;
	margin:0 auto;
	padding-top:10px;
	text-align:center
}

.uccFooter .footNav a {
	color:#FFFFFF;
	text-decoration:none
}

.uccFooter .footNav a:hover {
	text-decoration:underline
}

.uccFooter .footNav ul {
	margin:0;
	padding:0;
	list-style:none
}

.uccFooter .footNav ul li {
	display:inline;
	padding:5px;
	background: url(../images/footSep.gif) no-repeat right
}

.uccFooter .footNav ul li.last {
	background:none
}

/* News Box */

.newsTidBits {
	width:424px;
	margin-bottom:10px;
}

.newsTidBits .topCurve {
	height:10px;
	font-size:1px;
	background:url(../images/newsbox-top.gif) no-repeat
}

.newsTidBits .midBox {
	width:404px;
	padding:10px;
	background:#F9F9F9;
}

.newsTidBits .midBox p {
	margin:0;
	padding:0;
	line-height:18px;	
}

.newsTidBits .midBox .headLines {
	display:block;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:5px;
}

.newsTidBits .midBox .newsImg {
	float:left;
	margin:0 5px 5px;
}

.newsTidBits .midBox .readMore {
	display:block;
	text-align:right
}

.newsTidBits .btmCurve {
	height:10px;
	font-size:1px;
	background:url(../images/newsbox-btm.gif) no-repeat
}

/* Content Area */

.contentArea {
	margin-bottom:10px;
}

.contentArea .topCurve {
	height:10px;
	font-size:1px;
	background:url(../images/contentbg-top.gif) no-repeat
}

.contentArea .midBox {
	width:708px;
	padding:20px;
	background:#F9F9F9;
	overflow:hidden
}

.contentArea .midBox p {
/*	margin:0;
	padding:0;*/
	line-height:20px;	
}

.contentArea .midBox .navBox {
	float:left;
	width:170px;
	padding-right:10px;
	background:url(../images/content-sep.gif) no-repeat right;
	height:232px;
}

.contentArea .midBox .navBox a {
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#256399
}

.contentArea .midBox .navBox a:hover {
	color:#CC0000;
	text-decoration:underline
}

.contentArea .midBox .navBox ul {
	margin:0;
	padding:0;
	list-style:none
}

.contentArea .midBox .navBox li {
	padding-left:20px;
	background:url(../images/arw.gif) no-repeat 10px 5px;
}

.contentArea .midBox .mainTexBox {
	float:right;
	width:508px;
}

.contentArea .midBox .mainTexBox p {
	padding-left:50px;
}

/* Contact Us and other normal layout */

.contentArea .midBox h4 {
	margin:0 0 20px;
	padding:0;
	color:#01245C;
	font-size:18px;
}

.contentArea .midBox .normLeftBox {
	float:left;
	width:422px;
}

.contentArea .midBox .normLeftBox ul {
	margin:0;
	padding:0;
	list-style:none
}

.contentArea .midBox .normLeftBox ul li {
	line-height:20px;
	padding-left:20px;
	background:url(../images/li-arw.gif) no-repeat 8px 8px
}

.contentArea .midBox .imgBox {
	float:left;
	margin:0 5px 5px;
}

.contentArea .midBox .grayBgBox {
	float:right;
	width:245px;
	height:328px;
	padding:10px;
	background:url(../images/graybg.gif) no-repeat;
}

.contentArea .midBox .grayBgBox2 {
	float:right;
	width:265px;
	font-size:11px;
/*	background-image:url(../images/img-gascard.jpg);
	height:265px*/

}

.contentArea .midBox .grayBgBox2 .top {
	height:10px;
	font-size:1px;
	background:url(../images/gray-top.gif) no-repeat
}

.contentArea .midBox .grayBgBox2 .mid {
	width:245px;
	background:#ECECEC;
	padding:0 10px
}

.contentArea .midBox .grayBgBox2 .btm {
	height:10px;
	font-size:1px;
	background:url(../images/gray-btm.gif) no-repeat
}

.contentArea .btmCurve {
	height:10px;
	font-size:1px;
	background:url(../images/contentbg-btm.gif) no-repeat
}

/* Simple Form */

.formArea {
	margin:0;
	padding:0
}

.formArea .rowData {
	clear:both;
	padding:2px;
	line-height:25px
}

.formArea .rowData label {
	float:left;
	font-weight:bold;
	width:150px;
	text-align:right;
	color:#256399
}

.formArea .rowData .textInput {
	float:left;
	width:250px;
	padding-left:10px;
	text-align:left
}

/* News Box */

.globalBox {
	width:424px;
	margin-bottom:10px;
}

.globalBox h3 {
	font-size:24px;
	color:#01245C;
	margin:0 0 30px;
	padding:0;
}

.globalBox .topCurve {
	height:10px;
	font-size:1px;
	background:url(../images/newsbox-top.gif) no-repeat
}

.globalBox .midBox {
	width:404px;
	padding:10px;
	background:#F9F9F9;
}

.globalBox .midBox p {
	/*padding:5px 0;*/
	line-height:20px;
}

.globalBox .midBox .headLines {
	display:block;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:5px;
}

.globalBox .midBox .newsImg {
	float:left;
	margin:0 5px 5px;
}

.globalBox .midBox .readMore {
	display:block;
	text-align:right
}

.globalBox .btmCurve {
	height:10px;
	font-size:1px;
	background:url(../images/newsbox-btm.gif) no-repeat
}

/* Registration succes page */

.sucBox {
	width:674px;
	margin:0 auto;
	padding:0;
}

.sucBox h2 {
	color:#01245C;
	font-weight:bold;
	font-size:22px;
	text-transform:uppercase;
}

.sucBox .UCC {
	float: left
}

/* Error */
.error {
	color:#CC0000
}

.error strong {
	color:#CC0000;
	font-weight:bold
}


.error ul {
	margin:0;
	padding:0;
	list-style:none
}

.error ul li {
	line-height:20px;
	padding-left:20px;
	background:url(../images/li-arw-red.gif) no-repeat 8px 8px
}

/* Red font */

.red {
	color:#FF0000
}

/* The wild card form */

.wildCard {
	padding:2px;
}

.wildCard .gray ul {
	margin:0;
	padding:0;
	list-style:none
}

.wildCard .gray li {
	padding-left:20px;
	background:url(../images/li-arw-gray.gif) no-repeat 10px 5px;
}

.wildCard .whiteBG ul {
	margin:0;
	padding:0;
	list-style:none
}

.wildCard .whiteBg li {
	padding-left:20px;
	background:url(../images/li-arw-gray.gif) no-repeat 10px 5px;
}


.wildCard label {
	float:left;
	font-weight:bold;
	width:100px;
	text-align:right;
	color:#256399
}

.wildCard .textInput {
	float:right;
	width:300px;
	padding-left:10px;
	text-align:left
}

/* Impromptu */

.impromptu {
	background:#f7f7f7;
	width:98%;
	padding:2px;
	margin:10px auto 0;
	border:solid 1px #CCCCCC;
	color:#01245C
}

/* Newsbits */

.newsbits {
	clear:both;
	width:100%;
	padding-bottom:30px;
}

.newsbits .newImage {
	float:left;
	margin:4px;
}

.newsbits h5 {
	margin:0;
	padding:0;
	font-size:14px;
	color:#256399;
}

/* Term boxes on registration page */

.termBoxes {
	border:solid 1px #6699CC;
	background:#FFFFFF;
	width:100%;
	height:200px;
	overflow:scroll;
	padding:2px;
	font-size:11px;
}

/* The grid */

.gridBox {
	margin:0;
	padding:0;
	border:solid 1px #BCBCBC;
	border-bottom:none;
	border-right:none
}

.gridBox td {
	padding:2px;
	border-bottom:solid 1px #BCBCBC;
	border-right:solid 1px #BCBCBC;
}

.gridBox .head {
	background:#92B1CC;
	font-weight:bold;
	color:#01245C;
	border-bottom:solid 1px #BCBCBC
}

.gridBox .data1 {
	background:#D7E0E7
}

.gridBox .data2 {
	background:#F1F1F1
}

/* Search business with issues */

.searchDiv {
	Z-INDEX:101;
	left:100px;
	top:420px;
	width:400px;
	height:180px;
	position: absolute;
	background:#F5F8FA;
	border:solid 1px #92B1CC;
	padding:10px;
	overflow:hidden;
}

.closeTag {
	display:block;
	text-align:right;
}

.closeTag a {
	color:#333333;
	text-decoration:none
} 

.closeTag a:hover {
	text-decoration:underline
}

.frameline1
{
	width:80%;
	border:1px solid #DEDEDE
}
