@charset "UTF-8";

body {
    background: #300 url('/images/backgrounds/redgradeup2.jpg') left top
        repeat-x;
}

body {
    background: #300 url('/images/backgrounds/redgradeup2.jpg') left top
        repeat-x;
    background: #ffe;
    padding-top: 12px;
}

#page {
    border: solid 1px black;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

#header {
    border: none;
}
#hot_news {
    float: right;
    border: solid 1px #aaaaaa;
    background-color: #ffffee;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    color: #555;
    padding: 20px 5px 20px 5px;
    margin-top: 20px;
    width: 300px;
    font-size: 1.2em;
}   

#hot_news h2 {
    color: #f44;
    font-size: 2.2em;
    text-align: center;
    text-shadow: -1px -1px #333;
}   
#sponsors {
    border: solid 1px #aaaaaa;
    background-color: white;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    color: #555;
    padding: 5px 5px 20px 5px;
    margin: 20px;
    width: 800px;
    font-size: 1.2em;
}   

#sponsors h2 {
    color: #44f;
    font-size: 2.0em;
    text-align: center;
    text-shadow: -1px -1px #333;
}   

#sponsors h3 {
    color: #44f;
    font-size: 1.5em;
    text-align: center;
    text-shadow: -1px -1px #333;
}   

td.photo_col {
    width: 270px .;
}

div.adPhoto {
    width: 265px;
    height: 180px;
}

td.statusDenied {
    background-color: #ffdddd;
}

td.statusApproved {
    background-color: #ffffff;
}

td.statusPending {
    background-color: #ffffdd;
}

td.statusSubmitted {
    background-color: #ddffdd;
}

td.statusInactive {
    background-color: #dddddd;
}

#photoShow {
    position: relative;
    height: 300px;
    width: 500px;
    margin-left: auto;
}

#photoShow div {
    position: absolute;
    z-index: 0;
}

#photoShow div.previous {
    z-index: 1;
}

#photoShow div.current {
    z-index: 2;
}

#photoShow img {
    border: none;
}

#photoShowB {
    position: relative;
    height: 300px;
    width: 400px;
    margin-left: auto;
}

#photoShowB div {
    position: absolute;
    z-index: 0;
}

#photoShowB div.previous {
    z-index: 1;
}

#photoShowB div.current {
    z-index: 2;
}

#photoShowB img {
    border: none;
}

.homepage {
    height: 900px;  
}   

.facebook_plugin {
    float:right;
    margin: 20px 20px 0 0;
    width: 270px;
}   

.half_page {
    width: 500px;   
}   
.note_background {
    padding: 70px 10px 20px 30px;
    background: url(/images/note2.jpg) top left no-repeat;
    height: 100%;
}

#sticky_note {
    margin: 0 5px 10px 80px;
    height: 320px;
    width: 300px;
}

.mag_photo {
    float: left;
}

#header h2,#top_nav,#bottom_nav,.table_field_list th {
    color: black;
}

#mhrcLogo {
    position: absolute;
    left: 235px;
    top: 50px;
}

#news {
    position: absolute;
    top: 10px;
    left: 355px;
    padding: 2px;
    border: solid 1px maroon;
}

#news {
    padding: 10px;
    border: solid 1px #aaaaaa;
    background-color: #ffffee;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    /*    background: url('/images/backgrounds/wrenchs.jpg') left bottom no-repeat;
*/
}
/* Watermark
----------------------------------*/
.ui-watermark-container { position: relative; overflow: hidden; display: inline-block; }
.ui-watermark-label { position: absolute; cursor: text;  white-space: nowrap; color:#999; font-style: italic;}
.ui-watermark-textarea .ui-watermark-label { white-space: normal; }

.wmlogin {
    width: 17em;    
}
#loginBox {
    position: absolute;
    left: 620px;
    top: 45px;
    padding: 7px;
    width: 235px;
    border: solid 1px gray;
    background: #ddd;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
#loginBox div {
    margin-top: 3px; 
    position: relative; 
}   

#loginButton {
    position: absolute;
    top: 3px;   
}   

#news {
    margin-top: 33px;
}

#login {
    margin-top: 2px;
}

td.thin_break {
    background: url('/images/buttons/grayline.jpg') left bottom repeat-x;
    padding-bottom: 12px;
}

#news h1,#news h3,#news h4,#minutes,#page {
    color: black;
}

img.framedImage {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 2px solid gray;
}

ol {
    padding-left: 23px;
}

.movie {
    margin: 10px 0 0 200px;
}

.req,.msg {
    color: red;
}

.jslink {
    color: blue;
}

#bottom_nav {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px solid gray;
}

#tabrow li.select,#tabrow li.select span {
    color: black;
}

#top_nav a:hover,#bottom_nav a:hover {
    color: blue;
    font-weight: normal;
    background: url('/images/buttons/lightblueup.jpg') left top repeat-x;
}

#footer a {
    color: maroon;
    text-decoration: none;
}

#footer a:hover {
    color: red;
    font-weight: normal;
}

#footer p {
    color: #300;
}

.superSize {
    font-size: 2em;
}

.thin_col {
    width: 100px;
}

.med_col {
    width: 200px;
}

blockquote {
    margin: 15px 5px;
    padding: 5px 10px;
    border-left: 7px solid silver;
}

#tabrow li,#tabrow li span {
    color: white;
}

#top_nav,#bottom_nav {
    background: url('/images/buttons/thinblue.jpg') left top repeat-x;
    border: 1px solid silver;
}

.simple_table th,.links_table th,.form_table th {
    background: url('/images/buttons/darkgray.jpg') left top repeat-x;
}

.photo_col {
    width: 250px;
}

.sponsor_table {
    border-collapse: collapse;
    width: 98%;
}

.sponsor_table td {
    padding: 2px 3px;
    text-align: center;
    vertical-align: middle;
}

.sponsor_table th {
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    padding: 2px 3px;
    text-align: left;
    color: black;
    background-color: silver;
}


#tabrow li {
    position: relative;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-left: 1px solid black;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    behavior: url(/js/PIE.htc);
    height: 32px;
    background: url('/images/buttons/darkgray.jpg') left top repeat-x;
}

#tabrow li a {
    color: white;
}

#tabrow li span:hover {
    font-weight: normal;
    color: black;
}

#tabrow li.select span:hover {
    font-weight: normal;
    color: white;
}

#tabrow li.select {
    position: relative;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-left: 1px solid black;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    behavior: url(/js/PIE.htc);
    background: url('/images/buttons/lightblue.jpg') left top repeat-x;
}

#errorDiv {
    border: solid 1px red;
    color: red;
}

#msgDiv {
    border: solid 1px green;
    color: green;
}

tr.secondary {
    background-color: #ffc;
}

.primary_command a {
    color: #039;
}

.primary_command a:visited {
    color: #66F;
}

.secondary_command a {
    color: #039;
}

.secondary_command a:visited {
    color: #66F;
}

.prominent {
    color: maroon;
}

#tabrow {
    font-size: 2em;
    margin-top: 10px;
}

label.error {
    color: red;
    margin: 0 0 0 15px;
}

.signUpField {
    width: 300px;   
}   

a.smallButton span.ui-button-text {
    margin: 0;
    padding: 0 3px;
    text-decoration: none !important;
}

a.smallButton {
    margin: 2px;
}

input.smallButton {
    padding: 0.1em 0.4em;
}

#suckerfishnav {
    position: relative;
    background: white url('/images/buttons/thinblue.jpg') repeat-x;
    font-size: 1.2em;
    font-family: verdana, sans-serif;
    font-weight: normal;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 10px;
}

#suckerfishnav,#suckerfishnav ul {
    float: left;
    list-style: none;
    line-height: 19px;
    padding: 0;
    width: 100%;
    border: 1px solid silver;
    z-index: 1000;
}

#suckerfishnav a {
    display: block;
    color: #222222;
    text-decoration: none;
    padding: 0px 10px;
}

#suckerfishnav li {
    float: left;
    padding: 0;
}

#suckerfishnav ul {
    position: absolute;
    left: -999em;
    height: auto;
    width: 191px;
    font-weight: normal;
    margin: 0;
    line-height: 1;
    border: 1px solid sliver;
}

#suckerfishnav li li {
    width: 189px;
    height: 20px;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    font-weight: normal;
    font-family: verdana, sans-serif;
}

#suckerfishnav li li a {
    padding: 2px 10px;
    width: 170px;
    d font-size: 12px;
    color: #222222;
}

#suckerfishnav li ul ul {
    margin: -21px 0 0 190px;
}

#suckerfishnav li li:hover {
    color: #333399;
    font-weight: normal;
    background: url('/images/buttons/lightblueup.jpg') left top repeat-x;
}

#suckerfishnav li ul li:hover a,#suckerfishnav li ul li li:hover a,#suckerfishnav li ul li li li:hover a,#suckerfishnav li ul li li li:hover a
    {
    color: #333399;
    font-weight: normal;
    background: url('/images/buttons/lightblueup.jpg') left top repeat-x;
}

#suckerfishnav li:hover a,#suckerfishnav li.sfhover a {
    color: #333399;
    font-weight: normal;
    background: url('/images/buttons/lightblueup.jpg') left top repeat-x;
}

#suckerfishnav li:hover li a,#suckerfishnav li li:hover li a,#suckerfishnav li li li:hover li a,#suckerfishnav li li li li:hover li a
    {
    color: #222222;
    font-weight: normal;
    background: url('/images/buttons/thinblue.jpg') left top repeat-x;
}

#suckerfishnav li:hover ul ul,#suckerfishnav li:hover ul ul ul,#suckerfishnav li:hover ul ul ul ul,#suckerfishnav li.sfhover ul ul,#suckerfishnav li.sfhover ul ul ul,#suckerfishnav li.sfhover ul ul ul ul
    {
    color: #333399;
    font-weight: normal;
    background: url('/images/buttons/thinblue.jpg') left top repeat-x;
}

#suckerfishnav li:hover ul,#suckerfishnav li li:hover ul,#suckerfishnav li li li:hover ul,#suckerfishnav li li li li:hover ul,#suckerfishnav li.sfhover ul,#suckerfishnav li li.sfhover ul,#suckerfishnav li li li.sfhover ul,#suckerfishnav li li li li.sfhover ul
    {
    left: auto;
    background: url('/images/buttons/thinblue.jpg') left top repeat;
}

#suckerfishnav li:hover,#suckerfishnav li.sfhover {
    color: #333399;
    font-weight: normal;
    background: url('/images/buttons/thinblue.jpg') left top repeat-x;
}