body {
text-align:center;
}
#container {
width:760px; 
margin:0 auto; 
text-align:center;
}
#container-inner {
text-align:left;
}
#head {
text-align:left;
}
#foot {
clear:both;
}
#main-body {
float:left;
margin: 0;
width: 75%;
}
#sidebar-2 {
float:right;
width:25%;
overflow:hidden;
margin-left:-3px;
}
#content {
float:right;
width:100%;
overflow:hidden;
}
#sidebar-1 {
float:left;
width:33.5%;
overflow:hidden;
margin-right:-3px;
}
.inside {
padding:30px;
}

/*******************************************************/
* { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6, 
p, blockquote, form, label,
ul, ol, dl, fieldset, address {
margin: 0.5em 0;
}

ul { margin-left: 2em; }

fieldset { padding: 1em; border: 1px solid #066; }

input, textarea { background: #EEE; border: 1px solid #066; }

body {
background: #888;
font-size: 76.1%;
font-family: "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
line-height: 1.75em;
margin: 0 0 1em 0;
}

#sidebar-2 { background: #fff; }

#container {
background: #FFF;
height:100% !Important;height:1%;
}

#container-inner {
background: #fff;
height:100% !Important;height:1%;
}

#head {
padding: 0 0 16px 0;
}

#head h1 { 
background: url(../ui/logoweb.gif) no-repeat 100% 0%; 
width: 197px;
height: 76px;
margin: 0 0 16px 563px;
padding: 0;
}

#head h1 span { display: none;  }

.article p {
margin: .75em 0;
}

#foot {
background: #fff;
padding:0px;
font: normal 0.9em "Lucida Grande", Verdana, Helvetica, sans-serif;
color: #066;
}

#foot .inside { 
margin: 0; padding: 0 0 10px 30px; 
background:  transparent url(../ui/triangle.gif) no-repeat top right;
}

#foot address { 
margin: 0; 
padding: 0; 
text-transform: uppercase;
letter-spacing: .05em;
font-style: normal;
}

a { text-decoration:none; }

a:hover { text-decoration: none; }

h1 {
font-size: 1.7em;
line-height: 1.7em;
}

h2 {
font-family: "Lucida Grande", Arial, sans-serif;
font-weight: normal;
color: #066;
font-size: 1.8em;
line-height: 1.0em;
}

h2 a, h3 a, .small a { text-decoration: none; color: #066; }
h2 a:hover, h3 a:hover, .small a:hover { text-decoration: underline; }

h3 {
font-family: "Lucida Grande", Arial, sans-serif;
font-weight: normal;
color: #066;
font-size: 1.8em;
line-height: 1.3em;
}

h4 {
font-size: 1.2em;
line-height: 1.2em;
margin-top: 1em;
}

h5 {
font-size: 1.1em;
line-height: 1.1em;
}

h6 {
font-size: 1em;
line-height: 1em;
font-weight: bold;
}

#navcontainer {
background: #066;
width: 100%;
height: 200px; 
color: #333;
margin: 0 0 30px 0;
}

#navcontainer div {
background:  transparent;
height: 200px;
}

#navcontainer-section, #nav-related {
width: 100%;
background: transparent;
color: #066;
margin: 30px 0;
text-align: right;
}

#navcontainer ul {
list-style: none;
margin: 0;
padding: 30px 0 10px 0;
}

#navcontainer-section ul, #nav-related ul {
list-style: none;
margin: 0;
padding: 0 30px 0 0;
}

#navcontainer-section h3 {
padding: 0 30px 0 0;
text-transform: uppercase;
font-family: Arial, sans-serif;
font-size: 1.5em;
line-height: 0.8em;
font-weight: bold;
}

#navcontainer-section h3 a {
text-decoration: none;
}

#navcontainer-section h3 a:hover {
text-decoration: none;
color: #F93;
}

#navcontainer li {
border-bottom: 1px solid #066;
margin: 0 !important;
}

#navcontainer li#first {
border-top: 0px solid #066;
}

#navcontainer-section li, #nav-related li {
margin: 1em 0 !important;
}

#navcontainer li a {
font-family: Arial, sans-serif;
font-size: 1.75em;
line-height: 1.6em;
text-transform: uppercase;
display: block;
padding: 2px 30px 2px 0;
background:#066;
color: #fff;
text-decoration: none;
text-align: right;
}

#navcontainer-section li a, #nav-related li a {
font-family: "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
color: #066;
font-size: 1.0em;
line-height: 1.2em;
display: block;
padding: 0px 0px;
border-left: 0px solid #066;
background:#FFF;
color: #066;
text-decoration: none;
}

#navcontainer-section li a {
font-weight: bold;
}

#nav-related li a {
font-weight: normal;
}

#nav-related h3 {
padding-right: 30px;
font-size: 1.2em;
font-weight: bold;
text-align: right;
}

#navcontainer-top {
padding:0;
margin: 0;
float:left;
width:75%;
overflow:auto;
}

#navcontainer-top ul{
list-style: none;
margin: 0;
padding: 5px 0px 5px 30px;
overflow:auto;
}

#navcontainer-top li{
display: block;
float: left;
margin: 0 !important;
}

#navcontainer-top li a {
font-family: "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
font-weight: bold;
color: #066;
font-size: 0.9em;
line-height: 1.3em;
display: block;
padding: 0px 5px 2px 5px;
border-left: 2px solid #F93;
background:#FFF;
color: #066;
text-decoration: none;
}

html>body #navcontainer li a { width: auto; }
html>body #navcontainer-top li a { width: auto; }
html>body #navcontainer-section li a { width: auto; }

#navcontainer li.current a, #navcontainer li.current a:hover {
color: #f93;
}

#navcontainer li a:hover {
color: #f93;
}

#navcontainer-section li.current a {
border-left: 0px solid #F93;
background: #fff;
color: #F93;
}

#navcontainer-section li a:hover {
border-left: 0px solid #F93;
background: #fff;
color: #F93;
}

#navcontainer-top li a:hover, #navcontainer-top li.current a { 
background: #F93; 
border-left: 2px solid #F93;
color: #FFF;
}

#sidebar-2, #bigbox { background: #FFF; }
#main-body { background: #FFF; }
#sidebar-2 .inside { padding:0;}
#sidebar-1 { display:none; } 
#container-inner { background:none; }

#searchnav { 
overflow: auto;  
height: 1%;
margin: 0;
padding-right: 30px;
}

#searchbox {
text-align: right;
float: right;
width:25%;
overflow:auto;
margin: 3px 0 0 0;
padding: 0;
}

#searchbox form { 
margin: 0px;
padding: 0; 
line-height: 1.3em;
font-size: .9em;
}

#searchbox input { 
margin:0; 
padding: 0 3px; 
border: 1px solid #066;
}

#searchbox label {
font-family: "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
font-weight: bold;
color: #066;
background:#FFF;
text-decoration: none;
}

.article-image, #bigbox {
margin: 0 -30px 30px -30px;
overflow: hidden;
width: 570px;
height: 200px;
}

.article-image div.top, #bigbox div.top {
background:  transparent url(../ui/triangle.gif) no-repeat top right;
height: 200px;
width: 570px;
position: absolute;
}
 
.article-image div.bottom, #bigbox div.bottom {
background:  transparent  url(../ui/pix_bottom_left.gif) no-repeat bottom left;
height: 200px;
width: 570px;
position: relative;
} 

.article-image div.bottom h2, #bigbox div.bottom h2 {
font-family: "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
text-transform: uppercase;
font-weight: normal;
color: #fff;
font-size: 70px;
line-height: 1.0em;
letter-spacing: -0.05em;
margin: 138px 0 0 26px;
padding: 0;
overflow: hidden;
}

#head .inside { padding: 0; }

#content .inside  { padding-top: 0; }

#splash {
text-align: right;
margin: 30px 30px 10px 0;
}

#splash img { border: none; } 

.refimg { margin-top: 30px; }

.refimg img { display: block; border: 1px solid #888; }

#navcontainer-section img { border: 1px solid #888; }

#navcontainer-section li p { margin: .5em 0; }

#navcontainer-section li  { text-align: right; }

.clear {clear:both;}

.article-ref {
width: 33%;
float: left;
}

h3.reflink a { 
border-bottom: 1px solid #F93; 
margin:0;
padding: .5em 0;
text-align: right;
letter-spacing: .05em;
}

legend { color:#000; }

.article p a { 
font-weight: bold; 
color: #066;
}

.article p a:hover {
color: #F93; 
text-decoration: underline;
}