/*=================================================*/
/*Test*/
*{border: solid 0px lime;}
/*------------------------*/


/*=================================================*/
/*Base Styles*/

/*PNG Transparent Fix for IE*/
img{behavior: url('css/iepngfix.htc');}

/*Wireframe Layout*/
body{margin: auto; background-position: center; background-repeat: repeat-y; background-image: url("../img/bg.gif"); font-family: arial; font-size: 13px; color: #464646;}
body .cra-body div{margin: auto; width: 955px;}
form{border: solid 0px pink; margin: auto;}

/*Generic Elements*/
a{color: #e65f00; text-decoration: none;}
a:hover{text-decoration: underline;}

/*Generic Form Inputs*/
input{font-family: Arial; border: solid 1px #d7d7d7;}
textarea{font-family: Arial; border: solid 1px #d7d7d7;}
select{font-family: Arial; border: solid 1px #d7d7d7;}

/*Breaks*/
.cra-clr-left{clear: left;}
.cra-clr-right{clear: right;}
.cra-clr-all{clear: both;}

/*Floats*/
.cra-flt-left{float: left;}
.cra-flt-right{float: right;}

/*Notes*/
.cra-note{color: #898989;}
.cra-update{font-size: 9px; color: #a2a2a2;}
.cra-copy{font-size: 13px; color: #878787;}

/*Navigation*/
.cra-nav-g1{font-size: 13px;}
.cra-nav-g1 a{color: #707070;}
.cra-nav-b1{font-size: 10px; color: white;}
.cra-nav-b1 a{color: white;}
.cra-nav-c1{font-size: 12px;}
.cra-nav-c1 a{color: #7a7a7a; font-weight: bold;}
.cra-nav-f1{font-size: 13px; color: #878787;}
.cra-nav-f1 a{color: #878787;}


/*=================================================*/
/*Text Sizer Styles*/
.cra-txtsizer-1{font-size: 11px;}
.cra-txtsizer-2{font-size: 12px;}
.cra-txtsizer-3{font-size: 13px;}
.cra-txtsizer-4{font-size: 14px;}
.cra-txtsizer-5{font-size: 15px;}

.cra-txtsizer-1-h1{font-size: 12px;}
.cra-txtsizer-2-h1{font-size: 13px;}
.cra-txtsizer-3-h1{font-size: 14px;}
.cra-txtsizer-4-h1{font-size: 15px;}
.cra-txtsizer-5-h1{font-size: 16px;}

.cra-txtsizer-1-h2{font-size: 12px;}
.cra-txtsizer-2-h2{font-size: 13px;}
.cra-txtsizer-3-h2{font-size: 14px;}
.cra-txtsizer-4-h2{font-size: 15px;}
.cra-txtsizer-5-h2{font-size: 16px;}

.cra-txtsizer-1-h3{font-size: 12px;}
.cra-txtsizer-2-h3{font-size: 13px;}
.cra-txtsizer-3-h3{font-size: 14px;}
.cra-txtsizer-4-h3{font-size: 15px;}
.cra-txtsizer-5-h3{font-size: 16px;}

.cra-txtsizer-1-caption{font-size: 10px;}
.cra-txtsizer-2-caption{font-size: 11px;}
.cra-txtsizer-3-caption{font-size: 12px;}
.cra-txtsizer-4-caption{font-size: 13px;}
.cra-txtsizer-5-caption{font-size: 14px;}


/*=================================================*/
/*Home Rotator Styles*/
#cra-rotator-home-top{
	position: absolute;
	width: 955px;
	height: 183px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	border: solid 0px red;
}
#cra-rotator-home-top div{
	position: absolute;
	width: 955px;
	height: 183px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	visibility: hidden;
	left: 0px; top: 0px;
	text-align: center;
}
#cra-rotator-home-top div img{
	position: relative;
	left: 0px; top: 0px;
	padding: 0px;
	margin: 0px;
	border:0px;
}


/*=================================================*/
/*Segmented Styles*/

/*Mast Head*/
#cra-mast{height: 106px; background-image: url("../img/bg-mast.gif");}
#cra-maint-msg{border: solid 0px blue; color: white; background-color: #c20231; font-weight: bold; position: absolute; float: left; padding: 3px 5px 3px 5px; width: 680px; z-index: 5000;}
#cra-logo{border: solid 0px blue; position: absolute; float: left; margin: 0px 25px 0px 25px;background-image: url('../img/logo_cra.png'); width:210px; height:105px;}
#sg-gov-logo{float: right; margin: 0px 10px 0px 0px;}
#cra-mast .cra-nav-g1{width: auto; float: right; margin: 0px 18px 2px 0px;}
#cra-search-go{float: right; margin: 1px 20px 3px 5px; height: 18px;width:37px;}

#cra-search-input{float: right; margin: 1px 0px 3px 5px;}
#cra-search-sel{float: right; font-size: 10px; margin: 1px 20px 0px 5px;}

/*Main Nav - Text Size Changer*/
#cra-font-plus{float: right; margin: 7px 25px 0px 2px; cursor: pointer;}
#cra-font-minus{float: right; margin: 7px 2px 0px 0px; cursor: pointer;}

/*Top Banner*/
#cra-bnr-top{}
#cra-bnr-top-cnt{border: dashed 0px red; position: absolute; height: 183px; margin: 0px 0px 0px 0px; background-color: inherit;}
#cra-bnr-top-girder{border: dashed 0px red; position: absolute; height: 18px; margin: 183px 0px 0px 0px; background-image: url("../img/bg-girder.gif");width: 955px;}
#cra-bnr-top-pillar{border: dashed 0px red; position: absolute; height: 300px; margin: 201px 0px 0px 0px; background-image: url("../img/bg-pillar.jpg");width: 955px;}
#cra-bnr-top-pillar.cra-tpl-main{background-image: url("../img/bg-pillar-main.jpg");}
/*Top Banner - Helper*/
#cra-bnr-top-helper{height: 165px;}

/*Content*/
#cra-cnt{border: solid 0px red; position: relative;}
/*Content - Left Area*/
#cra-cnt-left{border: solid 0px red; float: left; width: 193px; padding: 0px 0px 0px 25px;}
#cra-cnt-left-pillar{border: solid 0px red; float: left; background-color: white; width: 100%;}
#cra-cnt-left-pillar div{border: solid 0px red; width: auto;}
/*Content - Left Area - Quick Panel*/
#cra-q-left{ clear: left; border: solid 0px red; padding: 3px 3px 3px 3px; background-image: url("../img/bg-q-left.gif"); background-repeat: no-repeat; background-position: 3px 3px; min-height: 120px; height: auto !important; height: 120px;}
#cra-qLnk-sel{padding: 7px 3px 7px 3px;}
#cra-qLnk-sel-list{width: 100%;}
#cra-qLnk-flat{text-align: center; }
#cra-qLnk-flat div{padding: 2px 0px 2px 0px;}
#cra-qLnk-flat a{color: #363636; font-size: 11px; font-weight: bold; text-transform: uppercase;}
#cra-qBnr{}
#cra-qBnr img{padding: 1px 0px 2px 0px;}
/*Content - Right Area*/

#cra-cnt-right{border: solid 0px red; float: right; width: 698px; padding: 40px 25px 0px 5px;}
#cra-cnt-right.cra-tpl-main{padding: 18px 25px 0px 5px;}

/*Content - Right Area - Head*/

#cra-cnt-right-head{border: solid 0px yellow; width: 100%; float: left;}

#cra-nav-b1{margin: 0px 0px 0px -7px; border: solid 0px blue; float: left; line-height:18px; padding: 0px 10px 0px 16px; width: 703px; background-image: url("../img/bg-breadcrumb.gif"); background-repeat: repeat-x; background-color: #000066;}

#cra-nav-c1{height:49px; _height:30px; .height:30px; border:solid 0px red; width: 703px;}

#cra-cnt-bg{border: solid 0px black; float:left; width:100%; background-image: url(../img/bg-content.jpg); background-repeat:no-repeat; margin: 0px 0px 0px -7px; padding: 0px 20px 0px 7px;}

#cra-cnt-title{border: solid 0px red; float: left; width: 420px; font-family: helvetica; font-size: 18px; font-weight: normal; color: #c4002b; padding: 12px 0px 0px 20px; text-transform: uppercase;}

#cra-cnt-webtool{border: solid 0px red;float: right; width: 600px; text-align: right; padding-top:4px;}
#cra-cnt-webtool.cra-tpl-main{padding: 5px 0px 0px 20px;}
#cra-cnt-webtool a{color: #464646; text-decoration: none;}
#cra-cnt-webtool a:hover{_text-decoration: underline; /*IE6 Tweak*/}
#cra-cnt-webtool a:hover span{text-decoration: underline;}
#cra-cnt-rss{position: relative; top: 2px; padding: 0px 5px 0px 5px;}
#cra-cnt-share{position: relative; top: 2px; padding: 0px 5px 0px 5px;}
#cra-cnt-print{position: relative; top: 2px; padding: 0px 5px 0px 5px;}
/*Content - Right Area - Body*/
#cra-cnt-right-body{border: solid 0px red; width: 100%; float: left; padding: 12px 0px 10px 0px; min-height: 280px; height: auto !important; height: 280px;}
#cra-cnt-right-body h1{font-weight: bold; margin: 0px 0px 0px 0px; text-transform: uppercase;}
#cra-cnt-right-body h2{font-weight: bold; margin: 0px 0px 0px 0px;}
#cra-cnt-right-body h3{font-weight: bold; margin: 0px 0px 0px 0px;}
#cra-cnt-right-body div div{width: auto; padding: 5px 0px 8px 0px;}
#cra-cnt-right-body div div div{padding: 8px 0px 8px 0px;}
#cra-cnt-right-body div div div img{padding: 0px 10px 8px 0px;}
#cra-cnt-right-body div div a img{padding: 5px 0px 0px 0px;}
/*Content - Right Area - Body - Home Specific*/
#cra-cnt-right-body div div.cra-cnt-home-head{border: solid 0px red; padding: 0px 0px 0px 0px; width: 300px; height: 40px; /*optimal max dimension*/}
#cra-cnt-home-news-speech{border: solid 0px red; float: left; width: 300px; padding: 0px 20px 0px 20px;}
#cra-cnt-home-announce{border: solid 0px red; float: right; width: 290px; padding: 0px 20px 0px 20px;}
/*Content - Right Area - Body - Main Specific*/
#cra-cnt-right-body div div.cra-cnt-tight-right{width: auto; border: solid 0px red; text-align: right;}
#cra-cnt-right-body div div span{border: solid 0px red; padding: 0px 8px 0px 8px;}
#cra-cnt-main{float: left; border: solid 0px red; width: auto; padding: 10px 0px 0px 20px;}
#cra-cnt-main .cra-list-flush{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
/*Content - Right Area - Body - Feedback Form*/
#cra-cnt-main .cra-form-field {border:solid 0px black; height:14px; margin:4px 6px 0 8px; position:relative; text-align:left;}
#cra-cnt-main .cra-form-field .cra-input250{left: 100px; position: absolute; width:250px;}
#cra-cnt-main .cra-form-field .cra-textarea{left: 100px; height:84px; position: absolute; width:250px;}
#cra-cnt-main .cra-form-field .cra-button{left: 100px; position: absolute; width:100px; cursor:pointer;}
#cra-cnt-main .cra-feedback-validation{left:360px; position:absolute;}
/*Content - Right Area - Body - Board Member*/
#cra-cnt-main .cra-boardmember {border:solid 0px black; margin:4px 6px 0 8px; position:relative; text-align:left;}
#cra-cnt-main .cra-boardmember .cra-boardmember-info{left: 250px; position: absolute; width:250px;}

#cra-cnt-main h1{color: #c4002b;}
#cra-cnt-main h2{color: #c4002b; text-transform: uppercase;}
#cra-cnt-main h3{color: #c4002b;}
#cra-cnt-main img{padding: 0px 8px 0px 8px;}
#cra-cnt-main img.cra-flt-left{padding: 0px 8px 0px 0px;}
#cra-cnt-main img.cra-flt-right{padding: 0px 0px 0px 8px;}
/*Content - Right Area - Foot*/
#cra-cnt-right-foot{border: solid 0px red; float: left; width: 100%; padding: 10px 0px 10px 0px;}
#cra-cnt-right-foot span{padding: 0px 20px 0px 20px;}

/*Content - Divider*/
#cra-cnt-div{float: left; background-image: url("../img/bg-cnt-div.gif"); height: 1px; font-size: 0px; text-align: center; padding: 10px 0px 5px 0px; background-position: center; background-repeat: no-repeat;}
#cra-cnt-div.cra-cnt-right-body{width: 670px;}
#cra-cnt-main .cra-sitemap-div { float:left; background-image: url("../img/bg-cnt-div.gif"); height: 1px; width:670px !important; background-position: center; background-repeat: no-repeat; }

/*Bottom Banner Series 1*/
#cra-bnr-btm1{float: left; text-align: center;}
#cra-bnr-btm1 div{float: left; width: auto;}
#cra-bnr-btm1 .cra-bnr-box{padding: 5px 5px 5px 5px; vertical-align: middle;}

/*Bottom Banner Series 2*/
#cra-bnr-btm2{float: left; text-align: center;}
#cra-bnr-btm2 .cra-bnr-box{padding: 5px 5px 5px 5px; vertical-align: middle;}

/*Footer Tool*/
#cra-foot-tool{border: solid 0px red; float: left;}
#cra-return-top{border: solid 0px red; float: left; padding: 0px 0px 1px 0px; position: relative; top: 0px; left: 840px;}

/*Footer*/
#cra-foot{border: solid 0px red; float: left; background-image: url("../img/bg-foot.gif"); background-repeat: no-repeat; height:20px; width: 100%}
#cra-foot2{border: solid 0px blue; float: left; line-height: 20px; width: 100%}
#cra-copy-left{border: solid 0px red; float: left; padding: 0px 25px 0px 25px;}
#cra-copy-right{border: solid 0px red; float: right; padding: 0px 25px 0px 25px;}
#cra-copy-bottom{border: solid 0px red; float: right; padding: 0px 25px 0px 25px;}