/* RESET */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,em,font,img,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,button,caption{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:arial,helvetica,sans-serif;vertical-align:baseline}body{line-height:1;color:#000}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}
body {font-size:62.5%; background:#333 url(img/bg-funk.png)}
a:link {color:#25408f; text-decoration:underline}
a:visited {color:#666}
a:hover {color:#25408f; text-decoration:none}
a:active {color:#25408f; text-decoration:none}
/* LAYOUT & STRUCTURE */
#container {position:relative; width:772px; text-align:center; margin:0 auto; background:#fff url(img/logo.png) no-repeat; overflow:hidden}
#wrap {float:left; width:772px; text-align:left; padding-top:160px; background:none}
#content {float:left; position:relative; width:732px; padding:60px 20px 20px; font-size:1.4em; line-height:1.4}
  #content h1,h2,h3,h4,h5,h6 {color:#25408f; font-weight:bold; margin-bottom:.5em}
  #content h1 {font-size:1.71em}
  #content h2 {font-size:1.57em}
  #content h3 {font-size:1.43em}
  #content h4 {font-size:1.29em}
  #content h5 {font-size:1.14em}
  #content h6 {font-size:1em; margin:0}
  #content h2 span {font-size:14px; margin:0; color:#333}
  #content p {clear:left; margin:1.5em 0 0}
  #content ol {margin:0 0 1.5em 30px}
  h1#leader {display:inline; font-size:1em; font-weight:normal; color:#000; margin:0; padding:0; line-height:1.4em}
#footer {float:left; position:relative; text-align:left; width:960px; height:240px; background:#fff url(images/sprite_main.jpg) 0 -1044px no-repeat}
  #footer ul {position:absolute; top:30px; left:230px; width:640px; font-size:1.4em; line-height:1.4em}
  #footer ul li {display:block; float:left; width:160px; margin:0; padding:0; list-style-type:none}
  #footer ul li a {color:#dabf71; text-decoration:none}
  #footer ul li a:visited {color:#dabf71; text-decoration:none}
  #footer ul li a:hover {color:#dabf71; text-decoration:underline}
  p#footer-text {position:absolute; top:190px; left:508px; margin:0; padding:0; color:#5a7ab5; font-size:11px; text-align:center}
  #footer #twitter {position:absolute; top:35px; left:50px;}

/* GENERIC STYLING */
.f-left {float:left}
.f-right {float:right}
.f-right-img {float:right; padding:0 0 10px 20px}
.center {text-align:center}
.clear {clear:both}
.no-margin {margin:0; padding:0}
.bold {font-weight:bold}
ul.list,ul.tightlist {margin:15px}
ul.list li,ul.tightlist li {list-style-type:disc; margin:0 0 15px 15px}
ul.tightlist li {margin-bottom:0}
ul.pdf-list {margin:16px}
ul.pdf-list li {list-style-type:none; background:url(images/pdf-icon.png) 0 1px no-repeat; padding:0 0 3px 22px}
address {font-style:normal}
p em {font-style:italic; font-weight:bold; color:#444}
.emphasis {font-style:italic}
.one3col {float:left; width:215px; padding-left:7px; overflow:hidden}
.two3col {float:left; width:445px; padding:0 5px; overflow:hidden}
.subtext {font-size:11px; margin:0; padding:0}
ul.dual-list-small {float:left; margin:0 0 7px 0; padding:0}
ul.dual-list-small li {display:block; float:left; clear:both; width:260px; list-style-type:none}
ul.dual-list-small span.item1 {display:block; float:left; width:120px}
ul.dual-list-small span.item2 {display:block; float:right; width:140px}
blockquote {margin:15px 30px 30px; padding:0 30px 0 48px; background:url(images/quote.png) no-repeat top left}
blockquote span {margin-left:15px; font-style:italic}
.starter {font-weight:bold; color:#25408f}
.image-left {float:left; padding:0 15px 5px 0}
.image-right {float:right; padding:0 0 5px 15px}
.preload {margin-left:-9999px}
/* FORMS */
.stdform {width:680px; margin:0 0 16px; padding:0; line-height:1; overflow:hidden}
.stdform fieldset {border:0; border-bottom:1px dashed #bbb; padding:7px 0}
.stdform legend {display:block; float:left; padding:10px; margin-bottom:10px; font-weight:bold; color:#444}
.stdform label {display:block; clear:left; float:left; text-align:right; width:200px; margin:4px 5px 0 0; padding-right:10px}
.stdform label.required {background:url(!images/required.gif) no-repeat top right}
.stdform select {display:block; float:left; width:242px; height:24px; margin:0 7px 7px 0; border:1px solid #7f9db9; background:#fff}
/*.stdform input[type='text'] {display:block; float:left; width:240px; height:20px; margin:0 7px 7px 0; border:1px solid #7f9db9; background:#fff}*/
.stdform input[type='file'] {display:block; float:left; margin-bottom:7px; background:#fff}
.stdform .stdform-text,.stdform-halftext {display:block; float:left; width:240px; height:20px; margin:0 7px 7px 0; border:1px solid #7f9db9; background:#fff}
.stdform .stdform-halftext {width:120px}
.stdform .date-pick {display:block; float:left; width:66px; height:20px; margin:0 7px 7px 0; border:1px solid #7f9db9; background:#fff}
/* give password fields the class below */
.stdform .stdpass {display:block; float:left; width:180px; height:15px; margin:0 7px 7px 0; border:1px solid #7f9db9; background:#fff}
.stdform textarea {display:block; float:left; border:1px solid #7f9db9; background:#fff}
.stdform .std-text-area {width:400px; height:100px; margin-bottom:7px; overflow-y:auto}
.stdform input[type='text'].phone-pre {display:block; float:left; width:26px; height:15px; margin:0 2px 7px; border:1px solid #7f9db9; background:#fff}
.stdform input[type='text'].phone-num {display:block; float:left; width:32px; height:15px; margin:0 2px 7px; border:1px solid #7f9db9; background:#fff}
.stdform select.phone-sel {display:block; float:left; width:80px; height:20px; margin:0 7px 7px 0; border:1px solid #7f9db9; background:#fff}
.stdform p {clear:both; padding-left:10px}
.stdform .stdclear {margin-bottom:7px}
.stdform input[type='radio'], input[type='checkbox'] {display:block; float:left; margin:3px 3px 12px 7px}
.stdform .radiocheck {display:block; float:left; margin:5px 3px 12px 7px}
.stdform .radiotext {display:block; float:left; margin:4px 7px 0 2px}
.stdform .radiotext-left {display:block; float:left; width:22px; margin:3px 0 0 5px}
.stdform .stdmargin {float:left; padding-left:215px}
.stdform select.day {width:58px}
.stdform select.month {width:60px}
.stdform select.year {width:113px}
.stdform select.range {width:110px}
.stdform input[type='submit'] {display:block; float:left; margin:7px 7px 0 0; padding:0}
.stdform img {float:left}
.stdform br {clear:both}
.stdform .std-join {display:block; float:left; margin-left:-1px; padding:5px 4px 0 0}
.stdform label.error, label.error {clear:none; width:auto; margin:0; padding:6px 0 0; text-align:left; color:#c00; font-weight:bold; font-size:11px}
.stdform input[type='text'].error,.stdform select.error {border:1px dotted #c00}
.stdform button,.smallform button {display:block; float:left; width:115px; height:30px; margin:0 10px 0 0; background:url(images/sprite_buttons.png) 0 -112px no-repeat; cursor:pointer}
.stdform button:hover,.smallform button:hover {background-position:0 -142px}
.stdform button.reset,.smallform button.reset {display:block; float:left; width:115px; height:30px; margin:0; background:url(images/sprite_buttons.png) 0 -172px no-repeat; cursor:pointer}
.stdform button.reset:hover,.smallform button.reset:hover {background-position:0 -202px}
.stdform div {float:left; clear:left; width:680px}

.smallform {margin:7px 0 0; line-height:1}
.smallform fieldset {border:0; border-bottom:1px dashed #444; padding-bottom:7px; margin-bottom:16px}
.smallform legend {display:block; float:left; padding:0 5px 0 10px; margin-bottom:10px; font-weight:bold; font-size:12px}
.smallform label {display:block; clear:left; float:left; padding:3px 0 2px 16px}
.smallform label.required {background:url(images/!required.gif) 7px 5px no-repeat}
.smallform select {display:block; clear:left; float:left; width:180px; height:20px; margin:0 7px 7px 16px; border:1px solid #606986; background:#fff}
.smallform .smallform-text,.half-text {display:block; clear:left; float:left; width:180px; height:15px; margin:0 7px 7px 16px; border:1px solid #606986; background:#fff}
.smallform .half-text {width:90px}
.smallform input[type='text'].f-result {display:block; float:right; width:80px; height:17px; margin:0 7px 7px 16px; border:0; background:#fff; font-weight:bold; color:#000}
.smallform input[type='radio'],input[type='checkbox'],.smallform .radiocheck {display:block; float:left; margin:3px 0 7px}
.radiotext-smallform {display:block; float:left; width:30px; margin:3px 5px 0 16px}
.smallform textarea,.smallform .rvdetails-text-area {display:block; clear:left; float:left; width:227px; height:100px; margin:0 7px 7px 16px; border:1px solid #606986; background:#fff; overflow-y:auto}
.smallform button,.smallform button.reset {clear:left; margin:0 7px 0 16px}
.smallform input[type='submit'], input[type='button'], input[type='reset'] {display:block; clear:left; float:left; margin:0 7px 7px 16px}
.smallform img {float:left}
.smallform label.error, label.error {width:247px; padding:0 0 16px 16px; text-align:left; color:#c00; font-weight:bold; font-size:11px}
.smallform input[type='text'].error,.stdform select.error {border:1px dotted #c00}

.std-form,.smallform br {clear:both}
.join {display:block; float:left; padding:3px 6px 0 6px}

/* POP-UPS (ColorBox) */
/* Core Style */
#colorbox, #cboxOverlay, #cboxWrapper {position:absolute; top:0; left:0; z-index:9999; overflow:hidden}
#cboxOverlay {position:fixed; width:100%; height:100%}
#cboxMiddleLeft, #cboxBottomLeft {clear:left}
#cboxContent {position:relative; overflow:hidden}
#cboxLoadedContent {overflow:auto}
#cboxLoadedContent iframe {display:block; width:100%; height:100%; border:0}
#cboxTitle {margin:0}
#cboxLoadingOverlay, #cboxLoadingGraphic {position:absolute; top:0; left:0; width:100%}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor:pointer}
/* custom style */
#cboxOverlay {background:url(images/colorbox/overlay01.png)}
#colorbox {}
#cboxTopLeft {width:21px; height:21px; background:url(images/colorbox/controls.png) -100px 0 no-repeat}
#cboxTopRight {width:21px; height:21px; background:url(images/colorbox/controls.png) -129px 0 no-repeat}
#cboxBottomLeft {width:21px; height:21px; background:url(images/colorbox/controls.png) -100px -29px no-repeat}
#cboxBottomRight {width:21px; height:21px; background:url(images/colorbox/controls.png) -129px -29px no-repeat}
#cboxMiddleLeft {width:21px; background:url(images/colorbox/controls.png) left top repeat-y}
#cboxMiddleRight {width:21px; background:url(images/colorbox/controls.png) right top repeat-y}
#cboxTopCenter {height:21px; background:url(images/colorbox/border.png) 0 0 repeat-x}
#cboxBottomCenter {height:21px; background:url(images/colorbox/border.png) 0 -29px repeat-x}
#cboxContent {background:#fff}
#cboxLoadedContent {margin-top:28px}
#cboxTitle {position:absolute; top:4px; left:0; text-align:center; width:100%; font-size:12px}
#cboxCurrent {position:absolute; top:4px; left:58px; color:#949494}
#cboxSlideshow {position:absolute; top:4px; right:30px; color:#0092ef}
#cboxPrevious {position:absolute; top:0; left:0px; background:url(images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px}
#cboxPrevious.hover {background-position:-75px -25px}
#cboxNext {position:absolute; top:0; left:27px; background:url(images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px}
#cboxNext.hover {background-position:-50px -25px}
#cboxLoadingOverlay {background:url(images/colorbox/loading_background.png) center center no-repeat}
#cboxLoadingGraphic {background:url(images/colorbox/loading.gif) center center no-repeat}
#cboxClose {position:absolute; top:0; right:0; background:url(images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px}
#cboxClose.hover {background-position:-25px -25px}

/* DATE PICKER */
table.jCalendar {border:1px solid #000; background:#999; border-collapse:separate; border-spacing:2px}
table.jCalendar th {background:#25408f; color:#fff; font-weight:bold; padding:6px 10px}
table.jCalendar td {background:#fff; color:#000; padding:6px 10px; text-align:center}
table.jCalendar td.other-month {background:#eee; color:#aaa}
table.jCalendar td.today {background:#222; color:#fff}
table.jCalendar td.selected {background:#98ee5a; color:#000}
table.jCalendar td.selected.dp-hover {background:#6dd81e; color:#000}
table.jCalendar td.dp-hover,table.jCalendar tr.activeWeekHover td {background:#f8f3a3; color:#000}
table.jCalendar tr.selectedWeek td {background:#f66; color:#fff}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {background:#ccc; color:#888}
table.jCalendar td.unselectable,table.jCalendar td.unselectable:hover,table.jCalendar td.unselectable.dp-hover {background:#ccc; color:#888}
/* DATE PICKER For the popup */
div.dp-popup {position:relative; background:#222; font-size:12px; padding:3px; width:256px; line-height:1.2em}
div#dp-popup {position:absolute; margin-top:-172px; z-index:199}
div.dp-popup h2 {font-size:14px; color:#fff; text-align:center; margin:2px 0; padding:0}
a#dp-close {font-size:11px; padding:4px 0; text-align:center; display:block}
a#dp-close:hover {text-decoration:underline}
div.dp-popup a {font-size:14px; font-weight:bold; color:#ccc; text-decoration:none;	padding:3px 5px 0 5px}
div.dp-popup div.dp-nav-prev {position:absolute; top:2px; left:4px; width:100px}
div.dp-popup div.dp-nav-prev a {float:left}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {cursor:pointer}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {cursor:default}
div.dp-popup div.dp-nav-next {position:absolute; top:2px; right:4px; width:100px}
div.dp-popup div.dp-nav-next a {float:right}
div.dp-popup a.disabled {cursor:default; color:#666}
div.dp-popup td {cursor:pointer}
div.dp-popup td.disabled {cursor:default}

input.dp-applied {float:left}
a.dp-choose-date {float:left; width:96px; height:27px; padding:0; margin:0; display:block; text-indent:-2000px; overflow:hidden; background:url(images/calendar.png) no-repeat}
a.dp-choose-date.dp-disabled {background-position:0 -20px; cursor:default}
