/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, 
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;
}
ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*FUUN CSS - Basics*/
body {
line-height:1;
background: #b9e5ef url(images/bkgr.png) fixed repeat-x left top;
color: #333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 76%;
text-align: center;
}
#body2 {
background: url(images/rolling-hills.gif) repeat-x left bottom;
border-bottom: 1px solid #70c628;
}
p {
margin: 0;
padding: 5px 0;
font-size: 1.1em;
line-height: 1.6;
}
p.startpara {
padding-top: 0;
}
ol, ul {
margin: 0;
padding: 0;
font-size: 1em; 
line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
margin: 1.2em 0;
color: #534B48; 
}
h1, h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
h4 {
font-size: 1.2em;
}
h5 {
font-size: 1.1em;
}
h6 {
font-size: 1em;
}
a:link {
color: #1e4e9e;
text-decoration: underline;
}
a:visited {
color: #6855A9;
text-decoration: underline;
}
a:hover, a:active {
color: #900;
text-decoration: underline;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
blockquote {
padding: 5px 20px 5px 30px;
background: #cee9ef;
border: 1px solid #b0dae3;
}
hr.divider {
clear: both;
height: 20px;
border: none;
}

/* ~Layout
Set left nav background here
 */
#body2 {
width: 100%;
}
#wrapper {
width: 912px;
margin: 25px auto 0 auto;
text-align: left;
}
#header {
height: 108px;
margin: 0;
padding: 0;
}
#ffr-border {
height: 40px;
margin: 0;
}
#middle {
width: 912px;
margin: 0;
padding: 0;
}
#content {
float: right;
width: 620px;
margin: 0px 0 0 0;
padding: 10px 50px 0 0;
text-align: left;
}
#footer {
clear: both;
margin: 0 0 50px 0;
padding: 5px 20px 5px 10px;
border-top: 5px solid #84dbef;
}

/* ~Header */
#header {
background: url(images/bkgr-header.gif) no-repeat top left;
}
#fuun-logo {
position: absolute;
margin-top: 17px;
margin-left: 45px;
padding: 0;
}
#sn-title {
margin: 0;
padding: 0px 10px 0px 240px;
}
#sn-title h1 {
display: inline;
text-align: left;
}
#sn-title a:link, #sn-title a:visited, #sn-title a:hover, #sn-title a:active {
border: none;
text-decoration: none;
}
.fuuntext {
display:none;
}
#fuun {
margin: 0;
padding: 32px 10px 0px 240px;
}
#fuun a:link, #fuun a:visited, #fuun a:hover, #fuun a:active {
border: none;
text-decoration: none;
}

/* ffr-border */
#ffr-border {
background: #1e4e9e url(images/border.png) repeat-x right top;
}

/* Middle - Left Nav and content*/
#middle {
background: #fff  url(images/bkgr-nav.gif) repeat-y left top;
}
#content {
background: #fff;
}
#content h2 {
margin: 0px;
padding: 10px 0px 10px 0px;
border: none;
color: #900;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 1.5em;
font-weight: normal;
letter-spacing: 1px;
line-height: 1.2;
}
#content h3 {
margin: 0px;
padding: 10px 0px 10px 0px;
color: #900;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 1.3em;
font-weight: bold;
letter-spacing: 1px;
line-height: 1.2;
}
#content h3.subtitle {
margin-top: -5px;
padding: 0 0 15px 0;
color: #164497;
}
#content ul {
	font-size: 1.1em;
	margin-top: 5px;
}
#content ul li {
	margin-left: 20px;
  	line-height: 1.5;
	list-style: none;
	list-style-image: url(images/bullet-circle-yellow.gif);
	padding: 0 0 7px 0;
}
#content ul ul {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 1em;
}
#content ul ul li {
	list-style-image: url(images/bullet-circle-red.gif);
}
#content ol {
	font-size: 1.1em;
	margin-top: 5px;
}
#content ol li {
	margin-left: 20px;
  line-height: 1.4;
	padding: 0 0 7px 0;
}


/* Sidebar */
#sidebar {
clear: left;
float: left;
width: 200px;
}
#sidebar ul {
margin: 10px 0 0 0;
padding: 0;
list-style-type: none;
}
#sidebar a {
display: block;
padding: 10px 15px 10px 25px;
width: 160px;
background-color: #D8ECD8;
border-bottom: 1px solid #95c1e4;
font-size: 1.1em;
line-height: 1.4;
}
#sidebar a:link, #sidebar a:visited {
background: #b0dae3  url(images/nav-arrow-dkblue.gif) no-repeat 12px 14px;
color: #0a2e70;
text-decoration: none;
}
#sidebar a:hover, #sidebar a:active {
background: #89d3e4  url(images/nav-arrow-blue.gif) no-repeat 12px 14px;
color: #fff;
}
#sidebar a#youarehere {
background: #cee9ef  url(images/nav-arrow-dkblue.gif) no-repeat 185px 14px;
color: #666;
}
#sidebar a.mainlink:link, #sidebar a.mainlink:visited {
background: transparent  url(images/nav-arrow-dkblue.gif) no-repeat 12px 14px;
color: #0a2e70;
}


/* Footer */
#footer {
background: transparent  url(images/trans-aqua.gif);
color: #222;
font-size: .8em;
font-weight: bold;
padding-bottom: 20px;
}
p.address {
text-align: right;
}
#footer a:link, #footer a:visited {
color: #000;
text-decoration: none;
border-bottom: 1px solid #000;
}
#footer a:hover, a:active {
color: #fff;
text-decoration: none;
border-bottom: 1px solid #fff;
}