@charset "UTF-8";
/* CSS Document */

* { font-size:100%; margin:0; padding:0; vertical-align: baseline; }
table {border-collapse: collapse; border-spacing: 0;}
table, th, td {border: 1px solid #bcd;}
td, th {padding: 4px 12px}
th {background: #79b; color: #fff;}
tr.row2 td {background: #ddd; color: #222;}
img {border:0;}

body {
background: #557fa7;
color: #fff;
font: 13px/140% Verdana, Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
text-align: center;
}
#outer {
background: #6a8bac url(i/bg1-mid.jpg) 50% 0;
min-width: 990px;
}

#bg1btm {
background:url(i/bg1-btm.jpg) repeat-x 50% 100%;
height: 100%;
}

#bg1top{
background: url(i/bg1-top.jpg) repeat-x 50% 0;
height: 100%;
}

#bg2 {
background:url(i/bg2-down145.jpg) no-repeat 50% 131px;
height: 100%;
}

#wrap {
width: 990px;
margin: 0 auto;
height: 100%;
overflow: hidden;
}

#headder {
margin: 14px 0 0 0;
overflow: hidden;
}

/* TOP MENU */

#top-nav {
height: 25px;
margin: 18px 0;
}

#top-nav ul {margin: 0; padding:0; display: block; overflow: hidden; width: 990px; }
#top-nav ul li {
list-style: none none; 
margin: 0 auto; 
padding:0;
float: left;
}
#top-nav ul li a { 
display: block; 
float: left; 
height: 25px; 
padding: 0 14px 0 28px; 
background: url(i/top-nav-tab.gif) no-repeat 0 0;
text-decoration: none;
text-transform: lowercase;
color: #fff;
font-weight: bold;
line-height: 26px;
}
#top-nav ul li.first a { background: none;}

#top-nav ul li a:hover, 
#top-nav ul li a:focus {
color: #662d2f;
}

/* END TOP MENU */

/* LEFT MENU */

ul#left-nav {padding: 0; margin: 0;}

ul#left-nav li {
list-style: none none;
padding: 0; 
margin: 0;
}

ul#left-nav li a {
display: block; 
padding: 0px 0 8px 24px; 
background: url(i/left-nav-tab.gif) no-repeat 0 100px;
text-decoration: none;
color: #1e4973;
font: 12px/130% Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
overflow: hidden;
}

ul#left-nav li a.navtitle {
font-size: 16px;
font-weight: bold;
border-top: 1px solid #369;
border-bottom: 2px solid;
background-color: #def;
margin: 16px 0;
line-height: 28px;
padding: 0 0 0 24px
}

ul#left-nav li a:hover, 
ul#left-nav li a:focus {
color: #f70;
background-position: 0 0;
}

ul#left-nav li a.navtitle:hover, 
ul#left-nav li a.navtitle:focus {
color: #f70;
background-position: 0 4px;
}

/* END LEFT MENU */

/* Content Area */

#main {
clear: both;
overflow: hidden;
text-align: left;
}

#display {
clear: both;
margin: 0;
}
#displayphoto {
width: 400px;
float: left;
overflow: hidden;
padding-right: 17px;
margin-bottom: 12px;
height: 100%;
}

#welcome {
width: 534px;
overflow: hidden;
height: 100%;
padding: 40px 0 0 26px;
background: url(i/welcome-logo.gif) no-repeat 0 0;
font-size: 16px; 
line-height: 140%;
}

#content {
clear: both;
}

/* --- */

#cont-p2-0 {
clear: both;
background: url(i/2col-mid.gif);
overflow: hidden;
height: 100%;
color: #333;
}
#cont-p2-1 {
background: url(i/2col-top.jpg) no-repeat 0 0;
overflow: hidden;
height: 100%;
}
#cont-p2-btm {
clear: both;
background: url(i/2col-btm.gif) no-repeat 0 100%;
height: 41px;
overflow: hidden;
}

/* --- */

#p2singlecol0 { 
background: #fff url(i/1col-mid.gif) repeat-y 0 0;
color: #333;
height: 100%;
overflow: hidden;
}
#p2singlecol1 {
background: url(i/1col-top.jpg) no-repeat 0 0;
height: 100%;
overflow: hidden;
}
#p2singlecol2 {
background: url(i/1col-btm.jpg) no-repeat 0 100%;
height: 100%;
overflow: hidden;
padding: 36px
}

/* --- */

#left-col {
width: 160px;
padding: 60px 15px;
float: left;
overflow: hidden;
}

/* --- */

#main-cont {
width: 726px;
padding: 20px 0 0 50px;
float: left;
overflow: hidden;
text-align: left;
}

/* --- */

#cont-left {
float: left;
width: 346px;
padding: 0 20px 0 0;
}
#cont-right {
float: left;
width: 356px;
padding: 0 0 10% 0;
background: url(i/logo-grey.gif) no-repeat 50% 100%;
}

#p2singlecol2 #cont-left {
width: 48%;
}
#p2singlecol2 #cont-right {
width: 48%;
}

.cont-right-inner {
padding: 0 0 0 20px;
border-left: 2px solid #999;
}

#footer {
	font-size: small;

	text-align: center;
	clear: both;
	padding: 24px 0 10px 0;
}

/* HOME PAGE BOXES */
#box1 {
float: left;
width: 50%;
}
#box2 {
float: right;
width: 481px;
}

.box-outer1 {
background: url(i/box-outer-top.gif) no-repeat 0 0;
padding: 24px 0 0 0;
width: 481px;
overflow: hidden;
height: 100%;
}
.box-outer2 {
background:url(i/box-outer-btm.gif) no-repeat 0 100%;
padding: 0 0 24px 0;
overflow: hidden;
}
.box-inner1 {
background:url(i/box-inner-btm.jpg);
overflow: hidden;
height: 100%;
}
.box-inner2 {
background: url(i/box-inner-top.jpg) no-repeat 0 0;
overflow: hidden;
height: 100%;
}
.box-minheight {
float: left;
height: 87px;
width: 4px;
overflow: hidden;
}
.box-content {
padding: 0 20px;
color: #000;
float: left;
width: 433px;
overflow: hidden;
height: 100%;
}

a.learnmore {
display: block;
width: 87px;
height: 18px;
float: right;
background:url(i/content-learnmore.gif) no-repeat 0 0;
}

.box-outer1 a.learnmore {
background:url(i/box-learnmore.gif) no-repeat 0 0;
}
a.learnmore span {
display: none;
visibility:hidden;
}
a.learnmore:hover, a.learnmore:focus {
background-position: 0 100%;
}


/* TYPOGRAPHY */
a {
color: #600;
text-decoration: none;
}

a:hover, 
a:focus {
color: #f70;
}

sup {font-size: 0.7em; vertical-align: top;}

p {margin: 1em 0;}
.box-content p {margin: 0 0 1em 0;}

h1 {font-size: 2.1em;
line-height: 150%;
font-weight: normal;
color: #1e4973;
}

h2 {font-size: 1.6em;
line-height: 150%;
color: #1e4973;
}
h3 {font-size: 1.4em;
line-height: 150%;
color: #1e4973;
}
h4 {font-size: 1.2em;
line-height: 150%;
color: #1e4973;
}
h5 {font-size: 1.1em;
line-height: 150%;
}
h6 {font-size: 1em;
line-height: 150%;
}

blockquote { margin: 1em;}
ol {
padding: 0.3em 2.5em;
}

ul {padding: 0.3em 2em;}
ul li {
list-style: square outside url(i/li1.gif);
padding: 0 0 0 0.2em;
margin: 0.3em 0;
line-height: 120%;
}
ul li ul li {
list-style: disc outside url(i/li2.gif);
}
ul li ul li ul li {
list-style: circle;
}

ul.strong {
font-weight: bold;
padding: 0.3em 0em;
}
ul.strong li {
list-style: none outside none;
}



/* ASSIGNABLE */
.clr {clear: both;}
.clear {clear: both; height:1px; visibility:hidden;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.float-lft {float:left; padding-right: 16px;}
.float-rt {float:right; padding-left: 16px;}
.underline {border-bottom: thin;}
.smaller {font-size:small;}
.larger{font-size:larger;}

#accordion h3.toggler {font-size: 1.2em; cursor: pointer;}
#accordion div.element {padding-left:2.6em}