/*

Written & Designed for:
Rowing Club of The Woodlands, Inc.

A Collaboration of:
Tristan Parker Mace & Livney+Partners, LLC.

*/



body {
    background: #FFFFFF;
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-size: 11px;
    font-family: Arial, "Helvetica Neue", Verdana;
    }

.clear {
    clear: both;
    }

#hidden-images {
    display: none;
    visibility: hidden;
    }



/* General */

ol {
    margin: 0px 0px 0px 20px;
    padding: 0px;
    }

ol li {
    padding: 10px 0px 20px 0px;
    list-style-type: decimal;
    }

ul {
    margin: 0px 0px 20px 35px;
    padding: 0px;
    }

li {
    margin: 0px;
    padding: 0px;
    list-style-type: disc;
	color: #444;
	font-size: 11px;
	font-family: Arial, "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 16px;
	}

li a {
    color: #58a68c;
    text-decoration: underline;
    }

li a:hover {
    color: #000;
    }

li span {
    color: #999;
    font-style: italic;
    }

p {
    margin: 0px;
    padding: 0px 0px 20px 0px;
	color: #172034;
	font-size: 12px;
	font-family: Arial, "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 20px;
	}

p a {
    color: #58a68c;
    }

h2 {
    margin: 0px;
    padding: 0px 0px 10px 0px;
    color: #5e5e5e;
    font-size: 18px;
    font-family: Verdana;
    font-weight: normal;
    }

h3 { 
    margin: 0px;
    padding: 0px 0px 3px 0px;
    font-size: 13px;
	font-family: Arial, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    }

h4 { 
    margin: 0px;
    padding: 3px 0px 3px 0px;
    color: #333;
    font-size: 12px;
	font-family: Arial, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    }

h5 { 
    margin: 0px;
    padding: 0px 0px 3px 0px;
    color: #555;
    font-size: 10px;
	font-family: Arial, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: normal;
    }



/* Basic Elements */

#container {
    display: block;
    width: 930px;
    margin: 0px auto;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    }





/* Topbar */

#topbar {
    background: url(gui/tb_bg.jpg) repeat-x top left;
    width: 930px;
    height: 33px;
    }

#topbar_l {
    background: url(gui/tb_l.jpg) no-repeat top left;
    width: 930px;
    height: 33px;
    display: block;
    }

#topbar_left_content {
    width: 250px;
    height: 33px;
    display: block;
    float: left;
    }

#topbar_left_content span {
    display: block;
    margin: 10px 25px 0px 10px;
    color: #cde4dd;
    font-size: 10px;
    font-family: "Lucida Grande", Geneva;
    text-decoration: none;
    }

#topbar_left_content span a {
    color: #cde4dd;
    text-decoration: none;
    }

#topbar_left_content span a:hover {
    color: #FFF;
    }

#topbar_right_content span a {
    display: block;
    float: left;
    margin: 10px 25px 0px 0px;
    color: #cde4dd;
    font-size: 10px;
    font-family: "Lucida Grande", Geneva;
    text-decoration: none;
    }

#topbar_right_content span a:hover {
    color: #FFF;
    text-decoration: underline;
    }

#topbar_right_content {
    width: 380px;
    height: 33px;
    display: block;
    float: left;
    }
    
#topbar_login {
    width: 300px;
    height: 33px;
    display: block;
    float: right;
    text-align: right;
    }

#topbar_login span {
    display: block;
    padding: 10px 10px 0px 0px;
    color: #cde4dd;
    font-size: 10px;
    font-family: "Lucida Grande", Geneva;
    text-decoration: none;
    }

#topbar_login span a {
    color: #cde4dd;
    text-decoration: none;
    }

#topbar_login span a:hover {
    color: #FFF;
    }

#topbar_login_userpass input {
    display: block;
    float: left;
    margin: 5px 5px 0px 0px;
    padding: 2px;
    }

#topbar_login_go input {
    float: left;
    margin-top: 5px;
    }

#topbar_login_question {
    display: block;
    float: left;
    padding-top: 10px;
    margin-left: 3px;
    }

#topbar_login_question a {
    color: #cde4dd;
    text-decoration: none;
    }

#topbar_login_question a:hover {
    color: #FFF;
    }

#topbar_r {
    background: url(gui/tb_r.jpg) no-repeat top right;
    width: 930px;
    height: 33px;
    display: block;
    }

#header {
    width: 900px;
    margin: 15px;
    }

#logo {
    width: 270px;
    display: block;
    float: left;
    }

#menu {
    width: 630px;
    display: block;
    float: left;
    }

/* End Topbar */



/* Content & Side */

#fullscreen {
    width: 930px;
    padding-top: 20px;
    border-top: 1px solid #e3e3e3;
    }
    
#fullcontent {
    display: block;
    border-top: 1px solid #e3e3e3;
    }

#fullcontent_text {
    float: left;
    padding-top: 20px;
    }

#difcontent {
    display: block;
    padding-top: 20px;
    border-top: 1px solid #e3e3e3;
    }

#difcontent_text {
    width: 690px;
    display: block;
    float: left;
    margin-right: 20px;
    }

#boxster {
    margin-bottom: 30px;
    }

#content {
    width: 690px;
    display: block;
    float: left;
    margin-right: 20px;
    }

#content_text {
    padding-top: 20px;
    border-top: 1px solid #e3e3e3;
    }

#side {
    width: 220px;
    display: block;
    float: left;
    }

#sideboxmenu {
    background: #f1f1f1;
    display: block;
    width: 220px;
    margin-bottom: 25px;
    }

#sideboxmenu a {
    background: #f1f1f1;
    display: block;
    padding: 8px 10px;
    border: 1px solid #d3d3d3;
    border-bottom: 0px;
    color: #6f6f6f;
    font-size: 10px;
    font-family: Verdana;
    text-decoration: none;
    }

#sideboxmenu span a {
    color: #323232;
    }

#sideboxmenu a:hover {
    background: #CCC;
    border: 1px solid #CCC;
    border-bottom: 0px;
    color: #FFF;
    }

#sideboxmenu a:active {
    background: #BBB;
    }

#sideboxmenu_t {
    background: url(gui/sb_t.jpg) no-repeat top left;
    width: 220px;
    height: 29px;
    display: block;
    }

#sideboxmenu_t img {
    display: block;
    padding-left: 10px;
    }

#sideboxmenu_t span {
    display: block;
    padding: 8px 0px 0px 6px;
    color: #FFF;
    font-size: 12px;
    font-family: "Helvetica Neue";
    }

#sideboxmenu_b {
    background: url(gui/sb_b.gif) no-repeat bottom left;
    width: 220px;
    height: 25px;
    display: block;
    }

#siderelatedmenu {
    background: url(gui/sr_bg.jpg) repeat top left;
    }

#siderelatedmenu a {
    display: block;
    padding: 10px 10px;
    border-top: 1px solid #218967;
    color: #FFF;
    font-size: 10px;
    font-family: Verdana;
    text-decoration: none;
    }

#siderelatedmenu a:hover {
    background: url(gui/sr_a_on.gif) repeat-x top left;
    color: #444;
    }

#siderelatedmenu_t {
    background: url(gui/sr_t.jpg) repeat-x top left;
    width: 220px;
    height: 44px;
    display: block;
    }

#siderelatedmenu_t img {
    display: block;
    padding-left: 5px;
    }

#siderelatedmenu_b {
    height: 10px;
    border-top: 1px solid #218967;
    }

#siderelatedmenu_bl {
    background: url(gui/sr_bl.jpg) no-repeat bottom left;
    }

#siderelatedmenu_br {
    background: url(gui/sr_br.jpg) no-repeat bottom right;
    }

/* End Content & Side */



/* Footer */

#footer {
    background: #eaeaea url(gui/f_b.gif) no-repeat bottom left;
    width: 930px;
    display: block;
    margin-bottom: 5px;
    }

.footer_in {
    padding: 0px 30px 20px 30px;
    }    

#footer_l {
    display: block;
    width: 205px;
    float: left;
    }

#footer_ml {
    display: block;
    width: 225px;
    float: left;
    }

#footer_mr {
    display: block;
    width: 240px;
    float: left;
    }

#footer_r {
    display: block;
    width: 200px;
    float: left;
    }

.footer_title {
    padding: 30px 0px 3px 0px;
    color: #3e3e3e;
    font-size: 12px;
    font-family: "Lucida Grande", Verdana;
    }

.footer_text {
    color: #7a7a7a;
    font-size: 9px;
    font-family: "Lucida Grande", Verdana;
    line-height: 14px;
    }

.footer_text a {
    color: #7a7a7a;
    }

#copyright {
    width: 930px;
    height: 40px;
    display: block;
    }

#copyright_l {
    width: 430px;
    float: left;
    color: #A8A8A8;
    font-size: 10px;
    font-family: Arial;
    line-height: 14px;
    }

#copyright_l a {
    color: #BBB;
    text-decoration: none;
    }

#copyright_l a:hover {
    color: #58a78c;
    }

#copyright_r {
    width: 500px;
    float: left;
    }

#bottombox {
    width: 930px;
    height: 50px;
    display: block;
    }

/* End Footer */



/* Elements */

.imgfeatured {
    width: 690px;
    padding-top: 15px;
    border-top: 1px solid #E9E9E9;
    }

.breadcrumb {
    display: none;
    }

.breaker {
    background: url(gui/breaker_bg.gif) no-repeat top left;
    width: 690px;
    height: 180px;
    display: block;
    margin: 10px 0px;
    }

.breaker_content {
    padding: 20px 20px 0px 20px;
    }

.breaker_content h4 {
    margin: 0px;
    padding: 0px 0px 15px 0px;
	color: #555;
	font-family: Arial, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	}

.breaker_content table p {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    line-height: 12px;
    }

.breaker_content table p a {
    text-decoration: none;
    }

.breaker_content table p a:hover {
    color: #000;
    text-decoration: underline;
    }

/* End Elements */





.individuals table p {
    color: #444;
    font-size: 11px;
    line-height: 16px;
    }

.individuals table h4 {
    text-align: right;
    color: #BBB;
    font-size: 10px;
    }

.individuals table h4 a {
    color: #BBB;
    text-decoration: underline;
    }

.individuals table h5 a {
    color: #555;
    }

.individuals table h5 a:hover {
    color: #58a68c;
    }

.contacts table p {
    margin: 0px;
    padding: 3px 0px;
    color: #444;
    font-size: 12px;
    line-height: 18px;
    font-family: Arial; 
    }

.contacts table h5 {
    text-align: right;
    color: #CCC;
    }

.contacts table h5 a {
    color: #CCC;
    }

.contacts table h5 a:hoer {
    color: #58a68c;
    }

.largetext p {
    padding: 10px 0px 10px 10px;
    font-size: 12px;
    line-height: 18px;
    }

.error, .success {
    background: #F5F5F5;
    margin-bottom: 10px;
    padding: 20px;
    border: 1px solid #D6D6D6;
    color: #666;
	font-family: Arial, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
    }

.error p, .success p {
    margin: 0px;
    padding: 0px;
    }

.unavailable {
    display: block;
    padding-top: 3px;
    color: #A8A8A8;
    font-size: 10px;
    }    

#banner {
    background: url(gui/h_bg.jpg) repeat-x bottom left;
    width: 930px;
    height: 389px;
    display: block;
    margin-bottom: 15px;
    }
    
#banner_bl {
    background: url(gui/h_l.jpg) no-repeat bottom left;
    }

#banner_br {
    background: url(gui/h_r.jpg) no-repeat bottom right;
    }

#banner_image {
    width: 930px;
    height: 299px;
    display: block;
    }

#banner_text {
    width: 930px;
    height: 90px;
    display: block;
    }

#latest {
    width: 930px;
    height: 25px;
    margin-bottom: 15px;
    }

#latest_title {
    width: 90px;
    height: 25px;
    display: block;
    float: left;
    }

#latest_news {
    background: url(gui/h_latest_bg.gif) no-repeat top left;
    width: 840px;
    height: 25px;
    display: block;
    float: left;
    }

#latest_news_text {
    width: 700px;
    padding: 6px 0px 0px 20px;
    color: #888;
    font-size: 10px;
    }

.questionlist {
    background: #FFF;
    display: block;
    width: 690px;
    }

.questionlist_in {
    padding: 0px 20px 20px 20px;
    }

.questionlist_l {
    float: left;
    width: 315px;
    display: block;
    margin-right: 10px;
    }

.questionlist_r {
    float: left;
    width: 315px;
    display: block;
    margin-left: 10px;
    }

.questionlist p {
    margin: 0px;
    padding: 0px;
    }

.questionlist ul {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 15px;
    }

.questionlist li {
    margin: 0px;
    padding: 0px;
    }

.questionlist_question {
    background: url(gui/ql_q.gif) no-repeat top left;
    display: block;
    width: 690px;
    }

#headers_2 {
    background: url(admin/header_bg.jpg) repeat-x top left;
    width: 100%;
    height: 115px;
    display: block;
    text-align: left;
    }

#headers_2_right {
    background: url(admin/header_right.jpg) no-repeat top right;
    width: 100%;
    height: 115px;
    display: block;
    }

#headers_2_outside {
    display: block;
    height: 115px;
    width: 100%;
    }

#headers_2_logo {
    float: left;
    width: 400px;
    height: 115px;
    }

#headers_2_logo_in {
    padding-top: 40px;
    padding-left: 50px;
    }

#headers_2_text {
    margin-right: 245px;
    float: right;
    width: 240px;
    }

#headers_2_text_in {
    padding-top: 10px;
    color: #172034;
	font-family: Arial, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	}

#headers_2_text_in a {
    color: #58a68c;
    }

#headers_verify {
    width: 870px;
    height: 1px;
    display: block;
    margin-bottom: 15px;
    }

.clear {
    clear: both;
    }

#menus_2 {
    background: url(admin/header_m.jpg) repeat-x top left;
    height: 37px;
    width: 100%;
    display: block;
    }

#menus_2_left {
    float: left;
    height: 37px;
    display: block;
    }

#menus_2_left_in {
    padding-left: 15px;
    }

#menus_2_left_in a {
    display: block;
    height: 26px;
    margin: 0px;
    padding: 11px 15px 0px 15px;
    color: #FFF;
    font-size: 12px;
	font-family: Arial, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    }

#menus_2_left_in a:hover {
    background: url(admin/header_m_on.jpg) repeat-x top center;
    margin: 0px;
    padding: 11px 15px 0px 15px;
    color: #FFF;
    }

#menus_2_right {
    float: right;
    text-align: right;
    height: 37px;
    display: block;
    }

#menus_2_right_in {
    padding-right: 15px;
    }

#menus_2_right_in a {
    display: block;
    height: 26px;
    margin: 0px;
    padding: 11px 15px 0px 15px;
    color: #FFF;
    font-size: 12px;
	font-family: Arial, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    }

#menus_2_right_in a:hover {
    background: url(admin/header_m_on.jpg) repeat-x top center;
    margin: 0px;
    padding: 11px 15px 0px 15px;
    color: #FFF;
    }

#menus_2_bot {
    background: url(admin/header_m_bot.jpg) repeat-x top left;
    height: 35px;
    display: block;
    width: 100%;
    }

#copyright_2 {
    display: block;
    padding: 15px 15px 15px 0px;
    font-size: 10px;
    color: #999;
    }

#copyright_2 a {    
    color: #999;
    }

#copyright_2 a:hover {
    color: #58a68c;
    }

#side_login {
    border-left: 1px solid #E6E6E6;
    padding: 10px 0px 10px 19px;
    color: #BBB;
    font-size: 10px;
    line-height: 16px;
    }

#side_login a {
    color: #BBB;
    }

#side_login a:hover {
    color: #58a68c;
    }

.memberslist {
    display: block;
    background: #FFF;
    border-bottom: 1px solid #ededed;
    width: 930px;
    color: #58a68c;
    margin-bottom: 5px;
    }
    
.memberslist_name {
    padding: 15px 10px;
    font-size: 10px;
    font-weight: bold;
    }

.memberslist_name a {
    color: #58a68c;
    }

.memberslist .memberslist_hidden {
    display: none;
    }

.memberslist:hover .memberslist_hidden {
    display: block;
    width: 930px;
    }

.memberslist_text {
    padding: 10px 10px 10px 50px;
    }

.memberslist_text a {
    color: #A8A8A8;
    }
    
.memberslist_text a:hover {
    color: #58a68c;
    }

.memberslist_table {
    color: #A8A8A8;
    line-height: 16px;
    }

.memberlist_table a {
    color: #A8A8A8;
    }
    
.memberlist_table a:hover {
    color: #58a68c;
    }

.memberslist_table_span {
    color: #888;
    font-weight: bold;
    line-height: 16px;
    }

#boathouse {
    display: block;
    text-align: center;
    color: #999;
    font-size: 90px;
    font-weight: bold;
    font-family: Times;
    }

#admincontent {
    display: block;
    margin: 20px;
    }

#adminfooter {
    display: block;
    border-top: 1px solid #D6D6D6;
    padding-top: 5px;
    margin: 20px 20px 50px 20px;
    }

.textbutton {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    }

.textbutton a {
    background: #F5F5F5;
    display: inline;
    padding: 10px;
    border: 1px solid #D6D6D6;
    color: #58a68c;
    }

.backend_drag {
    background: #E5E5E5;
    width: 20px;
    height: 20px;
    display: block;
    }

#sponsorships_regatta {
    background: #f8f8f8;
    display: block;
    margin-bottom: 10px;
    padding: 20px;
    }