@charset "UTF-8";

* { font-size:100%; margin:0; padding:0; vertical-align: baseline; border-collapse:collapse; }
img {border:0; display: block;
} a{text-decoration: none;}

body {
	font: 16px/140% Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
background: #133b4c url(i/bg-133b4c.jpg) 0 0 repeat-x;
color: #fff;
text-align: center;
}
#wrap0 {
width: 1020px;
margin: 0 auto;
background: url(i/bg-shadow.jpg) 0 0 repeat-y;
}
#wrap1 {
width: 990px;
padding-left: 30px;
background: url(i/bg-left.jpg) 0 0 no-repeat;
}
#wrap2 {
width: 960px;
padding-right: 30px;
background: url(i/bg-right.jpg) 100% 0 no-repeat;
}
#content {
width: 960px;
overflow: hidden;
height: 100%;
border-top: 45px solid #216b3e;
text-align: left;
}
#top-bar {
	background: url(i/top-bar.jpg) 0 0 no-repeat;
	height: 60px;
	width: 100%;
}

/* TOP NAV */

#top-nav {
padding: 11px;
}

#top-nav ul li {
list-style: none;
display: inline;
float: left;
padding: 0;
}

#top-nav ul li a {
display: block;
height: 24px;
float: left;
padding-right: 8px;
background: url(i/nav-top_02.gif) 100% 0 no-repeat;
color: #fff;
white-space: nowrap;
}
#top-nav ul li a span {
display: block;
height: 24px;
font-size: 13px;
line-height: 23px;
float: left;
padding: 0 4px 0 12px;
background: url(i/nav-top_01.gif) 0 0 no-repeat;
}

#top-nav ul li a:hover, #top-nav ul li a:focus {
background: url(i/nav-top_02.gif) 100% 100% no-repeat;
color: #fc9;
}
#top-nav ul li a:hover span, #top-nav ul li a:focus span {
background: url(i/nav-top_01.gif) 0 100% no-repeat;
}


/* COMPANY LOGO LINKS */

#companylinks { clear: both; margin: 20px 0 0 0; overflow: hidden}

a#stanek { 
float: right;
display: block;
height: 62px;
width: 120px;
margin: 0 20px;
background: url(i/stanek-logo-link.gif) 0 0 no-repeat;
 }
a#stanek:hover, a#stanek:focus { 
background-position: 0 100%;
 }
a#stanek span { display: none; visibility: hidden;}

a#gracon { 
float: right;
display: block;
height: 62px;
width: 172px;
margin: 0 20px;
background: url(i/gracon-logo-link.gif) 0 0 no-repeat;
 }
a#gracon:hover, a#gracon:focus { 
background-position: 0 100%;
 }
a#gracon span { display: none; visibility: hidden;}


/* BOTTOM NAV */

#btm-nav {
padding: 20px;
}

#btm-nav ul {float: right; padding: 0;}

#btm-nav ul li {
list-style: none;
display: inline;
float: left;
padding: 0 8px;
white-space: nowrap;
}

#btm-nav ul li a {
display: block;
height: 24px;
float: left;
color: #fff;
white-space: nowrap;
}

#btm-nav ul li a:hover {
color: #fc9;
}

/* END NAV BARS */


#maincontent {
position: relative;
width: 100%;
overflow: hidden;
background: #fff url(i/white-grid.png) 0 0 repeat-x;
color: #333;
height: 100%;
clear:both;
}
#bottom-bar {
background: url(i/bottom-bar.jpg) 0 0 no-repeat;
height: 60px;
width: 100%;
font-size: 11px;
}


.left-content {
position: relative;
width: 542px;
float: left;
overflow: hidden;
height: 100%;
}
.right-content {
position: relative;
width: 418px;
float: left;
overflow: hidden;
height: 100%;
}

.inner {
padding: 10px 20px;
}


.blue-title {
background: #1379a7;
color: #fff;
text-align: center;
overflow: hidden;
padding: 6px 0;
}

.blue-title h1, .blue-title h2, .blue-title h3, .blue-title h4 {
color: #fff;
font-variant: small-caps;
}

.fifty-fifty {
width: 50%;
float: left;
overflow: hidden;
}









/* typography */
a:link, a:visited { color: #17a; }
a:hover, a:focus {color:#630;}

h1, h2, h3, h4 {
color: #1379a7;
}
h1 {font-size: 2em;
line-height: 140%;
margin: 0 0 10px 0;
font-variant: small-caps;
letter-spacing: 4px;
}
h2 {font-size: 1.6em;
line-height: 150%;
letter-spacing: 4px;
padding: 10px 0;
font-variant: small-caps;
}
h3 {font-size: 1.3em;
line-height: 130%;
padding: 6px 0;
font-variant: small-caps;
letter-spacing: 4px;
}
h4 {font-size: 1.2em;
line-height: 130%;
padding: 6px 0;
}
h5 {font-size: 1.1em;
line-height: 130%;
padding: 6px 0;
}
h6 {font-size: 1em;
line-height: 130%;
padding: 6px 0;
}
p{padding:0.6em 0}
blockquote { margin: 4px 20px;}
ol {
padding: 4px 2.5em;
}
ul {padding: 4px 1em;}
ul li {
padding: 0 0 0 1em;
margin: 4px 0;
background: url(i/li.gif) 0 0.4em no-repeat;
}
ul li ul li {
list-style: square;
padding: 0;
background: none;
color: #ddd
}


/* Assignable */
.clear {clear: both; height:1px; visibility:hidden;}
.clr {clear: both;}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
p.center img {margin: 0 auto;}
.float-lft {float:left; padding-right: 6px;}
.float-rt {float:right; padding-left:6px;}
.underline {border-bottom: thin;}
.smaller {font-size:small;}
.larger{font-size:larger;}