html { 
  min-height: 100%; 
  margin-bottom: 1px;
  background: #1057a6;
  color: #595959;
}
body {
  /*12px via YUI Fonts CSS foundation*/
  font-size: 93%;
  font-family: helvetica;
  margin:0;
  padding:0;
}


/* a */
a, a:visited { 
  color : #00467f;
  text-decoration : underline;
} 
a:hover { 
  text-decoration : none;
} 

div.clear {
  clear: both;
}

p {
  padding: 0 0.5em;
  margin: 0.5em 0;
}
h2 {
  font-size: 131%;
  padding: 0 0.5em;
  margin: 0.5em 0;
}
h4 { 
  /*12px via YUI Fonts CSS foundation*/
  font-size:93%;
  margin:0.5em 0;
}

.hide {
  display: none;
}

.inline {
  display: inline;
}

.block {
  display: block;
}
.floatleft {
  float: left;
}

a.sub-link-sameline {
  position: relative;
  float: right;
  font-size: 85%;
  padding: 0;
  margin: 0;
  margin-top: -26px;
  margin-right: 0.5em;
  color: #ffffff !important;
}

strong {
}
.bold {
  font-weight: bold;
}


ul {
  /*color: #00467f;*/
  margin: 0 0 0 20px;
  padding: 0.5em 0;
}

p.sub {
  font-size: 85%;
}

p.small-heading {
  font-weight: bold;
  font-size: 100%;
  margin-bottom: -0.5em !important;
}

.bottom-solid {
  margin: 0.5em 0.5em;
  padding: 0.5em 0;
  border-bottom: 1px solid #dddddd;
}


.peoplelisttitle {
  margin-bottom: 15px;
}

.rightalign{text-align: right;}

a.faq-question {
  font-weight: bold;
  text-decoration: none;
}
a.faq-question:hover {
  font-weight: bold;
  text-decoration: underline;
}
p.faq-question {
  font-weight: bold;
  margin: 1em 0;
}

.hilite {
  font-weight: bold;
  color: #00467f;
}

/* sifr
=================================*/

h1.replace {
  padding: 0.5em;
  margin: 0;
  color: #00467f; 
  font-weight: bold;
}


h2.replace-green {
  padding: 0.5em;
  margin: 0;
  color: #00661C;
  font-weight: bold;
}

h2.replace_reversed {
  padding: 0.5em;
  margin: 0;
  font-size: 110%;
  color: #ffffff !important;
}
h2.replace_reversed a {
  color: #ffffff;
}

p.publication-list-heading {
  color: #ad0f2d;
  padding: 0 0.5em;
  margin: 0;
}

p.replace-purple {
  padding: 0.5em;
  margin: 0;
  color: #673090; 
  font-weight: bold;
}
h2.replace-purple {
  padding: 0.5em;
  margin: 0;
  color: #673090; 
  font-weight: bold;
}



/* Main blocks
=================================*/
#wrapper {
  width: 952px;
  margin: 0 auto;
  background: #ffffff;
  padding: 0;
}
#header {
  width: 902px;
  height: 100px;
  position: relative;
  border-bottom: 3px solid #f17d21;
  margin-left: 25px;
}
#header h1, #header p.pagetitleheader {
  font-size: 2.2em;
  line-height: 1;
  font-weight: normal;
  padding: 0;
  margin: 0;
}
#header h1 a, #header p.pagetitleheader a {
  width: 382px;
  height: 60px;
  background: url("../images/OCPAS_logo.gif") no-repeat 0 0;
  text-indent: -10000px;
  overflow: hidden;
  position: absolute;
  top: 25px;
  left: 0;
  padding: 0;
  margin: 0;
}
#header p#skip_to_content {
  text-indent: -10000px;
  margin: 0;
}
#header div.search-cont { 
  position: relative;
  left: 650px;
  top: 40px;
  width: 250px;
  font-size: 85%;
}
#header div.search-cont label { 
  color: #595959;
}
#header div.search-cont input#searchfield { 
  float: left;
  width: 150px;
  padding: 2px 5px;
  border: 1px solid #999999;
  background: #f2f2f2;
}
#header div.search-cont input#submitsearchbut { 
  float: left;
  border: none;
  color: #ffffff;
  background: #00467f url("../images/search_arrow.gif") no-repeat 5em 0.6em;
  width: 6em;
  margin-left: 5px;
  padding: 3px 10px 3px 5px;
  cursor: pointer;
  font-size: 85%;
}

.header-right{
  position: relative;
  left:728px;
  top: 5px;
  width: 250px;
  font-size: 77%;
}


div.search-cont label.overlabel {
  display:none;
}
div.search-cont label.overlabel-apply {
  position: absolute;
  top: 0.2em;
  left: 0.3em;
  z-index: 1;
  color: #595959;
  font-style: normal;
  font-size: 100%;
}



/* Main Nav
=================================*/
div#menu-cont {
  width: 902px;
  margin: 0;
  padding: 0;
  float: left;
  margin-top: 10px;
  margin-left: 25px;
  height: 24px;
}
div#menu-cont ul.menu {
  float: left;
  width: 902px;
  display: inline;
  font-weight: normal;
  font-size: 85%;
  margin: 0;
  padding: 0;
} 
div#menu-cont ul.menu li {
  color: #00467f !important;
  list-style: none;
  display: inline;
  line-height: 22px;
  margin-left: 0;
  margin-right: 0;
}
div#menu-cont ul.menu li a {
  color: #00467f !important;
  text-decoration: none !important;
  padding: 3px 6px;
  padding-right: 9px;
  margin-left: 0;
  margin-right: -3px;
}
div#menu-cont ul.menu li a:hover {
  color: #00467f !important;
  text-decoration: underline !important;
}
div#menu-cont ul.menu li a.active, div#menu-cont ul.menu li a.active:hover {
  background: #00467f !important;
  color: #ffffff !important;
}


/* subnav_menu
=================================*/
ul#sub-menu {
  padding-left: 0;
  margin: 40px 0 0 0;
} 
ul#sub-menu.structured {
  margin-top: 32px;
} 
ul#sub-menu li {
  padding: 0;
  list-style: none;
  font-size: 85%;
  padding: 0.2em 0;
}
ul#sub-menu li a {
  color: #595959;
  text-decoration: none;
}
ul#sub-menu li a:hover {
  color: #00467f;
  text-decoration: underline;
}
ul#sub-menu li a.current {
  color: #00467f;
  text-decoration: underline;
  font-weight: bold;
}

ul#sub-menu ul {
  padding: 0;
  margin: 5px 0 0 15px;
} 
ul#sub-menu ul li {
  font-size: 100%;
}


/* Content Blocks
=================================*/

div#left-col {
  float: left;
  width: 608px;
  margin-left: 25px;
}
div#right-col {
  float: left;
  width: 275px;
  margin-left: 19px;
}

div#left-3col {
  float: left;
  width: 167px;
  margin-left: 25px;
}
div#mid-3col {
  float: left;
  width: 422px;
  margin-left: 19px;
}
div#right-3col {
  float: left;
  width: 275px;
  margin-left: 19px;
}
div#right-2col {
  float: left;
  width: 716px;
  margin-left: 19px;
}

div.left-2col {
  float: left;
  width: 422px;
}
div.right-2col {
  float: left;
  width: 275px;
  margin-left: 19px;
}
div.left-2col div.text-cont {
  width: 313px;
  margin-left: 19px;
  float: left;
}

div.half-left {
  float: left;
  width: 349px;
}
div.half-right {
  float: left;
  width: 349px;
  margin-left: 18px;
}

div.half-left img, div.half-right img, div.left-2col img {
  width: 90px;
  float: left;
}
div.half-left div.text-cont, div.half-right div.text-cont {
  width: 240px;
  margin-left: 19px;
  float: left;
}


#homeflash {
  margin-left: 25px;
}
#flashcontent {
  margin-left: 25px;
}

#breadcrumb {
  margin-left: 25px;
}
#breadcrumb p {
  font-size: 85%;
  padding: 0.5em 0;
}
#breadcrumb p a {
  color: #595959;
  text-decoration: none;
}
#breadcrumb p a:hover {
  text-decoration: underline;
}


/* sub title backgrounds
=================================*/
div.dblue-back {
  background: #00467f;
}
div.rblue-back {
  background: #1057a6;
}
div.maroon-back {
  background: #ad0f2d;
}
div.purple-back {
  background: #673090;
}
div.green-back {
  background: #00661c;
}
div.orange-back {
  background: #f17d21;
}

div.dblue-back, div.rblue-back, div.maroon-back, div.purple-back, div.green-back, div.orange-back {
  margin-bottom: -5px;
}
div.dblue-back a, div.rblue-back a, div.maroon-back a, div.purple-back a, div.green-back a, div.orange-back a {
  position: relative;
}

ul.green {
  color: #00661c;
}

/* homepage chunks
=================================*/
.homepage-publication-image {
  float: left;
  height: 100px;
  width: 140px;
  margin-top: 1em;
}
.homepage-publication-list {
  float: left;
  width: 460px;
  margin-top: 1em;
  margin-bottom: 2em;
}
.homepage-publication-list p {
  margin: 0;
}
.homepage-publication-list p.heading {
  font-size: 85%;
  margin-top: 1em;
  margin-bottom: 0.2em;
}

.homepage-publication-list p.heading a {
  color: #ad0f2d;
}


/* Filter
=================================*/
.filter-cont {
  padding: 0.5em;
  color: #ffffff;
}

select#filter { 
  width: 250px;
  padding: 0;
  border: 1px solid #999999;
  background: #f2f2f2;
  font-size: 85%;
}
input#filterbut { 
  border: 1px solid #ffffff;
  color: #ffffff;
  background: url("../images/search_arrow.gif") no-repeat 4em 0.4em;
  width: 5em;
  margin-left: 5px;
  padding: 0 10px 0 5px;
  cursor: pointer;
  font-size: 85%;
}



/* Footer
=================================*/
div.footer {
  width: 902px;
  height: 100px;
  margin: 40px 0 0 25px;
  background: #ffffff;
  border-top: 16px solid #f17d21;
  font-size: 85%;
}
div.footer div.left {
  width: 500px;
  float: left;
}
div.footer div.right {
  width: 300px;
  float: right;
}
div.footer div.right p {
}
div.footer a, div.footer a:visited { 
  color : #00467f;
  text-decoration : none;
} 
div.footer a:hover { 
  text-decoration : underline;
}


/* tables
===================================================*/

/*--- basic table ---*/
table.basic {
  margin: 0;
  padding: 0;
  width: 100%;
  border-collapse:collapse;
}

table.basic th {
  font-weight: bold;
  text-align: left;
  color: #00467f;
}
table.basic th, table.basic td {
  padding: 0.3em 0.3em;
  vertical-align: top;
  border: 1px solid #cccccc;
  font-size: 85%;
}
table.basic tr.odd {
  background: #222222;
}



/* colors
=================================*/
.dblue {
  color: #00467f !important;
}
.rblue {
  color: #1057a6 !important;
}
.maroon {
  color: #ad0f2d !important;
}
.purple {
  color: #673090 !important;
}
.green {
  color: #00661c !important;
}
.orange {
  color: #f17d21 !important;
}
.grey {
  color: #595959 !important;
}


.maroon a{
  color: #ad0f2d !important;
}
.purple a{
  color: #673090 !important;
}
.green a{
  color: #00661c !important;
}
.orange a{
  color: #f17d21 !important;
}
.grey a{
  color: #595959 !important;
}



body#search-results .text-cont,
body#whats-new .text-cont {
  margin: 0 !important;
  padding: 0 !important;
}

body#search-results .text-cont,
body#search-results .left-2col {
  width: 500px !important;
}
body#search-results .right-2col {
  width: 160px !important;
}

/* Forms
=================================*/
.blocklabel {
  color: #1057A6;
  font-weight: bold;
  padding-bottom: 2px;
}
.inlinelabel {
  color: #1057A6;
  float: left;
  width: 150px;
  font-weight: bold;
  padding-bottom: 2px;
}
.textfield, .selectfield {
  background: #f2f2f2;
  border-left: 1px solid #888888;
  border-top: 1px solid #888888;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  float: left;
  width: 300px;

}
.textareafield {
  background: #f2f2f2;
  height: 100px;
  margin-top: 5px;
  width: 300px;
  border-left: 1px solid #888888;
  border-top: 1px solid #888888;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}


/* Messages
=================================*/
div.siteerror,
div.sitemsg {
  padding: 12px 10px 15px 50px;
  color: #000000;
  font-weight: normal;
  font-size: 100%;
  margin: 10px 0;
}

div.siteerror {
  border: 2px solid #d35104;
}
div.siteerror {
  background: #ffffba url(/site/images/warning_large.gif) no-repeat 10px 10px;
}
div.siteerror ul#err {
	margin: 0 3px !important;
	padding: 0 !important;
}
div.siteerror ul#err li  {
	background-color: #ffffba !important;
}
div.sitemsg {
  border: 2px solid #265faf;
}
div.sitemsg {
	padding-top: 15px;
  background: #dfe6ef url(/site/images/msg_large.gif) no-repeat 10px 10px;
}