﻿
/* <!-- */
/* General styles */

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, address
{
    margin: 0;
    padding: 0;
    border: 0px;
    border-collapse: separate;
    border-spacing: 0px;
}

/*                                  */
/* Structure                        */
/*                                  */
/* html                             */
/* head                             */
/* body                             */
/* div                              */
/* span                             */
/*       background: #003399;
                               */

body
{
     background: #003399;
    font-family: Verdana, Trebuchet MS, Sans Serif, Georgia;
    font-size: 100%;
    margin: 5px 0px 5px 0px;
}

/*                                  */
/* Meta Information                 */
/*                                  */
/* DOCTYPE                          */
/* title                            */
/* link                             */
/* meta                             */
/* style                            */
/*                                  */


/*                                  */
/* Text                             */
/*                                  */
/* p                                */
/* h1, h2, h3, h4, h5, and h6       */
/* strong                           */
/* em                               */
/* abbr                             */
/* acronym                          */
/* address                          */
/* bdo                              */
/* blockquote                       */
/* cite                             */
/* q                                */
/* code                             */
/* ins                              */
/* del                              */
/* dfn                              */
/* kbd                              */
/* pre                              */
/* samp                             */
/* var                              */
/* br                               */
/*                                  */

h1
{
    font-family: Verdana, Trebuchet MS, Sans Serif, Georgia;
    color: #08109C;
    font-size: 1.8em;
    font-weight: normal;
    line-height: 1.4em;
    margin: 0px 0px 0px 20px;
    padding: 80px 0px 0px 20px;
    text-align: left;
}

h2
{
    font-family: Verdana, Trebuchet MS, Sans Serif, Georgia;
    color: #08109C;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.3em;
    margin: 0px 0px 0px 20px;
    padding: 20px 0px 0px 0px;
    text-align: left;
}

h3
{
    font-family: Verdana, Trebuchet MS, Sans Serif, Georgia;
    line-height: 1.2em;
    color: green;
    font-size: 1.2em;
    font-weight: normal;
    margin: 15px;
    text-align: left;
}

h4
{
    font-family: Verdana, Trebuchet MS, Sans Serif, Georgia;
    color: #08109C;
    font-size: .8em;
    font-weight: normal;
    text-align: center;
    padding: 5px 0px 5px 0px;
}

h5
{
    font-family: Verdana, Trebuchet MS, Sans Serif, Georgia;
    color: #08109C;
    font-size: .9em;
    font-weight: bold;
    text-align: center;
    padding: 10px 0px 5px 0px;
}



h6
{
    color: #08109C;
    font-family: Monotype Corsiva,Verdana, sans-serif;
    margin: 10px 50px 4px 20px;
    font-size: 1.4em;
    font-weight: normal;
    line-height: 1.6em;
    text-align: left;
}

p
{
    margin: 20px 10px 0px 15px;
    font-size: .8em;
    line-height: 1.4em;
    padding: 0px 0px 0px 15px;
    text-indent: 15px;
}

.divleft
{
    float: left;
    width: 400px;
    height: 556px;
    margin: 0px 30px 30px 15px;
    clear: left;
}    

.centertextp
{
    text-align: center;
    color: Blue;
    font-style: italic;
    font-size: 0.7em;
    line-height: 1.4em;


}

.centertext
{
    text-align: center;
}

.lefttext
{
    margin: 0px 10px 15px 5px;
    font-size: 0.8em;
    font-weight: bold;
    line-height: 1em;
    text-indent: 0px;
    text-align: left;
}

.lefttext1
{
    margin: 0px 0px 5px 5px;
    line-height: 1.4em;
    font-size: 0.8em;

    text-indent: 0px;
}

.righttext
{
    font-weight: bold;
    line-height: 1em;
    float: right;
    margin: 5px 5px 5px 0px;
}
.righttext1
{
    line-height: 1em;
    float: right;
    line-height: 1.8em;
    margin: 10px 10px 10px 10px;
}
.divright
{
    float: right;
    text-align: left;
    margin: 10px 10px 10px 10px;
}
.divright1
{
    width: 300px;
    height: auto;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

.redtext
{
    color: Yellow; 
    margin: 0px 0px 0px 20px;
}
.boldtext
{
    font-weight: bold; 
    font-size: 1.1em;
}


/*                      */
/* Links                */
/* a                    */
/* base                 */
/*                      */

a
{
    font-size: .9em;
    color: #08109C;
    text-decoration: none;
}

a:hover
{
    color: red;
    font-style: italic;
}

/*                      */
/* Images and Objects   */
/*                      */
/* img                  */
/* area                 */
/* map                  */
/* object               */
/* param                */
/*                      */

img
{
    border: 0;
}

/*                      */
/* Images               */
/*                      */

.imagecentered
{
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.imageright
{
    border: none !important; /*[e]none*/
    float: right;
    padding: 5px 5px 5px 25px;
}

.imageright1
{
    border: none !important; /*[e]none*/
    float: right;
    margin: 5px 5px 5px 5px;
}

.imageleft
{
    border: none !important; /*[e]none*/
    float: left;
    padding: 5px 25px 5px 5px;
}

.imageleft1
{
    border: none !important; /*[e]none*/
    float: left;
    padding: 5px 25px 5px 5px;
    margin: 5px 10px 5px 60px;
}
.imageleft2
{
    border: none !important; /*[e]none*/
    float: left;
    padding: 5px 25px 5px 45px;
}

/* Index Page - Governor President Photo */
.CaptionCentered
{
    color: #08109C;
    font-size: 12px;
    font-style: italic;
    text-align: center;
}

/*                      */
/* Lists                */
/*                      */
/* ul                   */
/* ol                   */
/* li                   */
/* dl                   */
/* dt                   */
/* dd                   */
/*                      */

.tableentryl
{
    color: #000000;
    font-size: .7em;
    line-height: 1.4em;
    list-style-type: none;
    padding: 0px 10px 0px 10px;
    text-align: right;
    width: 450px;
}
.tableentryr
{
    color: #000000;
    font-size: .7em;
    line-height: 1.4em;
    list-style-type: none;
    padding: 0px 10px 0px 10px;
    text-align: left;
    width: 450px;
}



.tablelink
{
    color: #000000;
    font-size: .9em;
    line-height: 1.4em;
    list-style-type: none;
    padding: 0px 20px 0px 25px;
}

.tablelink1
{
    text-align: right;
    color: #000000;
    font-size: 1em;
    line-height: 1.5em;
    list-style-type: none;
    padding: 0px 40px 0px 25px;
}

.tablelinkpoint
{
    margin: 20px 20px 0px 40px;
    font-size: .9em;
    line-height: 1.5em;
}

.generallist
{
    padding: 0px 20px 0px 100px;
    
    font-size: .8em;
    line-height: 1.2em;
    text-indent: 15px;

    
}

.scheme1
{
    background-color: #B9D3EE;
    margin: 5px 25px 10px 35px;
    width: 68%;
}

.scheme1 .even
{
    background-color: #E2E7F9;
}

.zebra
{
    border-collapse: collapse;
}

.zebra a
{
    color: #08109C;
    text-decoration: none;
}

.zebra a:hover
{
    color: #FF0033;
    text-decoration: none;
}

.zebra th
{
    background-color: #08109C;
    color: #FFFFFF;
}

.zebra th, .zebra td
{
    border: thin solid #08109C;
    font-size: 1em;
    padding: 0.3em;
}

.zebra tr:hover
{
    background-color: #FFFFFF;
    text-decoration: none;
}


/*                      */
/* Tables               */
/*                      */
/* table                */
/* tr                   */
/* td                   */
/* th                   */
/* tbody                */
/* thead                */
/* tfoot                */
/* col                  */
/* colgroup             */
/* caption              */
/*                      */


.clubtable
{
    font-size: .9em;
    list-style-type: none;
    margin: 5px 5px 0px 10px;
}

.clubtable tr
{
    line-height: 1.2em;
}

.col11
{
    width: 250px;
}



/*                      */
/* Forms                */
/*                      */
/* form                 */
/* input                */
/* textarea             */
/* select               */
/* option               */
/* optgroup             */
/* button               */
/* label                */
/* fieldset             */
/* legend               */
/*                      */


/*                      */
/* Scripting            */
/*                      */
/* script               */
/* noscript             */
/*                      */


/*                      */
/* Presentational       */
/*                      */
/* b                    */
/* i                    */
/* tt                   */
/* sub                  */
/* sup                  */
/* big                  */
/* small                */
/* hr                   */
/*                      */

sub
{
    font-size: xx-small;
    vertical-align: top;
    position: relative;
}

/*                      */
/* User Defined Classes */
/*                      */

#main1
{
    font-size: 1em;
    line-height: 1.4em;
    height: auto; /* !important */
    margin-left: auto;
    margin-right: auto;
    width: 1010px;
}


.ClearLeft
{
    clear: left;
}

.ClearRight
{
    clear: right;
}

.Clear
{
    clear: both;
}


/*                      */
/* Web Page Header      */
/*                      */

#headerpanel
{
    width: 1010px;
    margin: 0px 0px 2px 0px;
}

#headerpanel a
{
    text-align: right;
    color: navy;
    font-size: .9em;
    font-weight: bold;
    line-height: 3.5em;
    text-decoration: none;
}

#headerpanel a:hover
{
    color: Yellow;
}

#headerpanel img
{
    border: none;
    float: left;
    margin: 5px 0px 5px 20px;
}

.HeaderTop
{
    text-align: right;
    margin: 0px 10px 0px 0px;
}

.HeaderBottom
{
    text-align: center;
}

#HeaderImage
{
    background-image: url("../images/0910/headernew1.jpg");
    background-repeat: no-repeat;
}

#HeaderImage h1
{
    text-align: right;
    padding-right: 25px;
    padding-top: 30px;
    font-weight: bold;
    color: Yellow;
}


/*                      */
/* Index Page           */
/*                      */

#mainpanel
{
    width: 1010px;
    margin: 0px 0px 2px 0px;
}



#sectiontitle1
{
    width: 340px;
    margin: 0px 0px 0px 0px;
}
#sectiontitle2
{
    width: 218px;
    margin: 0px 0px 0px 0px;
}
#sectiontitle3
{
    width: 1010px;
    margin: 0px 0px 0px 0px;
}
#sectiontitle4
{
    width: 440px;
    margin: 0px 0px 0px 5px;
}
#sectiontitle5
{
    width: 340px;
    margin: 0px 0px 0px 0px;
}
#sectiontitle6
{
    width: 320px;
    margin: 0px 0px 0px 0px;
}
#sectiontitle7
{
    width: 330px;
    margin: 0px 0px 0px 0px;
}
#sectiontitle8
{
    width: 338px;
    margin: 0px 0px 0px 0px;
}
#sectiontitle9
{
    width: 221px;
    margin: 0px 0px 0px 0px;
}
#sectiontitle10
{
    width: 330px;
    margin: 0px 0px 0px 0px;
}
#sectiontitle12
{
    width: 340px;
    margin: 0px 0px 0px 0px;
}
#sectiontitle14
{
    width: 340px;
    margin: 0px 0px 0px 0px;
}
#sectiontitle15
{
    width: 219px;
    margin: 0px 0px 0px 0px;
}
#sectiontitle16
{
    width: 330px;
    margin: 0px 0px 0px 0px;
}
#sectiontitle17
{
    width: 665px;
    margin: 0px 0px 0px 0px;
}
#sectiontitle18
{
    width: 340px;
    margin: 0px 0px 0px 0px;
}
#sectiontitle20
{
    width: 220px;
    margin: 0px 0px 0px 0px;
}
#sectiontitle21
{
    width: 220px;
    margin: 0px 0px 0px 0px;
}
#sectiontitle22
{
    width: 340px;
    margin: 0px 0px 0px 0px;
}



#section
{
    width: 360px;
    float: right;
    margin: 0px 15px 15px 0px;
}

#governor
{
    width: 1010px;
    margin: 5px 0px 5px 0px;
}

#importantevent1
{
    float: left;
    width: 330px;
    margin: 0px 5px 5px 5px;
}
#importantevent2
{
    float: left;
    width: 320px;
    margin: 0px 5px 5px 5px;
}
#importantevent3
{
    float: left;
    width: 330px;
    margin: 0px 5px 5px 5px;
}
#importantevent4
{
    float: right;
    width: 330px;
    margin: 0px 5px 5px 5px;
}

#importantevent6
{
    float: left;
    width: 339px;
    margin: 0px 1px 5px 0px;
}
#importantevent7
{
    float: right;
    width: 222px;
    margin: 0px 1px 5px 0px;
}
#importantevent8
{
    float: left;
    width: 218px;
    margin: 0px 1px 5px 2px;
}
#importantevent9
{
    float: left;
    width: 219px;
    margin: 0px 0px 5px 1px;
}
#importantevent10
{
    float: right;
    width: 1010px;
    margin: 0px 0px 0px 0px;
}
#importantevent11
{
    float: left;
    width: 665px;
    margin: 0px 0px 5px 0px;
}
#importantevent20
{
    float: right;
    width: 220px;
    margin: 0px 1px 5px 0px;
}
#importantevent21
{
    float: left;
    width: 220px;
    margin: 0px 0px 5px 1px;
}



#importantevent30
{
    float: left;
    width: 520px;
    margin: 10px 20px 10px 10px;
}
#importantevent31
{
    float: left;
    width: 520px;
    margin: 10px 20px 10px 10px;
}
#importantevent32
{
    float: left;
    width: 610px;
    margin: 20px 20px 20px 20px;
}
#importantevent33
{
    float: left;
    width: 930px;
    margin: 0px 0px 0px 0px;
}
#importantevent34
{
    float: left;
    width: 550px;
    padding: 5px;
}
#importantevent35
{
    float: left;
    width: 740px;
    margin: 0px 0px 0px 0px;
}
#importantevent36
{
    float: left;
    width: 660px;
    margin: 0px 0px 0px 0px;
}
#importantevent37
{
    float: left;
    width: 760px;
    margin: 0px 0px 0px 0px;
}
#importantevent38
{
    float: left;
    width: 760px;
    margin: 0px 0px 0px 0px;
}
#importantevent39
{
    float: left;
    width: 920px;
    margin: 0px 0px 0px 0px;
}
#importantevent40
{
    float: left;
    width: 660px;
    margin: 0px 0px 0px 0px;
}
#importantevent39
{
    float: left;
    width: 920px;
    margin: 0px 0px 0px 0px;
}
#importantevent41
{
    float: left;
    width: 550px;
    margin: 0px 0px 0px 0px;
}
#importantevent42
{
    float: left;
    width: 550px;
    margin: 0px 0px 0px 0px;
}
#importantevent43
{
    float: left;
    width: 650px;
    margin: 0px 0px 0px 0px;
}
#importantevent44
{
    float: left;
    width: 650px;
    margin: 0px 0px 0px 0px;
}
#importantevent45
{
    float: left;
    width: 460px;
    margin: 0px 0px 0px 0px;
}
#importantevent46
{
    float: left;
    width: 800px;
    margin: 0px 0px 0px 0px;
}
#importantevent47
{
    float: left;
    width: 660px;
    margin: 0px 0px 0px 0px;
}
#noticeboard
{
    float: right;
    width: 340px;
    margin: 0px 0px 5px 0px;
}


#ourdistrict
{
    float: left;
    width: 665px;
    margin: 0px 0px 5px 0px;
}

#districtclubs
{
    float: right;
    width: 665px;
    margin: 0px 0px 15px 0px;
}

#conferenceleft
{
    float: left;
    width: 450px;
    margin: 5px 5px 5px 35px;
}

#conferenceright
{
    float: right;
    width: 450px;
    margin: 5px 35px 5px 5px;
}



#clubdetails
{
    width: 1010px;
    margin: 5px 0px 2px 0px;
}
#clubleadershipteam
{
    width: 1010px;
    margin: 2px 0px 2px 0px;
}

/*                      */
/* Web Page Footer      */
/*                      */

#footerpanel
{
    width: 1010px;
    margin: 5px 0px 0px 0px;
    background: #7b84f7;
}

#footerpanel a
{
    text-align: right;
    color: navy;
    font-size: .9em;
    font-weight: bold;
    line-height: 3.5em;
    text-decoration: none;
}

#footerpanel a:hover
{
    color: red;
}

.footerlinks
{
    text-align: center;
}

.footerimage11
{
    margin: 5px 0px 0px 0px;
}

.footerimage2
{
    float: left;
    margin: 5px 0px 0px 20px;
}

.copyrighttext
{
    float: left;
    line-height: 1.4em;
    color: black;
    font-size: .7em;
    text-align: left;
    margin: 0px 0px 5px 5px;
}

.version
{
    text-align: right;
    line-height: 1em;
    color: black;
    font-size: .7em;
    margin: 0px 0px 0px 5px;
}


/*
** Simple Accordion
** PhPixel
** http://www.phpixel.com/simple-accordion/
*/
.sAccordion-open
{
    padding: 5px;
    cursor: pointer;
    background: #e5e5e5;
    margin: 0;
    margin-bottom: 1px;
    color: #7e7e7e;
}
.sAccordion-open-actif
{
    background: #71c8cf;
    color: #fff;
}




/*                      */
/* Vertical Accordions  */
/*                      */

.alignright
{
    float: right;
    margin-right: 25px;
    color: navy;
    font-size: 17px;
}

div .imageleft50
{
    margin-left: 25px;
}

.alignleft
{
    float: left;
    padding: 5px;
    color: Yellow;
    font-size: 14px;
}

.RIObservance
{
    text-align: right;
    padding-right: 35px;
    color: navy;
    font-size: 16px;
}
#rightdiv
{
    width: 450px;
    float: right;
    text-align: right;
}

/* GoogleMaps */
/* District Club Meetings page */
#sidebarmapping
{
    width: 210px;
    height: 570px;
    margin: 0px 0px 0px 10px;
    color: #4444ff;
    float: right;
    overflow: auto;
    cursor: default;
    border: 1px solid #7b84f7;
}

#side-bar
{
    width: 210px;
    height: 570px;
    margin: 0px 0px 0px 10px;
    color: #4444ff;
    float: right;
    overflow: auto;
    cursor: default;
    border: 1px solid #7b84f7;
}


#map
{
    width: 765px;
    height: 570px;
    text-align: left;
    float: left;
    border: 1px solid #7b84f7;
}

/* Every Club Page */
#map1
{
    width: 500px;
    height: 300px;
    float: right;
    margin: 5px 5px 10px 10px;
    border: 2px solid #7b84f7;
}

/* Club Pages */
.clubtable1
{
    margin-left: 20px;
    table-layout: fixed;
    line-height: .8em;
}

.clubtable
{
    margin-left: 20px;
    table-layout: fixed;
    line-height: .8em;
}

.clubtable1
{
    margin-left: 20px;
    table-layout: fixed;
    line-height: .8em;
}

.clubtable2
{
    margin-right: 50px;
    table-layout: fixed;
    line-height: 1.4em;
    text-align: right;
    font-size: .8em;
}

.clubtable3
{
    margin-left: 40px;
    table-layout: fixed;
    line-height: 1.6em;
    font-size: .8em;
}


.ClubPresident
{
    font-weight: bold;
    color: #00008B;
}

.toptablecolone
{
    color: #00008B;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    padding: 0px 0px 0px 30px;
}

.toptablecoltwo
{
    color: #000000;
    font-size: 14px;
    font-weight: normal;
    line-height: 30px;
    padding: 0px 0px 0px 30px;
}


.bottomtableone
{
    color: #00008B;
    font-weight: bold;
    padding: 16px 0px 0px 14px;
    line-height: 20px;
}

.bottomtableone1
{
    color: #00008B;
    line-height: 20px;
    font-size: 14px;
    font-weight: bold;
    padding-left: 16px 0px 0px 14px;
}

.bottomtabletwo
{
    padding-left: 14px;
    line-height: 1.1em;
}




/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header
{
    cursor: pointer;
    position: relative;
    margin: 1px 25px 0px 25px;
    border-width: 1px;
}
.ui-accordion .ui-accordion-li-fix
{
    display: inline;
}
.ui-accordion .ui-accordion-header-active
{
    border-bottom: 0 !important;
}
.ui-accordion .ui-accordion-header a
{
    display: block;
    font-size: 1em;
    padding: .1em .1em .1em .1em;
}
/* IE7-/Win - Fix extra vertical space in lists */
.ui-accordion a
{
}
.ui-accordion-icons .ui-accordion-header a
{
    padding-left: 2.2em;
}


.ui-accordion .ui-accordion-header .ui-icon
{
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}
.ui-accordion .ui-accordion-content
{
    padding: 10px 2.2em 0px 20px;
    border-top: 0;
    margin: 5px auto 2px auto;
    position: relative;
    top: 5px;
    overflow: auto;
    display: none;
}
.ui-accordion .ui-accordion-content-active
{
    display: block;
}


/*                           */
/* General Information Page  */
/*                           */

.lm-wrapper
{
    margin: 0px 0px 0px 60px;
    padding: 0;
}
.lm-wrapper .lm-letters
{
    overflow: hidden;
}
* html .lm-wrapper .lm-letters
{
}
/* for IE6 so that menu appears under letters */
.lm-wrapper .lm-letters a
{
    font-size: 1em;
    display: block;
    float: left;
    padding: 2px 11px;
    border: 1px solid green;
    text-decoration: none;
}
.lm-wrapper .lm-letters a:hover
{
    background-color: #003399;
    color: gold;
}
.lm-wrapper .lm-letters a.lm-selected
{
    background-color: #003399;
    color: gold;
}
.lm-wrapper .lm-letters a.lm-disabled
{
    background-color: Silver;
    color: gold;
}
.lm-wrapper .lm-letters a.lm-last
{
    border-right: 1px solid silver;
}
.lm-wrapper .lm-menu
{
    border: 1px solid silver;
    padding: 15px;
    z-index: 10;
    position: absolute;
    margin-top: -1px;
    background: silver;
    display: none;
}
.lm-wrapper .lm-menu ul li
{
    list-style-type: none;
    margin: 10px 0px 10px 10px;
    line-height: 1.4em;
    font-size: 1.1em;
}
.lm-wrapper .lm-menu .lm-no-match
{
    background-color: Silver;
    color: red;
}
.lm-wrapper .lm-menu a
{
    text-decoration: none;
}
.lm-wrapper .lm-menu a:hover
{
    color: red;
    text-decoration: underline;
}
.lm-wrapper .lm-menu .lm-submenu
{
    overflow: hidden;
}

.Acronym
{
    color: #003399;
    font-size: 1.2em;
    font-weight: bold;
}

#general1
{
    float: right;
    width: 445px;
    margin: 0px 5px 5px 5px;
}
#general2
{
    float: right;
    width: 250px;
    margin: 0px 5px 5px 5px;
}
#general3
{
    float: left;
    width: 545px;
    margin: 0px 0px 5px 5px;
}
#general4
{
    float: right;
    width: 450px;
    margin: 0px 5px 5px 5px;
}
#general5
{
    float: left;
    width: 350px;
    margin: 0px 5px 5px 5px;
}



/*
 * FullCalendar v1.4.5 Stylesheet
 * Date: Sun Feb 21 20:30:11 2010 -0800
 *
 */

#maincalendar
{
    font-size: .9em;
    line-height: 1.4em;
    height: auto; /* !important */
    margin-left: auto;
    margin-right: auto;
    width: 1010px;
}


#calendar1
{
    margin: 1px 0px 1px -50px;
    width: 1110px;
}

#calendar
{
    margin: 5px 15px 5px 15px;
}


.fc, .fc .fc-header, .fc .fc-content
{
    font-size: 1em;
}

.fc
{
    direction: ltr;
    text-align: left;
}

.fc table
{
    border-collapse: collapse;
    border-spacing: 0;
}

.fc td, .fc th
{
    padding: 0;
    vertical-align: top;
}

/* Header
------------------------------------------------------------------------*/

table.fc-header
{
    width: 100%;
}

.fc-header-left
{
    width: 25%;
}

.fc-header-left table
{
    float: left;
}

.fc-header-center
{
    width: 50%;
    text-align: center;
}

.fc-header-center table
{
    margin: 0 auto;
}

.fc-header-right
{
    width: 25%;
}

.fc-header-right table
{
    float: right;
}

.fc-header-title
{
    margin: 0px 0px 20px 0px;
    white-space: nowrap;
}

.fc-header-space
{
    padding-left: 10px;
}

/* right-to-left */

.fc-rtl .fc-header-title
{
    direction: rtl;
}



/* Buttons
------------------------------------------------------------------------*/

.fc-header .fc-state-default, .fc-header .ui-state-default
{
    margin-top: 20px;
    cursor: pointer;
}

.fc-header .fc-state-default
{
    border-width: 1px 0;
    padding: 0 1px;
}

.fc-header .fc-state-default, .fc-header .fc-state-default a
{
    border-style: solid;
}

.fc-header .fc-state-default a
{
    display: block;
    border-width: 0 1px;
    margin: 0 -1px;
    width: 100%;
    text-decoration: none;
}

.fc-header .fc-state-default span
{
    display: block;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    padding: 3px 5px;
}

.fc-header .ui-state-default
{
    padding: 4px 6px;
}

.fc-header .fc-state-default span, .fc-header .ui-state-default span
{
    white-space: nowrap;
}

/* for adjacent buttons */

.fc-header .fc-no-right
{
    padding-right: 0;
}

.fc-header .fc-no-right a
{
    margin-right: 0;
    border-right: 0;
}

.fc-header .ui-no-right
{
    border-right: 0;
}

/* for fake rounded corners */

.fc-header .fc-corner-left
{
    margin-left: 1px;
    padding-left: 0;
}

.fc-header .fc-corner-right
{
    margin-right: 1px;
    padding-right: 0;
}

/* DEFAULT button COLORS */

.fc-header .fc-state-default, .fc-header .fc-state-default a
{
    border-color: #777; /* outer border */
    color: #333;
}

.fc-header .fc-state-default span
{
    border-color: #fff #fff #d1d1d1; /* inner border */
    background: #e8e8e8;
}

/* PRESSED button COLORS (down and active) */

.fc-header .fc-state-active a
{
    color: #fff;
}

.fc-header .fc-state-down span, .fc-header .fc-state-active span
{
    background: #888;
    border-color: #808080 #808080 #909090; /* inner border */
}

/* DISABLED button COLORS */

.fc-header .fc-state-disabled a
{
    color: #999;
}

.fc-header .fc-state-disabled, .fc-header .fc-state-disabled a
{
    border-color: #ccc; /* outer border */
}

.fc-header .fc-state-disabled span
{
    border-color: #fff #fff #f0f0f0; /* inner border */
    background: #f0f0f0;
}



/* Content Area & Global Cell Styles
------------------------------------------------------------------------*/

.fc-widget-content
{
    border: 1px solid #ccc; /* outer border color */
}

.fc-content
{
    clear: both;
}

.fc-content .fc-state-default
{
    border-style: solid;
    border-color: #ccc; /* inner border color */
}

.fc-content .fc-state-highlight
{
    /* today */
    background: #ffc;
}

.fc-content .fc-not-today
{
    background: none;
}

.fc-cell-overlay
{
    /* semi-transparent rectangle while dragging */
    background: #9cf;
    opacity: .2;
    filter: alpha(opacity=20); /* for IE */
}

.fc-view
{
    /* prevents dragging outside of widget */
    width: 100%;
    overflow: hidden;
}



/* Global Event Styles
------------------------------------------------------------------------*/

.fc-event, .fc-agenda .fc-event-time, .fc-event a
{
    border-style: solid;
    border-color: #36c; /* default BORDER color (probably the same as background-color) */
    background-color: #36c; /* default BACKGROUND color */
    color: #fff; /* default TEXT color */
}

.leaderevent, .fc-agenda .leaderevent .fc-event-time, .leaderevent a
{
    background-color: #FF8080; /* background color */
    border-color: #FF8080; /* border color */
    color: black; /* text color */
}

.presevent, .fc-agenda .presevent .fc-event-time, .presevent a
{
    background-color: #CCFFFF; /* background color */
    border-color: #CCFFFF; /* border color */
    color: black; /* text color */
}

.youthevent, .fc-agenda .youthevent .fc-event-time, .youthevent a
{
    background-color: green; /* background color */
    border-color: green; /* border color */
    color: white; /* text color */
}



.youthevent, .fc-agenda .youthevent .fc-event-time, .youthevent a
{
    background-color: green; /* background color */
    border-color: green; /* border color */
    color: white; /* text color */
}

.clubevent, .fc-agenda .clubevent .fc-event-time, .clubevent a
{
    background-color: navy; /* background color */
    border-color: navy; /* border color */
    color: white; /* text color */
}

.dgevent, .fc-agenda .dgevent .fc-event-time, .dgevent a
{
    background-color: Maroon; /* background color */
    border-color: Maroon; /* border color */
    color: white; /* text color */
}

.districtevent, .fc-agenda .districtevent .fc-event-time, .districtevent a
{
    background-color: Maroon; /* background color */
    border-color: Maroon; /* border color */
    color: white; /* text color */
}

.presidentevent, .fc-agenda .presidentevent .fc-event-time, .presidentevent a
{
    background-color: purple; /* background color */
    border-color: purple; /* border color */
    color: white; /* text color */
}

.otherevent, .fc-agenda .otherevent .fc-event-time, .otherevent a
{
    background-color: gold; /* background color */
    border-color: gold; /* border color */
    color: black; /* text color */
}

.GSEevent, .fc-agenda .GSEevent .fc-event-time, .GSEevent a
{
    background-color: Blue; /* background color */
    border-color: Blue; /* border color */
    color: white; /* text color */
}

.rievent, .fc-agenda .rievent .fc-event-time, .rievent a
{
    background-color: gray; /* background color */
    border-color: gray; /* border color */
    color: wnite; /* text color */
}


.fc-event
{
    text-align: left;
}

.fc-event a
{
    overflow: hidden;
    font-size: .85em;
    text-decoration: none;
    cursor: pointer;
}

.fc-event-editable
{
    cursor: pointer;
}

.fc-event-time, .fc-event-title
{
    padding: 0 1px;
}

/* for fake rounded corners */

.fc-event a
{
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

/* right-to-left */

.fc-rtl .fc-event a
{
    text-align: right;
}

/* resizable */

.fc .ui-resizable-handle
{
    display: block;
    position: absolute;
    z-index: 99999;
    border: 0 !important; /* important overrides pre jquery ui 1.7 styles */
    background: url(data:image/gif;base64,AAAA) !important; /* hover fix for IE */
}



/* Horizontal Events
------------------------------------------------------------------------*/

.fc-event-hori
{
    border-width: 1px 0;
    margin-bottom: 1px;
}

.fc-event-hori a
{
    border-width: 0;
}

/* for fake rounded corners */

.fc-content .fc-corner-left
{
    margin-left: 1px;
}

.fc-content .fc-corner-left a
{
    margin-left: -1px;
    border-left-width: 1px;
}

.fc-content .fc-corner-right
{
    margin-right: 1px;
}

.fc-content .fc-corner-right a
{
    margin-right: -1px;
    border-right-width: 1px;
}

/* resizable */

.fc-event-hori .ui-resizable-e
{
    top: 0 !important; /* importants override pre jquery ui 1.7 styles */
    right: -3px !important;
    width: 7px !important;
    height: 100% !important;
    cursor: e-resize;
}

.fc-event-hori .ui-resizable-w
{
    top: 0 !important;
    left: -3px !important;
    width: 7px !important;
    height: 100% !important;
    cursor: w-resize;
}

.fc-event-hori .ui-resizable-handle
{
    _padding-bottom: 14px; /* IE6 had 0 height */
}



/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/

.fc-grid table
{
    width: 100%;
}

.fc .fc-grid th
{
    border-width: 0 0 0 1px;
    text-align: center;
}

.fc .fc-grid td
{
    border-width: 1px 0 0 1px;
}

.fc-grid th.fc-leftmost, .fc-grid td.fc-leftmost
{
    border-left: 0;
}

.fc-grid .fc-day-number
{
    float: right;
    padding: 0 2px;
}

.fc-grid .fc-other-month .fc-day-number
{
    opacity: 0.3;
    filter: alpha(opacity=30); /* for IE */ /* opacity with small font can sometimes look too faded 	   might want to set the 'color' property instead 	   making day-numbers bold also fixes the problem */
}

.fc-grid .fc-day-content
{
    clear: both;
    padding: 2px 2px 0; /* distance between events and day edges */
}

/* event styles */

.fc-grid .fc-event-time
{
    font-weight: bold;
}

/* right-to-left */

.fc-rtl .fc-grid
{
    direction: rtl;
}

.fc-rtl .fc-grid .fc-day-number
{
    float: left;
}

.fc-rtl .fc-grid .fc-event-time
{
    float: right;
}

/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/

.fc .fc-agenda th, .fc .fc-agenda td
{
    border-width: 1px 0 0 1px;
}

.fc .fc-agenda .fc-leftmost
{
    border-left: 0;
}

.fc-agenda tr.fc-first th, .fc-agenda tr.fc-first td
{
    border-top: 0;
}

.fc-agenda-head tr.fc-last th
{
    border-bottom-width: 1px;
}

.fc .fc-agenda-head td, .fc .fc-agenda-body td
{
    background: none;
}

.fc-agenda-head th
{
    text-align: center;
}

/* the time axis running down the left side */

.fc-agenda .fc-axis
{
    width: 50px;
    padding: 0 4px;
    vertical-align: middle;
    white-space: nowrap;
    text-align: right;
    font-weight: normal;
}

/* all-day event cells at top */

.fc-agenda-head tr.fc-all-day th
{
    height: 35px;
}

.fc-agenda-head td
{
    padding-bottom: 10px;
}

.fc .fc-divider div
{
    font-size: 1px; /* for IE6/7 */
    height: 2px;
}

.fc .fc-divider .fc-state-default
{
    background: #eee; /* color for divider between all-day and time-slot events */
}

/* body styles */

.fc .fc-agenda-body td div
{
    height: 20px; /* slot height */
}

.fc .fc-agenda-body tr.fc-minor th, .fc .fc-agenda-body tr.fc-minor td
{
    border-top-style: dotted;
}

.fc-agenda .fc-day-content
{
    padding: 2px 2px 0; /* distance between events and day edges */
}



/* Vertical Events
------------------------------------------------------------------------*/

.fc-event-vert
{
    border-width: 0 1px;
}

.fc-event-vert a
{
    border-width: 0;
}

/* for fake rounded corners */

.fc-content .fc-corner-top
{
    margin-top: 1px;
}

.fc-content .fc-corner-top a
{
    margin-top: -1px;
    border-top-width: 1px;
}

.fc-content .fc-corner-bottom
{
    margin-bottom: 1px;
}

.fc-content .fc-corner-bottom a
{
    margin-bottom: -1px;
    border-bottom-width: 1px;
}

/* event content */

.fc-event-vert span
{
    display: block;
    position: relative;
    z-index: 2;
}

.fc-event-vert span.fc-event-time
{
    white-space: nowrap;
    _white-space: normal;
    overflow: hidden;
    border: 0;
    font-size: 10px;
}

.fc-event-vert span.fc-event-title
{
    line-height: 13px;
}

.fc-event-vert span.fc-event-bg
{
    /* makes the event lighter w/ a semi-transparent overlay  */
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .3;
    filter: alpha(opacity=30); /* for IE */
}

/* resizable */

.fc-event-vert .ui-resizable-s
{
    bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */
    width: 100% !important;
    height: 8px !important;
    line-height: 8px !important;
    font-size: 11px !important;
    font-family: monospace;
    text-align: center;
    cursor: s-resize;
}

/************************************
            By Dan Harper
        http://www.danharper.me

           For NETTUTS.com

     Check out http://vivawp.com
************************************/


.widget
{
    width: 980px;
    margin: 5px;
    padding: 5px;
    background: #f3f1eb;
    border: 1px solid #dedbd1;
    margin-bottom: 15px;
}

.widget a
{
    color: #222;
    text-decoration: none;
}

.widget a:hover
{
    color: #009;
    text-decoration: underline;
}

.tabnav li
{
    display: inline;
    list-style: none;
    padding-right: 5px;
    font-size: .9em;
}

.tabnav li a
{
    text-decoration: none;
    color: #222;
    padding: 4px 6px;
    outline: none;
}

.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a
{
    background: #dedbd1;
    color: #222;
    text-decoration: none;
}

.tabdiv
{
    margin-top: 2px;
    background: #fff;
    border: 1px solid #dedbd1;
    padding: 5px;
}

.tabdiv li
{
    list-style-image: url("star.png");
    margin-left: 20px;
}

.ui-tabs-hide
{
    display: none;
}

#featuredvid
{
    text-align: center;
}

.fvid
{
    margin-bottom: 5px;
}

.vidselector li
{
    text-align: left;
    list-style: none;
    padding: 5px;
    background: #ffffff;
    border: 1px solid #dedbd1;
    text-transform: uppercase;
    margin-bottom: 5px;
}



/************************************
            RSS-feed
************************************/
#feed-control
{
    float: right;
    width: 320px;
    height: 450px;
    padding: 10px;
    color: #9CADD0;
    margin: 5px 5px 5px 5px;
}

#feed-control1
{
    float: right;
    width: 320px;
    height: 550px;
    padding: 10px;
    color: #9CADD0;
}

.gfg-root
{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    text-align: center;
    font-family: "Arial" , sans-serif;
    font-size: 12px;
    border: 1px solid #BCCDF0;
}

.gfg-title
{
    font-size: 1.1em;
    font-weight: bold;
    color: #08109C;
    background-color: #E5ECF9;
    line-height: 1.4em;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
}

.gfg-title a
{
    color: #08109C;
    font-size: 1.4em;
    line-height: 1.8em;
}

.gfg-subtitle
{
    font-size: 12px;
    font-weight: bold;
    color: #3366cc;
    background-color: #E5ECF9;
    line-height: 1.4em;
    overflow: hidden;
    white-space: nowrap;
    margin: 5px 0px 5px 0px;
}

.gfg-subtitle a
{
    color: #3366cc;
}

.gfg-entry
{
    background-color: #DCD7C8;
    width: 100%;
    height: 8.6em;
    position: relative;
    overflow: hidden;
    text-align: left;
    margin: 5px 0px 3px 0px;
}

/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result
{
    position: relative;
    background-color: #DCD7C8;
    font-size: 1.2em;
    font-weight: bold;
    font-style: italic;
    width: auto;
    height: 100%;
    padding: 10px 20px 0px 20px;
}

.gfg-list
{
    position: relative;
    overflow: hidden;
    text-align: left;
    margin-bottom: 5px;
}

.gfg-listentry
{
    line-height: 1.5em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    padding: 0px 5px 0px 15px;
    margin: 2px 5px 2px 5px;
}

.gfg-listentry-odd
{
    background-color: #F6F6F6;
}

.gfg-listentry-even
{
}


/*
 * FeedControl customizations.
 */

.gfg-root .gfg-entry .gf-result .gf-title
{
    font-size: 14px;
    line-height: 1.2em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    margin-bottom: 2px;
}

.gfg-root .gfg-entry .gf-result .gf-snippet
{
    height: 3.8em;
    color: #000000;
    margin-top: 3px;
}

/*
 * Easy way to get horizontal mode, applicable via js options to gadget.
 */

.gfg-horizontal-container
{
    position: relative;
}

.gfg-horizontal-root
{
    height: 1.5em;
    _height: 100%;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    font-family: "Arial" , sans-serif;
    font-size: 13px;
    border: 1px solid #AAAAAA;
    padding: 5px;
    margin-right: 80px;
}

.gfg-horizontal-root .gfg-title
{
    font-weight: bold;
    background-color: #FFFFFF;
    line-height: 1.5em;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    padding-left: 10px;
    padding-right: 12px;
    border-right: 1px solid #AAAAAA;
}

.gfg-horizontal-root .gfg-title a
{
    color: #444444;
    text-decoration: none;
}

.gfg-horizontal-root .gfg-entry
{
    width: auto;
    height: 1.5em;
    position: relative;
    overflow: hidden;
    text-align: left;
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 10px;
}

/* To allow correct behavior for overlay */
.gfg-horizontal-root .gfg-entry .gf-result
{
    position: relative;
    background-color: white;
    width: 100%;
    height: 100%;
    line-height: 1.5em;
    overflow: hidden;
    white-space: nowrap;
}

.gfg-horizontal-root .gfg-list
{
    display: none;
}

/*
 * FeedControl customizations.
 */

.gfg-horizontal-root .gfg-entry .gf-result .gf-snippet, .gfg-horizontal-root .gfg-entry .gf-result .gf-author
{
    display: none;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-title
{
    color: #0000cc;
    margin-right: 3px;
    float: left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer
{
    float: left;
}

.gfg-horizontal-root .gfg-entry .gf-result .gf-spacer, .gfg-horizontal-root .gfg-entry .gf-result .gf-relativePublishedDate
{
    display: block;
    color: #AAAAAA;
}

.gfg-branding
{
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 80px;
}

.gfg-collapse-open, .gfg-collapse-closed
{
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    float: right;
    width: 17px;
    height: 20px;
}

.gfg-collapse-open
{
    background-image: url('arrow_open.gif');
}

.gfg-collapse-closed
{
    background-image: url('arrow_close.gif');
}

.gfg-collapse-href
{
    float: left;
}

.clearFloat
{
    clear: both;
}





/*
 * Tabs
 */





/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden
{
    display: none;
}
.ui-helper-hidden-accessible
{
    position: absolute;
    left: -99999999px;
}
.ui-helper-reset
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.ui-helper-clearfix
{
    display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix
{
    height: 1%;
}
.ui-helper-clearfix
{
    display: block;
}
/* end clearfix */
.ui-helper-zfix
{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled
{
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon
{
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}






/* Tabs
----------------------------------*/
.ui-tabs
{
    position: relative;
    padding: .2em;
    zoom: 1;
}
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav
{
    margin: 0;
    padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li
{
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0 .2em 1px 0;
    border-bottom: 0 !important;
    padding: 0;
    white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a
{
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected
{
    margin-bottom: 0;
    padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a
{
    cursor: text;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a
{
    cursor: pointer;
}
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel
{
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}
.ui-tabs .ui-tabs-hide
{
    display: none !important;
}
/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/
*/


/* Component containers
----------------------------------*/
.ui-widget
{
    font-family: Verdana,Arial,sans-serif /*{ffDefault}*/;
    font-size: 1.1em /*{fsDefault}*/;
}
.ui-widget .ui-widget
{
    font-size: 1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
    font-family: Verdana,Arial,sans-serif /*{ffDefault}*/;
    font-size: 1em;
}
.ui-widget-content
{
    border: 1px solid #aaaaaa /*{borderColorContent}*/;
    background: #795F12 /*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png) /*{bgImgUrlContent}*/ 50% /*{bgContentXPos}*/ 50% /*{bgContentYPos}*/ repeat-x /*{bgContentRepeat}*/;
    color: #222222 /*{fcContent}*/;
}
.ui-widget-content a
{
    color: #222222 /*{fcContent}*/;
}
.ui-widget-header
{
    background: #7b84f7; /*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) /*{bgImgUrlHeader}*/ 50% /*{bgHeaderXPos}*/ 50% /*{bgHeaderYPos}*/ repeat-x /*{bgHeaderRepeat}*/;
    color: #222222 /*{fcHeader}*/;
    font-weight: bold;
}
.ui-widget-header a
{
    color: #222222 /*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
    border: 1px solid #d3d3d3 /*{borderColorDefault}*/;
    background: #7b84f7; /*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png) /*{bgImgUrlDefault}*/ 50% /*{bgDefaultXPos}*/ 50% /*{bgDefaultYPos}*/ repeat-x /*{bgDefaultRepeat}*/;
    font-weight: normal /*{fwDefault}*/;
    color: #555555 /*{fcDefault}*/;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited
{
    color: #555555 /*{fcDefault}*/;
    font-size: .8em;
    font-weight: bold;
    text-decoration: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
{
    border: 1px solid #999999 /*{borderColorHover}*/;
    background: #dadada /*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png) /*{bgImgUrlHover}*/ 50% /*{bgHoverXPos}*/ 50% /*{bgHoverYPos}*/ repeat-x /*{bgHoverRepeat}*/;
    font-weight: normal /*{fwDefault}*/;
    color: #212121 /*{fcHover}*/;
}
.ui-state-hover a, .ui-state-hover a:hover
{
    color: #212121 /*{fcHover}*/;
    text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{
    border: 1px solid #aaaaaa /*{borderColorActive}*/;
    background: #ffffcc; /*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png) /*{bgImgUrlActive}*/ 50% /*{bgActiveXPos}*/ 50% /*{bgActiveYPos}*/ repeat-x /*{bgActiveRepeat}*/;
    font-weight: normal /*{fwDefault}*/;
    color: #212121 /*{fcActive}*/;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited
{
    color: #212121 /*{fcActive}*/;
    text-decoration: none;
}
.ui-widget :active
{
    outline: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
{
    border: 1px solid #fcefa1 /*{borderColorHighlight}*/;
    background: #fbf9ee /*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png) /*{bgImgUrlHighlight}*/ 50% /*{bgHighlightXPos}*/ 50% /*{bgHighlightYPos}*/ repeat-x /*{bgHighlightRepeat}*/;
    color: #363636 /*{fcHighlight}*/;
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a
{
    color: #363636 /*{fcHighlight}*/;
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error
{
    border: 1px solid #cd0a0a /*{borderColorError}*/;
    background: #fef1ec /*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png) /*{bgImgUrlError}*/ 50% /*{bgErrorXPos}*/ 50% /*{bgErrorYPos}*/ repeat-x /*{bgErrorRepeat}*/;
    color: #cd0a0a /*{fcError}*/;
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a
{
    color: #cd0a0a /*{fcError}*/;
}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text
{
    color: #cd0a0a /*{fcError}*/;
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary
{
    font-weight: bold;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary
{
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled
{
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}



#tabs1
{
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

#tabs2
{
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

#tabs3
{
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

#tabs4
{
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}

#tabs5
{
    width: 96%;
    margin-left: auto;
    margin-right: auto;
}
#adverts
{
    width: 120px;
    float: left;
    height: auto;
    margin: 0px 10px 5px 5px;
}
#adverts1
{
    width: 120px;
    float: right;
    height: auto;
    margin: 0px 10px 5px 20px;
}


.green{
    background-color:Navy;
}

/* tables */
p.tip em
{
    font-size: 12px;
    font-weight: bold;
    padding: 2px;
    background-color: #6cf;
    color: red;
}
#GuestSpeakersTable.tablesorter {
	font-family: arial;
	background-color: #CDCDCD;
	margin: 10px 5px 10px 5px;
	font-size: 12px;
	text-align: left;
    margin-left: auto;
    margin-right: auto;
}

#GuestSpeakersTable.tablesorter thead tr th, #GuestSpeakersTable.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 1.2em;
	padding: 4px;
	color: Green;
}
#GuestSpeakersTable.tablesorter thead tr .header {
	background-image: "../images/1011/bg.gif";
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
#GuestSpeakersTable.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
#GuestSpeakersTable.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}

#GuestSpeakersTable.tablesorter td:hover {
	background-color:yellow;
}

#GuestSpeakersTable.tablesorter thead tr .headerSortUp {
	background-image: "../images/1011/asc.gif";
}
#GuestSpeakersTable.tablesorter thead tr .headerSortDown {
	background-image: "../images/1011/desc.gif";
}
#GuestSpeakersTable.tablesorter thead tr .headerSortDown, #GuestSpeakersTable.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}
th.headerSortUp { 
    background-image: url(../images/1011/asc.gif); 
    background-color: #3399FF; 
} 
th.headerSortDown { 
    background-image: url(../images/1011/desc.gif); 
    background-color: #3399FF; 
} 


th.header { 
    background-image: url(../images/1011/bg.gif);     
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px; 
    border-right: 1px solid #dad9c7; 
    margin-left: -1px; 
} 

div.GuestSpeakersTable_counter {
	padding: 10px 0 10px 0;
	background-color: #D6D2C2;
	text-align: center;
}
div.GuestSpeakersTable_counter span {
	padding: 0 5px 0 5px;
}
div.GuestSpeakersTable_counter input.prev {
	width: auto;
	margin-right: 10px;
}
div.GuestSpeakersTable_counter input.next {
	width: auto;
	margin-left: 10px;
}
div.GuestSpeakersTable_counter input {
	font-size: 8px;
	width: 50px;
	border: 1px solid #330000;
	text-align: center;
}
#GovernorsTable.tablesorter {
	width: 98%;
	font-family: arial;
	background-color: #CDCDCD;
	margin: 10px 5px 10px 5px;
	font-size: 12px;
	text-align: left;
    margin-left: auto;
    margin-right: auto;
}

#GovernorsTable.tablesorter thead tr th, #GovernorsTable.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 15px;
	padding: 4px;
	color:Maroon;
}
#GovernorsTable.tablesorter thead tr .header {
	background-image: "../images/1011/bg.png";
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
#GovernorsTable.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
#GovernorsTable.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
#GovernorsTable.tablesorter thead tr .headerSortUp {
	background-image: "../images/1011/asc.png";
}
#GovernorsTable.tablesorter thead tr .headerSortDown {
	background-image: "../images/1011/desc.png";
}
#GovernorsTable.tablesorter thead tr .headerSortDown, #GovernorsTable.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}
div.GovernorsTable_counter {
	padding: 10px 0 10px 0;
	background-color: #D6D2C2;
	text-align: center;
}
div.GovernorsTable_counter span {
	padding: 0 5px 0 5px;
}
div.GovernorsTable_counter input.prev {
	width: auto;
	margin-right: 10px;
}
div.GovernorsTable_counter input.next {
	width: auto;
	margin-left: 10px;
}
div.GovernorsTable_counter input {
	font-size: 8px;
	width: 30px;
	border: 1px solid #330000;
	text-align: center;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 0px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


	#rypen2010 {
		background-color: #444;
		padding: 5px;
		width: 910px;
	}
	#rypen2010 ul { list-style: none; }
	#rypen2010 ul li { display: inline; }
	#rypen2010 ul img {
		border: 1px solid #3e3e3e;
		border-width: 1px 1px 1px 1px;
	}
	#rypen2010 ul a:hover img {
		border: 1px solid #fff;
		border-width: 1px 1px 1px 1px;
		color: #fff;
	}
	#rypen2010 ul a:hover { color: #fff; }
	
	
	
	#vietnamday {
		background-color: #444;
		padding: 5px;
		width: 1000px;
	}
	#vietnamday ul { list-style: none; }
	#vietnamday ul li { display: inline; }
	#vietnamday ul img {
		border: 1px solid #3e3e3e;
		border-width: 1px 1px 1px 1px;
	}
	#vietnamday ul a:hover img {
		border: 1px solid #fff;
		border-width: 1px 1px 1px 1px;
		color: #fff;
	}
	#vietnamday ul a:hover { color: #fff; }