* 
{
border:0;
margin:0;
padding:0;
}

html, body 
{
height: 100%;
color: #d2d2d2;
font: 100% "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

html
{
background: #27343C url(../graphics/body_back.png) repeat-x 0 top;
}

p, h1, h2, h3, h4, ul, li, a
{
text-shadow:0 1px 1px #000;
}

.clearfix:after {
content: "";
display: block;
clear: both;
}

.noborder:after {
content: "";
display: block;
clear: both;
}

a {
text-decoration: none;
background: none;
color: #8DBCD9;
font-weight: bold;
}
a:visited {
color: #8DBCD9;
}
a:active {
color: #8DBCD9;
}
a:hover {
text-decoration: none;
color: #d2d2d2;
}
a.external
{
padding-right: 14px;
background: url(../graphics/external.png) no-repeat right center;
}

p{
font-size: 0.8em; /* 16px x .75 = 12px */
line-height: 1.8em; /* 13px x 1.6 = 21px */
margin-bottom: 1em;
}

p.pflink{
margin-bottom: 1.3em;
}

p.pfserv{
color: #fff;
}

p.pfimg img
{
padding: 10px;
background-color: #d2d2d2;
}

p.pfprev{
line-height: 1em;
margin-bottom: 0;
}

p.pfprev img{
padding: 5px;
background-color: #666;
margin-right: 5px;
}

p.pfprev img:hover{
background-color: #d2d2d2;
}

h1
{
margin-bottom: 1em;
color: #fff;
text-shadow: 0px 1px 2px #000;
	font: bold 1.5em "Lucida Grande", Lucida, Verdana, sans-serif;
}

h1.pf
{
margin-bottom: 0;
}

.sub
{
color: #fff;
}

h2
{
font-size: 1.1em;
margin-bottom: 1em;
color: #fff;
text-shadow: 0px 1px 2px #000;
}

h2.pfserv
{
font-size: 1em;
margin-bottom: 0.5em;
color: #fff;
font-weight: normal;
font-style: normal;
}

#wrapper p strong, #wrapper ul strong
{
color: #fff;
font-weight: bold;
}

#wrapper #content-inner .left ul strong, #wrapper #content-inner .left p strong
{
font-style: italic;
	font-weight: bold;
}

.block
{
margin-bottom: 30px;
font-style: italic;
}

#wrapper p.last
{
margin-bottom: 0;
}

#content ul.column li ul.contents li.last{
margin-bottom: 0;
}
#content ul.column li ul li.last
{
margin-bottom: 0;
}
#content ul.column li ul.contentslast li.last
{
margin-bottom: 0;
}
#content ul.after.column li ul li
{
border: 0;
}

.center
{
bottom: 2px;
position: relative;
margin-right: 5px;
vertical-align: middle;
}

.bottom
{
vertical-align: text-bottom;
margin-right: 5px;
}

.ico
{
vertical-align: middle;
margin-right: 5px;
margin-left: 0;
}

.icocent
{
vertical-align: middle;
margin-right: 5px;
margin-left: 0;
bottom: 3px;
position: relative;
}

.icotop
{
vertical-align: text-top;
margin-right: 5px;
margin-left: 0;
}

#wrapper
{
height: 100%;
position:relative;
min-height: 100%;
min-width: 1024px; /*see IE6 hacks in iestyle.css*/
height: auto !important;
height: 100%;
margin: 0 auto -220px;
}

#header
{
position: relative;
width: 900px;
height: 175px;
margin: 70px auto 0;
background: url(../graphics/gradient.jpg) repeat-y;
border-top: 1px solid #080b0d;
border-bottom: 1px solid #425866;
}

#header-inner
{
width: 900px;	
height: 173px;
position: relative;
border-top: 1px solid #425866;
border-bottom: 1px solid #080b0d;
}

#header_left
{
float: left;
margin-left: 30px;
width: 450px;
height: 115px;
margin-top: 30px;
margin-bottom: 30px;
display: inline;
}

#header_left img.logo
{
margin-top: -6px;
}

#header_right
{
width: 380px;
height: 117px;
float: right;
display: inline;
}

#header_right img
{
margin-bottom: 2px;
}

#header_right .a
{
float: right;
width: 160px;
margin-top: 30px;
margin-bottom: 28px;

}

#header_right .b
{
float: right;
width: 160px;
margin-top: 30px;
margin-bottom: 28px;
margin-right: 30px;
}

#code
{
height: 134px;
width: 117px;
top: 0;
left: 0;
position: absolute;
z-index: 15;
margin: 0 auto;
background: url(../graphics/corner_topleft.png) no-repeat left top;
}

#banner
{
height: 220px;
z-index: 15;
background: url(../graphics/corner_botleft.png) no-repeat left bottom;
}

#main
{
}

#content
{
margin-top: 50px;
}

/* Content columns left-liquid right fixed width: general CSS */

ul.column{
padding: 0;
list-style: none;
float: left;
width: 100%;
}

ul.after.column{
padding: 0;
list-style: none;
float: left;
width: 100%;
border-top: 1px solid #080b0d;
border-bottom: 1px solid #425866;
margin-bottom: 30px;
}

ul.last.after.column{
border-bottom: 0px;
margin-bottom: 0px;
padding-bottom: 30px;
}


ul.column li {
float: left;
width: 100%;
margin: 0;
padding: 0 0 30px;
}

ul.after.column li {
float: left;
width: 100%;
margin: 0;
padding: 0;
border-top: 1px solid #425866;
border-bottom: 1px solid #080b0d;
}

ul.last.after.column li {
border-bottom: 0px;
}

ul.column li .left{
width: 250px; 
}

ul.column li .right {
float: right;
width: 540px;
padding: 0;
}

ul.after.column li .left,
ul.after.column li .right
{
padding-top: 30px;
padding-bottom: 30px;
}

ul.last.after.column li .left,
ul.last.after.column li .right
{
padding-top: 30px;
padding-bottom: 0px;
}

ul.column li .right h1, ul.column li .right h2, ul.column li .right h4
{
text-align: left;
}

#content ul.column li ul
{
margin-bottom: 1em;	
}

#content ul.column li ul.last.pfserv
{
margin-bottom: 0;	
}

#content ul.column li ul.contentslast
{
margin-bottom: 0;
}

#content ul.column li ul.contents li,
#content ul.column li ul.contentslast li,
#content ul.column li ul.pfserv li, 
#content ul.column li ul.block li 
{
font-size: 0.8em; /* 16px x .75 = 12px */
line-height: 1.8em; /* 13px x 1.6 = 21px */
list-style: none;
padding: 0 0 0 20px;
width: auto;
float: none;
background: url(../graphics/bullet.png) no-repeat 0.2em 0.5em; /* half line-height padding */
}

#content ul.column li ul.contents li
{
margin-bottom: 0.5em;
margin-top: 0;
margin-right: 0;
}

#content ul.column li ul.contentslast li,
#content ul.column li ul.pfserv li, 
#content ul.column li ul.block li 
{
margin: 0;
}


#content ul.column li ul.block li.internal 
{
list-style: disc;
background: none;
margin: 0 0 0 20px;
padding: 0;
position: relative;
left: 20px;
}

#content-inner
{
width: 840px;
margin: 0 auto;
height: 100%;
border-bottom: 1px solid #080b0d;
padding-right: 30px;
padding-left: 30px;
}

#content-inner.noborder
{
border-bottom: 0;
}

#quicklook {
width: 840px;
margin: 0 auto;
padding: 30px;
border-top: 1px solid #425866;
}

#footer, #push {
height: 220px;
}


#footer {
min-width: 1024px; /*see IE6 hacks in iestyle.css*/
}


#footer-inner {
height: 220px;
width: 900px;
margin: 0 auto;
}

#footer #panels
{
margin: 0 auto;
height: 169px;
position: relative;
overflow: hidden;
background: url(../graphics/gradient.jpg) repeat-y;
border-top: 1px solid #080b0d;
border-bottom: 1px solid #425866;
}

#footer #panels p
{
font-size: 0.8em;
line-height: 1.4em;
}

#footer #panels h2
{
margin-bottom: 0.5em;
}

#footer #panels-inner
{
height: 167px;
width: 900px;
border-top: 1px solid #425866;
border-bottom: 1px solid #080b0d;
}


#footer .panel
{
float: left;
display: inline;
}

#footer .panel.a, .panel.b{
margin-right: 20px;
margin-top: 30px;
}

#footer .panel.a
{
width: 190px;
margin-left: 30px;
}

#footer .panel.b h2{
visibility: hidden;
}

#footer .panel.b
{
width: 190px;
border-right: 1px solid #bcbcbc;
padding-right: 20px;
}

#footer .panel.c
{
width: 400px;
margin-top: 30px;
}


#footer #closure
{
width: 840px;
height: 49px;
margin: 0 auto;
overflow: hidden;
position: relative;
}

#footer #closure p
{
line-height: 49px;
text-align: center;
}