#connect
{
    height: 725px;
}
#connect-left
{
    float: left;
}
#connect-left p 
{
    padding: 0px;
    margin: 0px;
}
.connect-left-heading
{
    font-family: Serif;
    font-size: 24px;
    color: #6F5DA2;
    padding-top: 20px;
    text-align: center;
}
.connect-left-heading a
{
    color: #285A9F;
}
#connect-right
{   
    width: 500px;
    margin-left: 20px;
    float: left;
    font-family: Sans-Serif;
    font-size: 13px;
    padding-top: 30px;
}
.right-heading
{
    padding-bottom: 10px;
}
#connect-right .tab-items ul
{
    margin: 0px;
    padding: 0px;
}
#connect-tabs
{
    padding-top: 20px;
}
#connect-tabs div li a
{
    color: #285A9F;
}
.connect-button
{
    padding: 20px 0px 10px;
}
.connect-button a 
{
    border: 1px solid #AD9FD5;
    background-color: #BDB2DD;
    padding: 5px;
    color: #6F5DA2;
    text-decoration: none;
    outline: 0;
}
/* Start Guestbook section */
#guestbook
{
    width: 100%;
    /* 
    Overflow
    fixed Firefox issue where bordering content would not extent to the end of 
    inner content.
    No need to set height manually.
    */
    overflow: auto;
}
#guestbook-left
{
    float: left;
    width: 350px;
}
#guestbook-right
{
    width: 500px;
    margin-left: 20px;
    float: left;
    font-family: Sans-Serif;
    font-size: 13px;
    padding-top: 30px;
}
.guestbook-message-header
{
	font-weight: bold; 	
}
.guestbook-message-content
{
    /*white-space: pre;*/
}
.guestbook-message
{
    border-top: 1px solid #DDE4FA;
    padding: 10px 0 10px;
}
.form-area
{
    text-align: right;
    color: White;
    font-family: Sans-Serif;
    font-size: 13px;
    background-color: #6F5DA2;
    padding: 20px;
    height: 350px;
}
.submit-button
{
    border: 1px solid #AD9FD5;
    background-color: #BDB2DD;
    color: #6F5DA2;
    text-decoration: none;
    outline: 0;
}
/*End Guestbook */
/*Start Join */
#join
{
    font-family: Sans-Serif;
    font-size: 13px; 
    padding: 30px 100px;
}
#join-form
{
    padding: 10px 0 20px;
    background: #EBEBEB;
}
#join-form table
{
    position: relative;
    margin: auto;
}
.form-question
{
    padding: 0 0 10px 10px;
}
/*End Join*/
/*Start Contact*/
#contact
{
    padding: 30px 100px;
    font-family: Sans-Serif;
    font-size: 13px;
}
#contact a
{
    color: #285A9F; /* blue link color */     
}
/*End Contact*/

.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 13px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
}
.ui-tabs-nav a {
    text-decoration: none;
    outline: 0; /* @ Firefox, prevent dotted border after click */
    color: #6F5DA2;
    padding: 0 15px;
    font-weight: 800;
}
.ui-tabs-panel
{
    background: #EBEBEB;
    margin: 0;
    padding: 10px;
    ------height: 150px;
}

.ui-tabs-hide  
{
    display: none; 
}  
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
    background: #EBEBEB;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
} 
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}