/* FSU CSS Document */

* {
    margin: 0 0 0 0;
    font-size: 100%;
}

body{background:#d9e3e9; text-align:center;}
.top-tail{ background:url(images/top-tail.gif) top repeat-x #fff;}
.bot-tail{ background:url(images/bot-tail.gif) bottom repeat-x;}

img {vertical-align:top; position:relative;
    top: 0px;
    left: 0px;
}
a img { border:0;}
ul { list-style:none;}

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

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.333em; color:#626262;}
input, select { vertical-align:middle; font-weight:normal;}

a {
	color: #33abe0;
	outline: none;
}
a:hover{text-decoration:none;}
p {padding-top:16px;}

h3{ font-size:2.667em; font-weight:normal; letter-spacing:-1px; line-height:1em; 
padding:8px 0 22px 65px; color:#44474a; word-spacing:-2px; position:relative; top: 0px; left: 0px; }

strong{ display:block; position:relative;}
.strong1{ font-weight:normal; color:#33abe0;}
cite{ display:block; font-style:normal; background:url(images/citation-bg.gif) no-repeat 0 0; margin-top:4px; padding-top:8px;}

sup{font-size: xx-small;}

.formtext p{padding:2px 0 10px 0; color:#2b2b2b;}
.formtext h1{padding-top:12px; padding-bottom:8px; color:#2b2b2b; text-decoration:bold; font-size:large;}
.formtext h2{padding-top:8px; padding-bottom:4px; padding-left:20px; color:White; background-color:#FEDD09; font-size:14pt;}
.formtext h4{padding-top:8px; padding-bottom:4px; padding-left:15px; color:Gray; background-color:#D7E8FF; font-size:12pt;}

.formtext a{
    margin: 0;
}
.formentry td{ padding:6px;}
.formentry .combo tr td { padding: 2px;}
.formentry .combo tr td label{ margin-left:5px;}
.formentry .combo td label{ margin-left:5px;}

/* ============================= main layout ====================== */
.imgindent {margin:0 20px 0 0; float:left;}
.phone{ float:right; padding-right:7px;}
.margin1{ margin-top:12px;}
.padding1{ padding-top:11px;}
.padding2{ padding-top:27px;}

/* ============================= header ====================== */
#header{ background:url(images/header-bg.jpg) no-repeat 0 0;}
#header.contact{ background:url(images/header_bgContact.jpg) no-repeat 0 0;}
#header.meter{ background:url(images/header_bg4Meter.jpg) no-repeat 0 0;}
#header .menu{ width:100%; overflow:hidden; height:32px;}
#header .menu ul{ padding-left:63px;}
#header .menu li{ float:left; margin:0 -18px;}
#header .menu .first{ margin-left:0;}
#header .menu a{ color:#53879c; text-decoration:none; display:block; cursor:pointer;}
#header .menu a span{ display:block; padding:8px 63px 8px 60px;}
#header .menu a:hover{ text-decoration:underline;}
#header .menu .active{ background:url(images/menu-item-left-bg.gif) left top no-repeat #cbf0ff; text-decoration:underline;}
#header .menu .active span{ background:url(images/menu-item-right-bg.gif) right top no-repeat;}

#header .logo{ padding:20px 0 0 363px;}
#header .header-text1{ margin:80px 0 0 82px;}
#header .header-text2{ margin:-90px 0 0 230px;}
#header .header-text3{ margin:81px 0 0 145px;}
#header h1 { font-family: Arial, Helvetica, sans-serif; color:#0089B4; font-size: xx-large; padding: 0 0 5px 0;}
#header h2 { font-family: Arial, Helvetica, sans-serif; color:#0089B4; font-size: x-large; padding: 0 0 0 0;}
/* ============================= smallheader ====================== */
#smallheader{ background:url(images/header_bgMeter.jpg) no-repeat 0 0;}
#smallheader .menu{ width:100%; overflow:hidden; height:32px;}
#smallheader .menu ul{ padding-left:63px;}
#smallheader .menu li{ float:left; margin:0 -18px;}
#smallheader .menu .first{ margin-left:0;}
#smallheader .menu a{ color:#53879c; text-decoration:none; display:block; cursor:pointer;}
#smallheader .menu a span{ display:block; padding:8px 63px 8px 60px;}
#smallheader .menu a:hover{ text-decoration:underline;}
#smallheader .menu .active{ background:url(images/menu-item-left-bg.gif) left top no-repeat #cbf0ff; text-decoration:underline;}
#smallheader .menu .active span{ background:url(images/menu-item-right-bg.gif) right top no-repeat;}

#smallheader .logo{ padding:20px 0 0 363px;}
#smallheader .header-text1{ margin:80px 0 0 82px;}
#smallheader .header-text2{ margin:-90px 0 0 230px;}
#smallheader .header-text3{ margin:81px 0 0 145px;}
#smallheader h1 { font-family: Arial, Helvetica, sans-serif; color:#0089B4; font-size: xx-large; padding: 0 0 5px 0;}
#smallheader h2 { font-family: Arial, Helvetica, sans-serif; color:#0089B4; font-size: x-large; padding: 0 0 0 0;}

/* ============================= content ====================== */
#content{ padding:6px 45px 36px 45px;}
.column-1, .column-2, .column-3 { position:relative;}
.column-2{ margin-left:45px;}
.column-3{ margin-left:45px;}

#content
.column-12 ul{text-decoration: none; background-color: #ffffff; text-indent: 0; list-style-position:outside;
			list-style-image:url(images/orangesquarebullet.gif); padding-left: 20px; margin-left: 5px;}
.column-12 ul ul{text-decoration: none; background-color: #ffffff; text-indent: 0; list-style-position:outside;
			list-style-image:url(images/orangesmallbullet.gif); padding-left: 20px; margin-left: 5px;}
.column-22 ul{text-decoration: none; background-color: #ffffff; text-indent: 0; list-style-position:outside;
			list-style-image:url(images/greensquarebullet.gif); padding-left: 20px; margin-left: 5px;}
.column-22 ul ul{text-decoration: none; background-color: #ffffff; text-indent: 0; list-style-position:outside;
			list-style-image:url(images/greensmallbullet.gif); padding-left: 10px; margin-left: 10px;}

.pagetext ul{text-indent: 5px; list-style-position:inside; list-style-type:disc; padding-left: 10px; margin-top: 10px;}
.pagetext ul li{padding-bottom: 5px;}
	
.footnote {padding-bottom: 10px; font-size: x-small;}

.number{ position:absolute; width:53px; height:57px; font-size:2.333em; color:#fff; line-height:1em; padding:9px 0 0 18px; background:url(images/column1-number-bg.gif) no-repeat 0 0;}
.numberTrans{  position:absolute; width:53px; height:57px; font-size:2.333em; color:#fff; line-height:1em; padding:9px 0 0 18px; background:url(images/column1-number-bg-trans.gif) no-repeat 0 0;}
.numberTrans2{ position:absolute; width:50px; height:57px; font-size:2.333em; color:#fff; line-height:1em; padding:9px 0 0 18px; background:url(images/column2-number-bg-trans.gif) no-repeat 0 0;}
.numberTrans3{ position:absolute; width:53px; height:57px; font-size:2.333em; color:#fff; line-height:1em; padding:9px 0 0 18px; background:url(images/column3-number-bg-trans.gif) no-repeat 0 0;}
.numberTrans4{ position:absolute; width:53px; height:57px; font-size:2.333em; color:#fff; line-height:1em; padding:9px 0 0 18px; background:url(images/column4-number-bg.gif) no-repeat 0 0;}
.numberTrans5{ position:absolute; width:53px; height:57px; font-size:2.333em; color:#fff; line-height:1em; padding:9px 0 0 18px; background:url(images/column5-number-bg.gif) no-repeat 0 0;}
.numberTrans6{ position:absolute; width:53px; height:57px; font-size:2.333em; color:#fff; line-height:1em; padding:9px 0 0 18px; background:url(images/column6-number-bg.gif) no-repeat 0 0;}

.column-2 .number{ background:url(images/column2-number-bg.gif) no-repeat 0 0;}
.column-22 .number{ background:url(images/column3-number-bg.gif) no-repeat 0 0;}
.column-3 .number{ background:url(images/column3-number-bg.gif) no-repeat 0 0;}

.block{ position:relative; padding-left:27px;}
.block .number{ width:12px; height:15px; font-size:0.917em; padding:3px 0 0 6px; font-weight:bold; margin:2px 0 0 -27px;}
.column-1 .block .number{ background:url(images/column1-block-number-bg.gif) no-repeat 0 0;}
.column-2 .block .number{ background:url(images/column2-block-number-bg.gif) no-repeat 0 0;}
.column-3 .block .number{ background:url(images/column3-block-number-bg.gif) no-repeat 0 0;}

.link1{ font-weight:bold; color:#626262; text-decoration:none;}
.link1:hover{ color:#33abe0;}
.email{ color:#33abe0;}

.link{ display:block; color:#fff; text-decoration:none; font-size:0.917em; text-transform:uppercase; text-align:center; margin-top:39px; padding:7px 0 4px 0;}

.column-1 .link{ background:url(images/column1-link-bg.gif) right bottom no-repeat #fade04;}
.column-2 .link{ background:url(images/column2-link-bg.gif) right bottom no-repeat #ff9b35;}
.column-3 .link{ background:url(images/column3-link-bg.gif) right bottom no-repeat #a3d42f;}

.column-1 .link:hover{ background:url(images/column1-link-bg-act.gif) right bottom no-repeat #e6cc05;}
.column-2 .link:hover{ background:url(images/column2-link-bg-act.gif) right bottom no-repeat #dd7912;}
.column-3 .link:hover{ background:url(images/column3-link-bg-act.gif) right bottom no-repeat #82ad1d;}

/* ============================= footer ====================== */
#footer{ text-align:center; clear:both;}
#footer p{text-align:center; padding:19px 0 0 0px;}
.small { padding:19px 0 0 11px; font-size:xx-small;}

/* ============================= forms ============================= */
#ContactForm{ padding-top:3px; position:relative;}
#ContactForm label{ display:block; height:25px;}
#ContactForm input{ border:solid 1px #b2b2b2; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#626262; padding:2px 2px 1px 3px; width:228px;}
#ContactForm textarea{ border:solid 1px #b2b2b2; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#626262; padding:2px 2px 1px 3px; width:228px; height:103px; overflow:auto;}
#ContactForm .link{ float:right; display:inline-block; padding:7px 22px 4px 22px; margin:20px 0 0 8px;}
.MeterForm {width:100%;} 
.MeterForm td{padding:2px 0 2px 0;}
.MeterLabel { padding-top:15px; font-size:medium;}
.PreviousReading {font-size:smaller; }
#MeterContent {border-style: none;
    border-color: inherit;
    border-width: medium;
    background: none;
    font-family:Arial, Helvetica, sans-serif;     font-size:1em;     color:#626262;
    width: 776px;
}
#MeterContent ul{text-decoration: none; padding-top:2px; text-indent: 5px; list-style-position:outside;
			list-style-image:url(images/greensmallbullet.gif); padding-left: 20px; margin-left: 5px;}