html, body {
  height: 100%;
}

body {
  color: #A1A0A0;
  font-family: Arial;
  font-size: 80%;
  line-height: 1em;
  background: #FFFFFF url(../img/bkgrnd.gif) repeat scroll;
}

strong, strong * {
  /*color: #484747;*/
  font-weight: bold;
}

em {
  font-style: italic;
}

/* default styling */

h1, h2, h3 {
  font-family: "Baskerville", Georgia;
}

h1, h2, h3, h4, h5 {
  color: #484747;
}

h1, h2 {
  font-size: 1.8em;
  line-height: 1em;
  margin-bottom: 0.65em;
}
/*
h2 {
  font-size: 1.8em;
  line-height: 1em;
  margin-bottom: 1em;
}
*/
h3 {
  font-size: 1.3em;
  line-height: 1em;
  margin-bottom: 0.5em;
}

h4 {
  font-size: 1.1em;
  line-height: 1.4em;
  margin-bottom: 0.5em;
}

h5, h6 { font-weight: bold;}

h5, h6, p, ol, ul {
  font-size: 0.95em;
  line-height: 1.2em;
  margin-bottom: 1em;
}

ul  {
  line-height: 1.4em;
}

.col1 h6 { font-size: 0.85em;}
.col2 h6 { margin-bottom: 0.2em; }

p.big {
  font-size: 1.2em;
  line-height: 1.2em;
  font-weight: bold;
}

p, p.grey, li {
  color: #333333;
}
/*p {color: #333333 !important; }*/

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a, li a {
  color: #06784E;
}

li a {
  color: #06784E;
}

h1 a, h2 a, h1 a, h3 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, p a:hover, li a:hover, li.current a {
  color: #06784E;
}

h3 a:hover, li.current a ul li a {
  color: #06784E;
}

/* site layout */

#outer {
  height: auto !important;
  height: 100%;
  min-height: 100%;
  width: 960px;
  margin: 0 auto;
  position: relative;
  background: #FFFFFF none;
}

#wrap {
  width: 960px;
  padding-bottom: 50px;
  background: #FFFFFF none;
}

.inner {
  width: 914px;
  margin: 0 auto;
}

.col1 {
  width: 160px;
  float: left; 
}

.col2 {
  width: 732px;
  float: right;
}

.col2 .col1 {
  width: 380px;
}

.col2 .col2 {
  width: 260px;
  height: 370px;
}

.member .col2 .col1,
.members .col2 .col1 {
  width: 465px;
}

.members .col2 .col2,
.member .col2 .col2 {
  height: 280px;
}

#content_area { /*margin-bottom: 1px;*/ background: transparent none no-repeat scroll bottom right; }
.members .col2 .col2 { width: 10px; }

#top, #top .col1, #top .col2 {
  height: 195px;
  overflow: hidden;
}

#top h1, #top h1 a {
  display: block;
  height: 195px;
  text-indent: -500em;
  background: transparent url(../img/logo_green.jpg) no-repeat scroll 0 0;
}

#top h1 a { width: 130px; }

#top .col2 {
  position: relative;
  background: transparent url(../img/grey.gif) repeat-x scroll bottom left;
}

#top .col2 ul {
  position: absolute;
  height: 22px;
  width: 732px;
  top: 18px;
  left: 0;
}

#top .col2 ul li {
  display: block;
  float: left;
  margin-right: 33px;
}

#top .col2 ul li a {
  display: block;
  color: #949393;
  font-size: 11px;
  height: 25px;
}

/*#top .col2 ul li.current a,*/ #top .col2 ul li a:hover {
  color: #949393;
  background: transparent url(../img/menu_bg.gif) repeat-x scroll bottom left;
}


#top .col2 h2 {
  position: absolute;
  height: 50px;
  line-height: 50px;
  font-size: 40px;
  left: 0;
  bottom: 14px;
  margin: 0;
}

#breadcrumb {
  margin-bottom: 32px;
}

#breadcrumb p {
  line-height: 24px;
  font-size: 0.85em;
  margin: 0;
}

#breadcrumb p, #breadcrumb p a, #breadcrumb p a:hover {
  color: #B1B0B0;
}

#breadcrumb p a:hover {
  text-decoration: underline;
}

#breadcrumb .col2 {
  height: 24px;
  overflow: hidden;
}

#breadcrumb form#search {
  display: block;
  float: right;
  height: 24px;
  width: 195px;
  background: #E5E5E5;
}

#breadcrumb form#search input {
  display: block;
  float: left;
  margin-left: 5px;
  width: 140px;
  height: 24px;
  color: #FFFFFF;
  border: none;
  background: transparent;
  font-size: 18px;
}

#breadcrumb form#search button {
  display: block;
  float: right;
  width: 40px;
  height: 24px;
  text-indent: -500em;
  border: none;
  background: transparent url(../img/search_button.gif) no-repeat scroll top left;
}

/*#main*/div.hr {
  background: transparent url(../img/main_bg.gif) no-repeat scroll bottom right;
  height: 1px;
  
  margin: 0 !important;
  padding: 0 !important;
}
div.hr hr { display: none; }

/*
#main .col1 {
  font-size: 0.9em;
}*/

ul.menu li {
  margin-bottom: 0.35em;
}

ul.menu li a {
  display: block;
  padding-left: 10px;
  color: #A1A0A0;
  background: transparent url(../img/nav_arrow_light.gif) no-repeat scroll 0 0.4em;
}

ul.menu li.current a, ul.menu li a:hover {
  color: #484747;
  background-image: url(../img/nav_arrow_dark.gif);
}

.col1 ul.menu { font-size: 11px; }

.members ul.menu {
  width: 170px;
  margin-right: 5px;
  float: left;
}

.member .col2 {
  position: relative;
}


.member ul.menu.link { position: absolute; left: 0; bottom: 0; margin-bottom: 0; margin-top: 2em;}
.member .col2 .col1 { padding-bottom: 3.4em; }


#main .col2 p {
  line-height: 1.6em;
  margin-bottom: 1em;
}


#main .col2 ul {
  list-style: disc;
  list-style-position: inside;
}

#main .col2 ul.menu { list-style: none !important; list-style-position: outside; }

#footer {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 30px;
  
  width: 100%;
  color: #FFF;
  overflow: hidden;
}

#footer .inner { width: 960px; background: #06784E url(../img/footer_bg.gif) repeat-x scroll top left;}
#footer .col1 { margin-left: 23px; }
#footer .col2 { text-align: right; margin-right: 23px; }
#footer p { line-height: 30px; margin-bottom: 0; font-size: 0.9em; color: #FFFFFF;}
#footer a, #footer a:hover { color: #FFFFFF; text-decoration: underline; }

.news h4 {
  padding-bottom: 0.3em;
  background: transparent url(../img/grey.gif) repeat-x scroll bottom left;
  font-weight: bold;
}

/* colour codings */

.turquoise #top ul li.turquoise a,
.grey #top ul li.grey a,
.orange #top ul li.orange a,
.blue #top ul li.blue a,
.red #top ul li.red a,
.purple #top ul li.purple a,
.aqua #top ul li.aqua a,
.green #top ul li.green a,
.lemon #top ul li.lemon a {
  background: transparent url(../img/menu_bg.gif) repeat-x scroll;
}

#top .col2 ul li.turquoise a { background-position: 0 -25px; }
#top .col2 ul li.grey a { background-position: 0 -50px; }
#top .col2 ul li.orange a { background-position: 0 -75px; }
#top .col2 ul li.blue a { background-position: 0 -100px; }
#top .col2 ul li.red a { background-position: 0 -125px; }
#top .col2 ul li.purple a { background-position: 0 -150px; }
#top .col2 ul li.aqua a { background-position: 0 -175px; }
#top .col2 ul li.lemon a { background-position: 0 -200px; }
#top .col2 ul li.green a { background-position: 0 0; }


.turquoise #top h1, .turquoise #top h1 a { background-image: url(../img/logo_turquoise.jpg); }
.grey #top h1, .grey #top h1 a { background-image: url(../img/logo_grey.jpg); }
.orange #top h1, .orange #top h1 a { background-image: url(../img/logo_orange.jpg); }
.blue #top h1, .blue #top h1 a,
.extra #top h1, .extra #top h1 a { background-image: url(../img/logo_blue.jpg); }
.red #top h1, .red #top h1 a { background-image: url(../img/logo_red.jpg); }
.purple #top h1, .purple #top h1 a { background-image: url(../img/logo_purple.jpg); }
.green #top h1, .green #top h1 a { background-image: url(../img/logo_green.jpg); }
.aqua #top h1, .aqua #top h1 a { background-image: url(../img/logo_aqua.jpg); }
.lemon #top h1, .lemon #top h1 a { background-image: url(../img/logo_lemon.jpg); }

.turquoise #footer .inner { background-position: 0 -50px; }
.grey #footer .inner { background-position: 0 -100px; }
.orange #footer .inner { background-position: 0 -150px; }
.blue #footer .inner, .extra #footer .inner { background-position: 0 -200px; }
.red #footer .inner { background-position: 0 -250px; }
.purple #footer .inner { background-position: 0 -300px; }
.green #footer .inner { background-position: 0 0; }
.aqua #footer .inner { background-position: 0 -350px; }
.lemon #footer .inner { background-position: 0 -400px; }

.turquoise #content_area a { color:#028C96; }
.grey #content_area a { color:#717372; }
.orange #content_area a { color:#F78D05; }
.blue #content_area a,
.extra #content_area a { color:#021DA2; }
p.red,
.red #content_area a { color:#E30423; }
.purple #content_area a { color:#67099D; }
.green #content_area a { color:#449802; }
.aqua #content_area a { color:#33ccff; }
.lemon #content_area a { color:#FFE303; }

.purple #content_area ul.menu a { color: #A1A0A0; }
.purple #content_area ul.menu a:hover { color: #484747; }


/* new - 3/3/09 */
#main { position: relative; zoom: 1;}
#main .col1  ul.menu  { padding-bottom: 105px; }
/*  OLD
h4#top_ranked, h4#top_ranked a {
  display: block;
  margin: 0;
  padding: 0;
  width: 89px;
  height: 116px;
  text-indent: -1000em;
  background: transparent url(../img/top_ranked_2010.jpg) no-repeat scroll 0 0;
}
*/
h4#top_ranked, h4#top_ranked a {
  display: block;
  margin: 0;
  padding: 0;
  width: 60px;
  height:78px;
  text-indent: -1000em;
  background: transparent url(../img/top_ranked_2011_small.jpg) no-repeat scroll 0 0;
}

h4#top_ranked {
  position: absolute;
  bottom: 5px;
  left: 10px;
}

h4#legal500, h4#legal500 a {
  display: block;
  margin: 0;
  padding: 0;
  width: 80px;
  height:78px;
  text-indent: -1000em;
  background: transparent url(../img/legal500small.jpg) no-repeat scroll 0 0;
}


h4#legal500 {
  position: absolute;
  bottom: 6px;
  left:77px;
}



#footer .col1 { width: 300px; }
#footer .col2 { width: 500px; }

/* formalize css */
form div.clearfix { margin-bottom: 14px; }
label { display: block; color: #333; float: left; width: 100px; }

.input_tiny {
  width: 50px;
}
.input_small {
  width: 100px;
}
.input_medium {
  width: 150px;
}
.input_large {
  width: 200px;
}
.input_xlarge {
  width: 250px;
}
.input_xxlarge {
  width: 300px;
}
.input_full {
  width: 100%;
}
.input_full_wrap {
  display: block;
  padding-right: 8px;
}
::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type="search"]::-webkit-search-decoration {
  display: none;
}
input,
button,
select,
textarea {
  margin: 0;
  vertical-align: middle;
}input[type="radio"],
input[type="checkbox"] {
  position: relative;
  vertical-align: top;
  top: 3px;
  top: 0\0;
  *top: -3px;
}
@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) {
  input[type="radio"],
  input[type="checkbox"] {
    vertical-align: baseline;
    top: 2px;
  }
}
@media (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) {
  input[type="radio"],
  input[type="checkbox"] {
    vertical-align: baseline;
    top: 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 480px) {
  input[type="radio"],
  input[type="checkbox"] {
    vertical-align: baseline;
    top: 0;
  }
}
button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  background: #ddd url(../img/button.png) repeat-x;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #021DA2), color-stop(1, #5f73d5));
  background: -moz-linear-gradient(top center, #021DA2 0%, #5f73d5 100%);
  border: 1px solid;
  border-color: #0a175b;
  cursor: pointer;
  color: #ffffff;
  font: normal 12px/1.3 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
  outline: 0;
  overflow: visible;
  padding: 3px 10px;
  /*text-shadow: #fff 0 1px 1px;*/
  width: auto;
  *padding-top: 2px;
  *padding-bottom: 0px;
}
button {
  *padding-top: 1px;
  *padding-bottom: 1px;
}
textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  -webkit-appearance: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  background-color: #faf9f9;
  border: 1px solid;
  border-color: #b9b6b6 #bcb9b9 #bcb9b9;
  color: #000;
  display: block;
  outline: 0;
  padding: 2px 3px;
  font-size: 13px;
  font-family: Arial, 'Liberation Sans', FreeSans, sans-serif;
  float: left;
  height: 1.8em;
  *padding-top: 2px;
  *padding-bottom: 1px;
  *height: auto;
  
  
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efeeee), to(#ffffff));
  background: -webkit-linear-gradient(top, #efeeee, #ffffff);
  background: -moz-linear-gradient(top, #efeeee, #ffffff);
  background: -ms-linear-gradient(top, #efeeee, #ffffff);
  background: -o-linear-gradient(top, #efeeee, #ffffff)
}

::-webkit-input-placeholder {
  color: #888;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #888;
}
input.placeholder_text,
textarea.placeholder_text {
  color: #888;
}
:invalid {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button:focus,
button:active,
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active {
  -moz-box-shadow: #06f 0 0 7px;
  -webkit-box-shadow: #06f 0 0 7px;
  box-shadow: #06f 0 0 7px;
  z-index: 1;
}
input[type="file"]:focus,
input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
select[disabled],
textarea[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled] {
  background-color: #eee;
}
button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled] {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: #888;
  cursor: default;
}

textarea,
select[size],
select[multiple] {
  height: auto;
}
@media (-webkit-min-device-pixel-ratio: 0) {
  select {
    background-image: url(../img/select_arrow.gif);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
  }

  select[size],
  select[multiple] {
    background-image: none;
    padding: 0;
  }

  ::-webkit-validation-bubble-message {
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #000));
    border: 1px solid;
    border-color: #747474 #5e5e5e #4f4f4f;
    color: #fff;
    font: 11px/1 'Lucida Grande', Arial, 'Liberation Sans', FreeSans, sans-serif;
    padding: 15px 15px 17px;
    text-shadow: #000 0 0 1px;
  }

  ::-webkit-validation-bubble-arrow,
  ::-webkit-validation-bubble-top-outer-arrow,
  ::-webkit-validation-bubble-top-inner-arrow {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #666;
    border: 0;
  }
}
textarea {
  min-height: 40px;
  overflow: auto;
  resize: vertical;
  width: 100%;
}
optgroup {
  color: #000;
  font-style: normal;
  font-weight: normal;
}
.ie6_button,
* html button {
  background: #ddd url(../img/button.png) repeat-x;
  border: 1px solid;
  border-color: #ddd #bbb #999;
  cursor: pointer;
  color: #333;
  font: bold 12px/1.2 Arial, sans-serif;
  padding: 2px 10px 0px;
  overflow: visible;
  width: auto;
}
* html button {
  padding-top: 1px;
  padding-bottom: 1px;
}
.ie6_input,
* html textarea,
* html select {
  background: #fff;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: #000;
  padding: 2px 3px 1px;
  font-size: 13px;
  font-family: Arial, sans-serif;
  vertical-align: top;
}
* html select {
  margin-top: 1px;
}
.placeholder_text,
.ie6_input_disabled,
.ie6_button_disabled {
  color: #888;
}
.ie6_input_disabled {
  background: #eee;
}


/* utility classes */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.fl { float: left !important; }
.fr { float: right !important; }
.clear {  display: block; clear: both; margin-bottom: 0;}
.cl { clear: left; }
.cr { clear: right; }

.ta_r, .align-right { text-align: right !important; }
.ta_l { text-align: left !important; }
.ta_c, .align-center { text-align: center !important; }

.p_0 { padding: 0 !important; }
.pb_0 { padding-bottom: 0 !important; }

.mb_0 { margin-bottom: 0 !important; }
.mt_0 { margin-top: 0 !important; }

.ml_1 { margin-left: 1em !important; }
.mr_1 { margin-right: 1em !important; }
.mb_1 { margin-bottom: 1em !important; }
.mt_1 { margin-top: 1em !important; }

.lower { text-transform: lowercase; }

.nowrap { white-space: nowrap; }

.w_25 { width: 25%; }
.w_50,.w_half { width: 50%; }
.w_75 { width: 75%; }
.w_auto { width: auto !important; }