/* Green: #7AC943  Blue: #3FA9F5  Orange: #FF931E  Pink: #FF7BAC  */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }

body { color: #222; padding: 0; margin: 0; font-family: Arial, Helvetica, 'Helvetica Neue', Verdana, sans-serif; background-color: #eee; font-size: 13px; }

h1 { font-size: 46px; font-weight: bold; letter-spacing: -3px; color: #333; margin: 0 0 .5em 0; }
h2 { font-size: 24px; font-weight: normal; color: #777; margin: .5em 0 1em 0; line-height: 1.25; line-height: 30px; }
h3 { font-size: 24px; font-weight: normal; color: #333; margin: .5em 0; }
h4 { font-size: 18px; font-weight: normal; color: #333; margin: .3em 0; }
.with_subhead { margin-bottom: 0; }
.subhead { margin: 0 0 .5em 0; font-size: 13px; }

.headings { padding: 10px 0 20px 0; margin-bottom: 20px; border-bottom: 2px solid #eee; }
.headings h1 { margin: 0; }
.headings h2 { margin: 5px 0 0 0; }

p, dl { font-size: 14px; margin-bottom: 1em; line-height: 20px; color: #444; }

hr { border: solid #ddd; border-width: 1px 0 0 0; clear: both; margin: 1em 0; height: 0; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

#centre { margin: 0 auto; width: 80%; min-width: 725px; }
#top_strip { background-color: #fff; border: 1px solid #e5e5e5; padding-top: 25px; }
#menu_strip { position: relative; top: -1px; z-index: 20; }
#main_strip { position: relative; top: -2px; }

ul.top_menu { list-style: none; float: right; }
ul.top_menu li { display: block; float: left; text-align: center; margin-left: 5px; }
ul.top_menu li a,
ul.top_menu li span { display: block; width: 80px; padding: 50px 15px 10px 15px; font-size: 16px; color: #888; border-left: 1px solid #eee; border-right: 1px solid #eee; }
ul.top_menu li span { background-color: #fff; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; font-weight: bold; font-size: 16px;}

div.green .big_logo { background: url(../images/logo_green.png) no-repeat 25px 50%; }
div.orange .big_logo { background: url(../images/logo_orange.png) no-repeat 25px 50%; }
div.blue .big_logo { background: url(../images/logo_blue.png) no-repeat 25px 50%; }
div.pink .big_logo { background: url(../images/logo_pink.png) no-repeat 25px 50%; }

div.green a { color: #7AC943; }
div.orange a { color: #FF931E; }
div.blue a { color: #3FA9F5; }
div.pink a { color: #FF7BAC; }

ul.top_menu li.green span { color: #7AC943; }
ul.top_menu li.orange span { color: #FF931E; }
ul.top_menu li.blue span { color: #3FA9F5; }
ul.top_menu li.pink span { color: #FF7BAC; }

ul.top_menu a:hover { text-decoration: none; }
ul.top_menu li.green a:hover { color: #7AC943; }
ul.top_menu li.orange a:hover { color: #FF931E; }
ul.top_menu li.blue a:hover { color: #3FA9F5; }
ul.top_menu li.pink a:hover { color: #FF7BAC; }

.clear { clear: both; }
.shadow_br { padding-bottom: 15px; background: url(../images/shadow_br.png) no-repeat bottom right; }
.content { background-color: #fff; border: 1px solid #e5e5e5; padding: 25px; }

.three_cols .col { width: 31%; float: left; margin-right: 3%; }
.three_cols .right { margin-right: 0; float: right;}
.three_cols .double_col { width: 65%; float: left; margin-right: 3%; }

.image_right { float: right; width: 225px; }
.with_image_right { margin-right: 230px; }
.image_left { float: left; width: 135px; }
.with_image_left { margin-left: 155px; }

dl.list dt { float: left; width: 4em; }
dl.list dd { margin-left: 5em; }

dl.form dt label { font-size: 12px; }

img { border: 1px solid rgba(0, 0, 0, 0.1); margin: 0 5px 5px 5px; padding: 4px;
      box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); border-radius: 5px;
      -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -moz-border-radius: 5px; 
      -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-border-radius: 5px; }

.field { border-radius: 3px; border: 1px solid #aaa; padding: 4px 2px; font-family: Arial, Helvetica, 'Helvetica Neue', Verdana, sans-serif; font-size: 13px; width: 98%; }
textarea { height: 9.5em; }
input .button {  }
div.error { color: #f00; font-size: 12px; }