/* @group CSS Reset */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
:focus{outline:0}
body{line-height:1; color:black; background:white}
ol, ul{list-style:none}
table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal;vertical-align:top;}
blockquote:before, blockquote:after, 
q:before, q:after{content:""}
blockquote, q{quotes:""""}
/* @end */
/* @group Rhythm */
body { font-size: 62.5%; line-height: 1.8em; }
/* @end */

/* @group Base Styles */

body {
    background: white url(images/background.png) 0em 12.5em repeat-x;
    font-family: Verdana, sans-serif;
    color: #666;
}

h1,h2,h3,h4,h5,h6 {
    font-family: Tahoma, sans-serif;
    color: #7BBB36;
}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
    font-size: 0.5em;
    vertical-align: baseline;
}

a { color: #0076bf; }
    a:hover { color: #22b6f6; }

strong { font-weight: bold; }

em { font-style: italic; }

button {
    border: 0;
    background: transparent;
}

sup {
    font-size: 0.5em;
    vertical-align: super;
}

/* @group Vertical Rhythm */

h1 {
    font-size: 2.4em;
    line-height: 1.5em;
}

h2 {
    font-size: 3.6em;
    line-height: 1em;
    margin-bottom: 0.5em;
}

h3 {
    font-size: 2.4em;
    line-height: 1.5em;
}

h4 {
    font-size: 1.5em;
    line-height: 1.2em;
}

p {
    font-size: 1.2em;
    margin-bottom: 1.5em;
    padding-right: 1.5em;
	clear: left;
}

iframe {
	border: none;
}

/*  In the 90s, breaks were for line-breaks.  Now, they're for breaks in content
    as seen in the Executive page under Corporate   */
br {
    margin-bottom: 5em;
}
	/*	Forms & some paragraphs should be treated differently than stand-alone BRs	*/
	form br,
	p br,
	table br {
		margin: auto;
	}

form button {
    cursor: pointer;
    width: 60px;
    height: 18px;
    background: url(images/login-button.png) top left no-repeat;
    color: white;
	outline: none;
	font-size: 1em;
}
    form button:hover {
        font-weight: normal;
    }

.more {
    display: none;
}

.bullet {
    float: right;
    margin-left: 1em;
}

.visual-clear { clear: both; }

.error {
	font-weight: bold;
	color: #c00;
}

.wrapper {
	position: relative;
	width: 980px;
	margin: auto;
	clear: both;
}

.overlay-content {
	background: #fff;
	padding: 1.5em;
	border: 3px solid #F6A12C;
}
	.overlay-content .close {
		position: absolute;
		top: 10px;
		right: 10px;
	}