/* Default CSS Stylesheet for a new Web Application project */

/* General */
.body
{
	/*BACKGROUND-COLOR: #feb41c;*/
	BACKGROUND: #eee;
	MARGIN-LEFT: 1px;
	margin-right: 1px;
	MARGIN-TOP: 0px;
	TEXT-ALIGN: left;
	TEXT-INDENT: 0px;
	padding-top:0;
	margin: 0 auto;
    line-height: normal;
    box-sizing: content-box;
}


.line{ border-top:1px solid #AAAAAA; margin-top:15px; margin-bottom:21px; margin-left: 30px; margin-right: 30px; }
.clear_float {margin: 0; padding: 0; clear: both; font-size:1px; }
.line{ border-top:1px solid #AAAAAA; margin-top:25px; margin-bottom:25px; margin-left: 5px; margin-right: 5px; }
.line_narrow{ border-top:1px solid #AAAAAA; margin: 5px; }
.outlined { color: #0c9fd7; }

form { display: inline; margin: 0; padding: 0; }
input { width: 445px; background: #fff none; color: #5F6769; border: 1px #bfbfbf solid;   margin-bottom: 2px; }
textarea { width: 445px; height: 90px; background: #fff none; color: #5F6769; border: 1px #bfbfbf solid;   margin-bottom: 2px; }
.input_button { width: 75px; background: #d9d9d9 none; color: #5F6769; border: 1px #888 solid;   margin-bottom: 2px; }



a:link, a:visited {font-family: Verdana, Sans-Serif; color: #0c9fd7; font-size:14px;font-weight:normal; text-decoration: underline}  
a:HOVER {font-family: Verdana, Sans-Serif; color: #333; font-size:14px;font-weight:normal; text-decoration: underline} 

ul.arrow {margin:1px 0 1px 0px; padding:0;}
li.arrow {list-style:none; background:url(/images/arrow.gif) no-repeat 0px 0px; padding:0 0 0 12px; line-height:15px; }
li.nav_panel {list-style: square; margin:0 0 3px -25px;  }
li.intended {list-style: square; margin:0 0 4px -10px; line-height:15px;  }
li.intended_hm {list-style: square; margin:0 0 4px 20px; line-height:15px;  }


ul
{
    list-style: square;
    color: #333;
    margin: 3px 3px 10px 3px;
}
ul.inside
{
    list-style: square;
    color: #333;
    margin: 3px 3px 10px 10px;
    list-style-position: inside;  
}
li
{
    margin: 0 0 3px 0;
}



/* H tags */
h1
{
	font-family: Verdana,helvetica,arial; 
	font-size:36px; 
	color: #444; 
	font-weight: normal;
	margin:0;
	padding:0;
}

h2
{
	font-family: Verdana,helvetica,arial; 
	font-size:20px; 
	font-weight: normal;
	color: #333; 
	margin:0;
	padding:0;
}

    .standing_out {
        color: #a77e27;
    }

    .red {
        color: #ff1d00;
    }

h3
{
	font-family: Verdana,helvetica,arial; 
	font-size:24px; 
	color: #666;
	margin: 0;
    font-weight: normal;
	padding:0 0 3px 0;
}

h4
{
	font-family: Verdana,helvetica,arial; 
	font-size:24px; 
	color: #666;
	margin: 0 0 0 10px;
	padding:12px 0 1px 10px;
    font-weight: normal;
}

h5
{
	font-family: Georgia, verdana,helvetica,arial; 
	font-size:18px; 
	font-weight: normal;
	color: #333; 
	margin:0;
	padding: 8px 0 0 0;
}



#banner
{
	margin: 0 auto;
	width: 1000px;
	border: 0;
	text-align: left;
	height:160px;
}


/* Header */
#header {
    margin: 0 auto;
    width: 1000px;
    border: 0;
    text-align: right;
    height: 130px;
    /* BACKGROUND: #fff url(../images/global-sailing-header.jpg) no-repeat; */
    font-size: 11px;
    color: #fff;
    font-weight: normal;
    box-sizing: content-box;
    padding-right: 0;
    padding-top: 0;
    margin-bottom: 5px;
}


#header h2
{
	font-family:  verdana,helvetica,arial; 
	font-size:32px; 
	color: #fff; 
	margin:0;
	padding:1px 0 2px 0;
}

.panel{
    float: left;
    width: 312px;
    height: 150px;
    padding: 12px 12px 0 14px;
    margin: 5px 8px 5px 8px;
}

.panel-right{
    float: right;
    width: 312px;
    height: 150px;
    padding: 12px 0 0 14px;
    margin: 5px 8px 15px 35px;
}

.panel-nav{
    float: right;
    width: 312px;
    padding: 12px 12px 0 14px;
    margin: 5px 6px 15px 35px;
    background: transparent url(/images/panel-nav.JPG) repeat-y ;
}

.panel h2, .panel-right h2, .panel-nav h2{
    font-size: 18px;
    color: #0c9fd7;
    padding-bottom: 8px;
}

.panel a, .panel-right a, .panel-nav a{
    font-size: 14px;
    font-weight: normal;
    color: #0c9fd7;
    padding-bottom: 5px;
    font-family:  verdana,helvetica,arial; 
    text-decoration: none;
}
.panel a.active, .panel-right a.active, .panel-nav a.active{
    font-weight: bold;
}
.panel a:hover, .panel-right a:hover, .panel-nav a:hover{
    text-decoration: underline;
}
.panel1 {
    background: transparent url(/images/panel-1.jpg) no-repeat top left;
}
.panel2 {
    background: transparent url(/images/panel-2.jpg) no-repeat top left;
}
.panel3 {
    background: transparent url(/images/panel-3.jpg) no-repeat top left;
}
.panel4 {
    background: transparent url(/images/panel-4.jpg) no-repeat top left;
}




/* Footer */
#footer
{
	margin: 0 auto;
	width: 975px;
	border: 0;
    padding: 24px 0 0 25px;
	text-align: left;
	height:190px;
	background:transparent url(/images/footer-global-sailing.jpg) no-repeat top left;
	font-family:verdana,helvetica,arial; 
	font-size:12px; 
	color: #fff; 
	font-weight: normal;
    box-sizing: content-box;
}

#footer h2{
    font-size:22px; 
	color: #eee;
    margin-bottom: 10px;
    font-weight: normal;
}

#footer a{
    font-size:16px; 
	color: #eee;
    font-family:verdana,helvetica,arial; 
	font-weight: normal;
    text-decoration: none;
    margin-bottom: 3px;
}
#footer a:hover{
    text-decoration: underline;
}

#footer a.small{
    font-size:12px; 
}




#footer_bottom
{
	margin: 0 auto;
	width: 1000px;
	border: 0;
    padding: 0;
	height:213px;
	background:transparent url(/images/footer-bottom.jpg) no-repeat top left;
}

#footer_copyright
{
	margin: 0 auto;
	width: 983px;
	border: 1px solid #aaa;
    padding: 5px 0 0 15px;
	text-align: left;
	height:21px;
	BACKGROUND-COLOR: #ddd;
	font-family:Georgia, Arial,Verdana,Helvitica,sans-serif;
	font-size:12px; 
	color: #fff; 
	font-weight: normal;
	background:transparent url(bgON.gif) repeat-x top left;
    box-sizing: content-box;
}

#footer_copyright a
{
	font-family:Georgia, Arial,Verdana,Helvitica,sans-serif;
	font-size:14px; 
	color: #fff; 
	font-weight: normal;
	text-decoration: none;
}

#footer_copyright a:hover
{
	text-decoration: underline;
}




/* Content */
#content {
	width: 984px;
	margin: 0 auto;
	BACKGROUND-COLOR: #fff;
	text-align: justify;
	font-family: Verdana,Helvitica,sans-serif;
	font-size:14px; 
	color: #111;	
	padding: 10px 8px 15px 8px;
    box-sizing: content-box;
    z-index: 30;
    position:relative;
    -moz-border-radius: 5px;    /* Firefox 3.6-, removed in Firefox 13 */
    -webkit-border-radius: 5px; /* Safari 4-, Chrome 3- */
    border-radius: 5px; 
}
.content-text{
    margin: 10px 10px 10px 10px;
}

#banner_container {
    width: 982px;
    border-left:3px solid #eee;
    border-right:3px solid #eee;
    padding: 0 3px 0 3px;
    height: 340px;
    BACKGROUND-COLOR: #fff;
}

.content a:link, .content a:visited {font-family: Georgia,Arial, Verdana, Sans-Serif; color: #a77e27; font-size:22px;font-weight:bold; text-decoration: none}  
.content a:HOVER {font-family: Georgia,Arial, Verdana, Sans-Serif; color: #bf9948; font-size:14px;font-weight:bold; text-decoration: underline} 

.content a.h4:link, a.h4:visited {font-family: Georgia,Arial, Verdana, Sans-Serif; color: #a77e27; font-size:20px;font-weight:bold; text-decoration: underline}  
.content a.h4:HOVER {font-family: Georgia,Arial, Verdana, Sans-Serif; color: #bf9948; font-size:20px;font-weight:bold; text-decoration: underline} 

/*
.content a.tooltip:link {font-family: Georgia,Arial, Verdana, Sans-Serif; color: #fdbb2c; font-size:14px;font-weight:bold; text-decoration: none}  
.content a.tooltip:HOVER {font-family: Georgia,Arial, Verdana, Sans-Serif; color: #fff; font-size:14px;font-weight:bold; text-decoration: underline} 
    */

/* Boxes */

.promo_box_grey {
	text-align: left;
	width: 200px;
	height: 110px;
	padding: 5px 10px 5px 10px;
	border:1px dotted #eee;
	BACKGROUND-COLOR: #444;
	color: #eee;
    box-sizing: content-box;
	
}

.promo_box_grey a:link {font-family: Georgia,Arial, Verdana, Sans-Serif; color: #fdbb2c; font-size:12px;font-weight:bold; text-decoration: underline}
.promo_box_grey a:visited {font-family: Georgia,Arial, Verdana, Sans-Serif; color: #fdbb2c; font-size:12px;font-weight:bold; text-decoration: underline}
.promo_box_grey a:active {font-family: Georgia,Arial, Verdana, Sans-Serif; color: #fdbb2c; font-size:12px;font-weight:bold; text-decoration: underline}   
.promo_box_grey a:HOVER {font-family: Georgia,Arial, Verdana, Sans-Serif; color: #fff; font-size:12px;font-weight:bold; text-decoration: underline} 


/* bootstrap */

.dropdown-menu > li.subgroup-dropdown-header > a {  
  color: #999;
  font-weight: normal;
  text-transform:uppercase;
}

.nav > .navbar-nav > li > a {
    font-size: 18px;
}

.navbar {
  margin: 0 auto 0 auto;
  padding: 0;
  border: 0;
  height: 32px;
  background:transparent url(../images/bgOFF.png) repeat-x top left;
}
.navbar-default {
    margin: 0;
    padding: 0;
    height: 32px;
    font-family: Verdana,helvetica,arial;    
}

.container-fluid a:link, .dropdown-menu a:link, .navbar a:link, .navbar-default a:link , .navbar-nav a:link, .nav a:link{
    text-decoration: none;
    font-family: Verdana,helvetica,arial; 
    font-size: 14px;
}
.navbar a:hover {text-decoration:line-through;}

.navbar-nav > li > a {
    padding-bottom: 9px;
    padding-top: 10px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default a.navbar-brand:hover {
    color: #0c9fd7;
}


/*
.active {
    background: url("../images/bgON.png") repeat-x scroll left top transparent;
}
    */


.container-fluid {
    width: 1000px;
    background-color: #fff;
    padding-left: 30px;
    -moz-border-radius: 5px;    /* Firefox 3.6-, removed in Firefox 13 */
    -webkit-border-radius: 5px; /* Safari 4-, Chrome 3- */
    border-radius: 5px; 
}

.alert-subgroups {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

#menu-footer{
    background-color: #0c9fd7;
    height: 3px;
    width: 1000px;
	margin: 0 auto;
}

    /* Featurettes
    ------------------------- */

        .featurette-divider {
            margin: 40px 0; /* Space out the Bootstrap <hr> more */
        }

        .featurette {
            padding: 5px; /* Vertically center images part 1: add padding above and below text. */
            overflow: hidden; /* Vertically center images part 2: clear their floats. */
        }

            .featurette ul.right {
                margin-left: 445px;
            }

        .featurette-image {
            margin-top: 0; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
            width: 420px;
	        height: 420px;
	        border-radius: 210px;
	        -webkit-border-radius: 210px;
	        -moz-border-radius: 210px;
            box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	        -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
        }

            /* Give some space on the sides of the floated elements so text doesn't run right into it. */
            .featurette-image.pull-left {
                margin-right: 20px;
            }

            .featurette-image.pull-right {
                margin-left: 20px;
            }

        /* Thin out the marketing headings */
        .featurette-heading {
            font-size: 40px;
            font-weight: 300;
            line-height: 1;
            letter-spacing: -1px;
        }

.muted{color:#999}a.muted:hover,a.muted:focus{color:#808080}


.btn {
    color: #fff;
    z-index: 21;
}

.btn-lg, .btn-sm {
    color: #fff;
    z-index: 21;
}

.btn-primary{color:#fff;
             text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#006dcc;*background-color:#04c;background-repeat:repeat-x;background-image: linear-gradient(to bottom,#08c,#04c);
    border-left-color: #04c;
    border-right-color: #04c;
    border-top-color: #04c;
    border-bottom-color: #002a80;
    z-index: 21;
}

.btn:hover, .btn:focus {
    background-position: 0 -15px;
    color: #fff;
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
    z-index: 25;
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{color:#fff;background-color:#04c;*background-color:#23ab23; z-index:25;}



a.white:link, a.white:visited {
    color: #fff; 
    font-family: Verdana, Arial; 
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
}

img.left {
    float: left;
    margin: 10px 25px 10px 15px;
}

img.right {
    float: right;
    margin: 15px 0 3px 25px;
}

img.circular {
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	 
    border: 2px solid #fff;
     box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); 
     -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3); 
	-moz-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3); 
	}
	
img.pages_hor{
    width: 425px;
}

#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px;
    left: 10px;
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px;
    left: 10px;
}

/* images */
img.hor_small{
    width: 235px;
    opacity:0.65;
    filter:alpha(opacity=100); /* For IE8 and earlier */
    border: 0;
    padding-right: 1px;
    padding-bottom: 2px;
}
img.hor_small:hover{
    opacity:1.0;
    filter:alpha(opacity=100); /* For IE8 and earlier */
}