/* General template CSS */

/* Color scheme
    #002F2F - menu text
    
    http://kuler.adobe.com/#themeID/1490144
    #C4BCA0 -- hr line
    #176573 -- links
    #8E9E63 -- header color
    #E6DBB0 -- 
    #F5EED7 -- info box bg, carousel selected bg
    
    http://kuler.adobe.com/#themeID/116247
    #334A2B -- hr line
    #3B2A5F -- links
    #324941 -- header color
    #595BBC -- 
    #6E90CE -- info box bg, carousel selected bg
    */

body {
    text-align: center;
    padding: 10px 20px 0px 20px;
    margin-bottom: 0px;
    font-family: Georgia1,Georgia,serif;
    font-size: 14px;
}

a {
    text-decoration: none;
    color: #176573;
}

a.attention {
    color: #D11;
}

a img {
    border: 0px;
}

a:hover {
    color: #004553;
    text-decoration: none;
}

a.attention:hover {
    color: #F33;
}

img {
    max-width: none;
}

.hidden {
    display: none;
}

.inline {
    display: inline;
}

.button {
    display: block;
    background-color: #6E90CE;
    color: #FFF;
    font-weight: bold;
    font-family: sans-serif;
    padding: 5px 10px;
    border: 1px solid #666;

    border-radius: 5px;
    -moz-border-radius: 5px;
}

.button:hover {
    background-color: #9EB0FE;
    color: #FFF;
}

#main {
    text-align: left;
    margin-right: auto;
    margin-left: auto;
    min-width: 800px;
    max-width: 1000px;
}

#connect {
	float: right;
	width: 36px;
}

#connect a img {
	border: 0px;
}

#membershipTop {
	float: right;
	margin-top: 80px;
	margin-right: -36px;
}

#logo {
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 10px;
}

#siteTitleOutter {
    width: 572px;
    height: 22px;
    padding: 0px;
    margin-left: 110px;
}

#siteTitleText {
    color: #FFF;
    position: absolute;
    width: 572px;
    height: 22px;
    display: none;
}

#siteTitleImg {
    background: url('../img/title.png');
    width: 572px;
    height: 22px;
    position: absolute;
}

#tagline {
    font-family: "Lucida Sans Unicode","Lucida Grande","sans-serif";
    font-style: italic;
    font-size: 12pt;
}

#menu {
    margin-bottom: 3px;
}

#menu table {
    width: 100%;
    border-spacing: 0px;
    background-color: #536A4B;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
}

#menu td a {
    display: block;
    text-align: center;
    font-family: Tahoma,Geneva,"sans-serif";
    font-weight: bold;
    font-size: 11pt;
    color: #FFF;
    background-color: #536A4B;
    padding: 5px 10px;
    text-transform: uppercase;
}

#menu td a:hover, #menu td.hover a {
    background-color: #738A6B;
}

#menu td.first {
    border-left: 0px;
}

#menu td.last {
    border-right: 0px;
}

.menuBox {
    position: absolute;
    max-width: 300px;
    z-index: 1;
}

.menuBoxBg {
    position: absolute;
    background-color: #738A6B;
    margin: 0px;
    margin-top: -1px;
    width: 100%;
    height: 100%;
    z-index: 2;
    
    opacity: .98;
    filter: alpha(opacity=98);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";
    
    border-radius: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius: 5px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
}

.menuBoxContent {
    position: relative;
    z-index: 3;
}

.menuBox ul {
    padding: 0px;
    margin: 6px 0px;
}

.menuBox ul li {
    list-style-type: none;
    margin-bottom: 5px;
    display: block;
}

.menuBox ul li a {
    display: block;
    font-family: Tahoma,Geneva,"sans-serif";
    font-weight: bold;
    font-size: 12pt;
    color: #FFF;
    padding: 5px 10px 5px 20px;
    text-indent: -10px;
    line-height: 1.1em;
    
}

.menuBox ul li:first-child a {
    border-top: 0px;
}

.menuBox ul li a:hover {
    color: #FFF;
    background-color: #334A2B;
}

#content #leftCol {
    float: left;
    position: relative;
    width: 25%;
}

#content #leftCol.wide {
    width: 66%;
}

#content #centerCol {
    float: left;
    position: relative;
    width: 37%;
    padding-left: 4%;
}

#content #rightCol {
    float: left;
    position: relative;
    width: 30%;
    padding-left: 4%;
}

#content h2.title, h3.title, h4.title {
    color: #324941;
    font-family: serif;
    border-bottom: 2px solid #536A4B;
}

#content .header {
    font-family: Tahoma,Geneva,"sans-serif";
    color: #324941;
    font-weight: bold;
    margin: 5px 0px;
}

#content .subtitle {
    font-size: 10pt;
    color: #555;
}

#bottom {
    color: #333;
    text-align: center;
    font-size: 10pt;
    margin-top: 10px;
}

#content #bottom img {
    border: 0px; 
    margin: 0px;
}

#content .hr {
    margin: 10px 0px; 
    clear: both; 
    border-bottom: 1px dotted #536A4B; 
    height: 1px;
}

.videoPreview {
    overflow: hidden;
    background-position: center;
}

.videoPreview .overlay {
    background: #000 url('../img/play_button.png') no-repeat center center;
    opacity: .5;
    filter: alpha(opacity=50);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}