HTML {
	BACKGROUND: url(../images/navigation/bodybg.png) #fff fixed repeat-y center top; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
BODY {
	BACKGROUND: url(../images/navigation/topbg.png) fixed no-repeat center top; FONT: 12px/1.4 Arial, Helvetica, sans-serif; COLOR: #444;
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0.5em 0px 0px; PADDING-TOP: 0px
}
H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0.5em 0px 0px; PADDING-TOP: 0px
}
H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0.5em 0px 0px; PADDING-TOP: 0px
}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0.5em 0px 0px; PADDING-TOP: 0px
}
OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0.5em 0px 0px; PADDING-TOP: 0px
}
P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1.2em; PADDING-TOP: 0px
}
A IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none
}
A:link {
	COLOR: #004696
}
A:visited {
	COLOR: #2874cb
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #427682;
	color:	#000099;
	text-decoration: none;
}
DIV#paraheader {
PADDING-RIGHT: 1em; PADDING-LEFT: 1em; FLOAT: left; PADDING-BOTTOM: 1em; MARGIN: 0px; WIDTH: 90%; PADDING-TOP: 1em;
}
Div#paraheader H3 {
FONT-SIZE: 130%; COLOR: #4da7bc
}

.note {
	FONT-SIZE: 90%; COLOR: #666
}
#container {
	MARGIN: 0px auto; WIDTH: 768px
}
#branding {
	BACKGROUND: url(../images/navigation/brandbg.png) #fff no-repeat right top; FLOAT: left; PADDING-BOTTOM: 2px; WIDTH: 100%; BORDER-BOTTOM: #376a77 2px solid
}
#branding {
	PADDING-BOTTOM: 6px
}
.empty#branding {
	BACKGROUND-IMAGE: none
}
#primenav {
	CLEAR: both; BACKGROUND: url(../images/navigation/primenavshadow.png) repeat-x 50% bottom; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 3px; WIDTH: 100%
}
#primenav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 1%; BACKGROUND: url(../images/navigation/navbar.png) #31626d repeat-x 50% bottom; PADDING-BOTTOM: 6px; MARGIN: 0px; WIDTH: 99%; PADDING-TOP: 3px; LIST-STYLE-TYPE: none
}
#primenav UL LI {
	PADDING-RIGHT: 2.2%; DISPLAY: inline; PADDING-LEFT: 2.2%; FONT-WEIGHT: bold; PADDING-BOTTOM: 7px; MARGIN: 0px 1px; PADDING-TOP: 3px
}
#primenav UL A {
	WIDTH: 100%; COLOR: #fff; TEXT-DECORATION: none
}
#primenav UL A:hover {
	COLOR: #fecd67; TEXT-DECORATION: underline
}
#primenav UL LI.current {
	BACKGROUND: url(../images/navigation/current_right.png) #fff no-repeat right bottom
}
#primenav UL LI.current A {
	COLOR: #4a696f
}
#primenav UL LI.current A:hover {
	COLOR: #4a696f
}
#content {
	CLEAR: both; MIN-HEIGHT: 300px; MARGIN: 0px 15px 4em
}
#content H1 {
	FONT-SIZE: 180%; MARGIN-BOTTOM: 0.2em; COLOR: #4da8bd
}
#content H2 {
	FONT-SIZE: 130%; MARGIN-BOTTOM: 0.2em
}
#content H2.section {
	MARGIN-BOTTOM: 0.5em; COLOR: #4da8bd; BORDER-BOTTOM: #cfe4e9 1px solid
}
#content H3 {
	FONT-SIZE: 115%; MARGIN-BOTTOM: 0.2em
}
#content H4 {
	FONT-SIZE: 60%
}
#content OL {
	PADDING-LEFT: 2.5em; MARGIN: 0.5em 2em 0px 0px
}
#content UL {
	PADDING-LEFT: 2.5em; MARGIN: 0.5em 2em 0px 0px
}
#content LI {
	MARGIN-BOTTOM: 0.5em
}
#content DT {
	FONT-WEIGHT: bold
}
#content DD {
	MARGIN-BOTTOM: 0.5em; MARGIN-LEFT: 3%
}
#footer {
	CLEAR: both; BORDER-TOP: #c9c5d8 1px solid; FONT-SIZE: 90%; MARGIN-RIGHT: 10px; COLOR: #666
}
#footer UL {
	LIST-STYLE-TYPE: none; MARGIN-TOP: 0.6em; MARGIN-RIGHT: 10px
}
#footer UL LI {
	DISPLAY: inline; MARGIN-TOP: 0.6em; MARGIN-RIGHT: 10px
}
#footer P#copyright {
	MARGIN-TOP: 0.6em; MARGIN-RIGHT: 10px
}
.meter-wrap{
    position: relative;
}

.meter-wrap, .meter-value, .meter-text {
    /* The width and height of your image */
    width: 155px; height: 30px;
}

.meter-wrap, .meter-value {
    background: #bdbdbd url(http://www.benogle.com/images/meter-outline.png) top left no-repeat;
}

.meter-text {
    position: absolute;
    top:0; left:0;

    padding-top: 5px;

    color: #fff;
    text-align: center;
    width: 100%;
}