html
{
    /* always show firefox scrollbar, to prevent horizontal shift. */
    overflow: -moz-scrollbars-vertical;
}
html, body
{
    height: 100%;
}
body
{
    margin: 0;
    color: #414141;
    background: #183250 url("../images/bg-body.jpg") repeat-x;
    font: 12px arial, helvetica, sans-serif;
}
/* General reset */
form, fieldset
{
    margin: 0;
    padding: 0;
    border-style: none;
}
img
{
    border-style: none;
}
input, select, textarea
{
    font: 12px arial, helvetica, sans-serif;
}
a
{
    color: #414141;
    text-decoration: underline;
}
a:hover
{
    text-decoration: none;
}

/* General settings */
#wrapper
{
    width: 1005px;
    overflow: hidden;
    margin: 0 auto;
}
/* block menu */
#menu
{
    width: 100%;
    overflow: hidden;
	z-index:100;
}
#menu ul
{
    margin: 0;
    padding: 10px 0 9px;
    list-style: none;
    width: 298px;
    float: right;
    overflow: hidden;
}
#menu li
{
    float: left;
    padding: 0 13px 0 0;
}
#menu a.button
{
    float: left;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}
#menu a.button:hover span, #menu li.active a span
{
    background: url(../images/bg-menu-a-blue.png);
}
#menu a.button:hover em, #menu li.active a em
{
    background: url(../images/bg-menu-em-blue.png);
}
#menu li.active a:hover span
{
    background: url(../images/bg-menu-a-red.png);
}
#menu li.active a:hover em
{
    background: url(../images/bg-menu-em-red.png);
}
#menu a.button span
{
    float: left;
    background: url(../images/bg-menu-a.png);
    height: 21px;
    padding: 0 5px 1px 11px;
    font-size: 12px;
    line-height: 21px;
}
#menu a.button em
{
    float: left;
    width: 5px;
    height: 22px;
    text-indent: -9999px;
    overflow: hidden;
    margin: 0;
    background: url(../images/bg-menu-em.png);
}
/* block main */
#main
{
    width: 100%;
    background: url(../images/bg-main-frame.png) no-repeat;
    overflow: hidden;
}
#main .frame
{
    margin: 10px 0 0;
    background: url(../images/bg-main.gif) repeat-y;
}
#main .frame-dark
{
    margin: 10px 0 0;
    background: url(../images/bg-main-colgate.gif) repeat-y;
}
#main .bg
{
    width: 100%;
    overflow: hidden;
    background: url(../images/bg-main-bg.gif) no-repeat 0 100%;
    padding: 0 0 6px;
}

#main .bg-dark
{
    width: 100%;
    overflow: hidden;
    background: url(../images/bg-main-bg-colgate.gif) no-repeat 0 100%;
    padding: 0 0 6px;
}
/* block header */
#header
{
    width: 100%;
    background: url(../images/bg-header.gif) repeat-x;
    height: 73px;
}
.logo
{
    width: 251px;
    height: 60px;
    display: block;
    margin: 1px 0 0 13px;
    float: left;
    display: inline;
}
.logo a
{
    width: 251px;
    height: 60px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/logo.gif);
}
.logo-colgate
{
    width: 234px;
    height: 108px;
    display: block;
    margin: 1px 0 0px 13px;
    float: left;
    display: inline;
	z-index:110;
	top:11px;
	position:absolute;
}
.logo-colgate a
{
    width: 234px;
    height: 108px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/logo-colgate26.png);
}

.logo-power
{
 	width: 259px;
    height: 60px;
    display: block;
    margin: 1px 0 0 13px;
    float: left;
    display: inline;
}
.logo-power a
{
    width: 259px;
    height: 60px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/logo-power.gif);
}

.logo-sailing-club
{
    width: 203px;
    height: 108px;
    display: block;
    margin: 1px 0 0px 13px;
    float: left;
    display: inline;
	z-index:110;
	top:11px;
	position:absolute;
}
.logo-sailing-club a
{
    width: 203px;
    height: 108px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/logo-sailing-club.png) no-repeat;
}
.search
{
    padding: 5px 0 0;
    width: 199px;
    float: right;
}
.search input
{
    float: left;
}
.search .txt
{
    float: left;
    width: 148px;
    background: url(../images/bg-search.gif) no-repeat;
    padding: 0 0 0 7px;
    margin: 0 11px 0 0;
    display: inline;
}
.search .txt input
{
    padding: 5px 0;
    border: 0;
    background: none;
    width: 145px;
    color: #fff;
}
/* block content */
#content
{
    width: 735px;
    overflow: hidden;
    float: right;
}

#content .padding {
	padding:30px 30px 30px 25px;
}

/*#content .padding  img
{
	margin:3px;
}*/

/* block visual */
.visual
{
    width: 100%;
    overflow: hidden;
}
.visual img
{
    float: left;
}
.visual .flash
{
    float: left;
    background:url(../images/Image04.jpg) no-repeat;
    width:445px;
    height:266px;
}
.visual .flash>p
{
    display:inline;
    margin:0px!important;
    padding:0px!important;
}
.visual .show
{
    float: right;
    background: url(../images/bg-show.gif) repeat-y;
    width: 290px;
    height: 266px;
	padding: 0;
	margin: 0;
}

#content h1
{
    color: #000;
    font-size: 20px;
    margin: 0px 0 8px;
    padding: 0 0 0 0px;
    font-weight: normal;
    line-height: 20px;
}
#content h2
{
    color: #2181b9;
    font-size: 16px;
    margin: 0 0 7px;
    padding: 0 0 0 0px;
    font-weight: strong;
}
#content h3
{
    color: #2181b9;
    font-size: 13px;
    margin: 0 0 11px;
    padding: 0 0 0 0px;
}

#content h4
{
    color: #2181b9;
    font-size: 13px;
	font-weight:bold;
    margin: 0 0 5px;
    padding: 0 0 0 0px;
}

#content h5
{
    color: #222222;
    font-size: 12px;
	font-weight:bold;
    margin: 0 0 5px;
    padding: 0 0 0 0px;
}
#content p
{
    line-height: 18px;
    padding: 0;
    margin: 0 0 19px;
    text-align: justify;
	
}

#content .show h3
{
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    margin: 9px 0 11px;
    padding: 0 0 0 26px;
    line-height: 20px;
}
#content .show p
{
    color: #ffcbb9;
	margin: 0;
    padding: 0 30px 0 10px;
    text-align: left;
	width: 90%;
}




#content .right 
{
    float:right;
	margin:10px 0px 10px 20px;
	vertical-align:top;
}

#content .left
{
    float:left;
	margin:10px 20px 10px 0px;
	vertical-align:top;
}



/* block button back */
#content .button-back
{
    width: 100%;
    overflow: hidden;
}
#content .button-back .last
{
    margin: 0 30px 55px;
}
#content a.btn
{
    width: 81px;
    height: 22px;
    float: right;
    overflow: hidden;
    background: url(../images/bg-btn.gif);
    text-decoration: none;
    color: #448ba5;
    font-size: 13px;
    padding: 6px 0 0 28px;
    margin: 0 30px 0 0;
}
#content a.btn:hover
{
    text-decoration: underline;
}
#leftContent
{
    padding: 5px 20px 5px 20px; 
    width:225px;
}
#leftContent .leftContent-dark
{
	color:#fff;
}

/* block colum */
#colum
{
    width: 249px;
    padding: 0 17px 10px 15px;
    float: right;
}
#colum .quick
{
    height: 1%;
    position: relative;
    background: url(../images/bg-quick.png) no-repeat;
    margin: -40px 0 0 0;
    padding: 7px 13px 0 12px;
}
.quick
{
    padding:0 0 0 20px;
}
#colum .quick2
{
    padding: 21px 13px 0 0px;
    margin: 40px 0 0 0px; /* to cancel out -ve margin of quick*/
}
/* block form */
#colum .form-connect,.form-connect
{
    width: 211px;
    height: 256px;
    overflow: hidden;
    background: url(../images/bg-form-connect.jpg) no-repeat;
    padding: 9px 7px 0 6px;
}
#colum .form-connect h3
{
    width: 188px;
    height: 31px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../images/h4-quick-connect.gif) no-repeat;
    margin: 0 0 2px 10px;
    padding: 0;
}
.real-testimonials
{
    width: 100%;
    overflow: hidden;
	margin-bottom:20px;
}

.real-testimonials h3
{
    width: 187px;
    height: 34px;
    overflow: hidden;
    text-indent: -9999px;
    margin: 19px 0 11px 19px !important;
}
.real-testimonials a
{
 color:#215A95;
 font-weight:bold; 
 float:right;  
 padding-right:15px;
 padding-bottom:15px;
 font-style:italic;
}
sidebar .real-testimonials a
{
    width:225px;   
}
.real-testimonials p
{
 display:inline;  
 margin:0px!important;
 padding:0px!important;
}

#sidebar .left-sidebar-subpage
{
	color:#fff;
}

#sidebar .left-sidebar-subpage p
{
	color:#fff;
	padding: 5px 20px 5px 20px; 
}
.form-connect .row
{
    width: 206px;
    overflow: hidden;
    padding: 0 0 6px 4px;
}
.form-connect .txt
{
    float: left;
    height: 15px;
    padding: 5px 0 5px 7px;
    width: 196px;
    border: 1px solid #98bad2;
    background: url(../images/bg-txt.gif) repeat-x;
    color: #3f5d71;
}
.form-connect textarea
{
    float: left;
    width: 196px;
    padding: 4px 0 0 7px;
    margin: 0;
    height: 73px;
    overflow: auto;
    border: 0;
    background: none;
    color: #003e7e;
}
.form-connect .textar
{
    margin: 0 0 7px 4px;
    width: 203px;
    overflow: hidden;
    border: 1px solid #98bad2;
    background: url(../images/bg-textarea.gif) repeat-x;
}
/* block blockquote */
blockquote
{
    margin: 0 0 10px;
    padding: 0 16px 0 22px;
    width: 211px;
    overflow: hidden;
}
#sidebar blockquote
{
    margin: 10px 0 2px 13px;
}
#sidebar blockquote.last
{
    margin: 0 0 10px 13px;
}
blockquote em
{
    float: right;
    clear: both;
    color: #061e3a;
    font-weight: bold;
    font-style: normal;
    margin: 0 8px 0 0;
    display: inline;
}
q
{
    quotes: none;
    display: block;
    color: #123359;
    line-height: 18px;
    font-style: italic;
    margin: 0 0 2px;
}
q:before, q:after
{
    content: "";
}
cite
{
    float: right;
    color: #215a95;
    font-weight: bold;
    font-style: normal;
    margin: 0 8px 3px;
    display: inline;
}
/* block sidebar */

#sidebar
{
	width: 270px;
    overflow: hidden;
    float: left;
}
.sidebar-dark
{
 	background: url(../images/bg-sidebar.jpg) no-repeat;
}

/* block nav */
#sidebar .block-nav /*081109 Added font weight and letter spacing to more closely match comps */
{
    width: 100%;
    height: 266px;
    background: url(../images/bg-block-nav.gif) repeat-y;
    overflow: hidden;
	font-weight:bold;
	letter-spacing: 0.5px;
}
/* block sub nav */
#sidebar .sub-nav
{
    width: 224px;
    margin: 19px 0 13px 19px;
    border-top: 2px solid #b3c2d3;
	border-right: 4px solid #b3c2d3;
	border-bottom: 4px solid #b3c2d3;
	border-left: 4px solid #b3c2d3;
    overflow: hidden;
}

#sidebar .sub-nav .bullet {
	display: inline;
	padding-left:5px; 
	padding-top:10px;
}
#sidebar table
{
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    overflow: hidden;
}
#sidebar td
{
    padding: 0;
    overflow: visible;
    border-top: 3px solid #b3c2d3;
    background:white;
	vertical-align:middle;
}
#sidebar td a
{
    padding: 0 0 0 12px;
    display: block;
    line-height: 23px;
    text-decoration: none;
    color: #061e3a;
    background: #fff;
}

#sidebar td a.first
{
    border: 0;
}
#sidebar td a:hover, #sidebar td.a:hover
{ 
    background: #c8dbf0;
    color: #061e3a;
}
#sidebar td a.active, #sidebar td a.active:hover
{
    background: #113257;
    color: #fff;
	
}

#sidebar td td a
{
    padding: 0 0 0 12px;
    display: block;
    line-height: 23px;
    text-decoration: none;
    color: #1f5899;
    background: #fff;
} 
#sidebar td td a:hover, #sidebar td td.a:hover
{ 
    background: #c8dbf0;
    color: #539dde;
}

#sidebar td td a:hover, #sidebar td td.a:hover
{ 
    background: #fff;
	text-decoration:underline;
}

#sidebar td td a.active, #sidebar td td a.active:hover
{ 
    background: #fff;
	color: #539dde;
	text-decoration:underline;
}

#sidebar td td
{
    padding:0 0 0 20px;
}


/* block featured course */
#sidebar .featured-course
{
    width: 100%;
    overflow: hidden;
    margin: 0 0 7px;
}
#sidebar .featured-course h3
{
    width: 218px;
    height: 45px;
    overflow: hidden;
    text-indent: -9999px;
    background: url(../images/h4-featured-course.gif) no-repeat;
    margin: 15px 0 -10px 9px;
}
#sidebar .featured-course p
{
    position: relative;
    margin: 0 0 15px;
    color: #005583;
    padding: 0 20px 0 34px;
    line-height: 15px;
	
}
/* block foto */
#sidebar .foto
{
    width: 232px;
    background: url(../images/bg-box.gif) repeat-y;
    margin: 0 0 8px 18px;
}
#sidebar .foto .frame
{
    width: 232px;
    background: url(../images/bg-box-frame.gif) no-repeat;
    margin: 0;
}
#sidebar .foto .bg
{
    width: 225px;
    background: url(../images/bg-box-bg.gif) no-repeat 0 100%;
    overflow: hidden;
    padding: 8px 0 0 7px;
}

/*#sidebar .foto-dark
{
    width: 232px;
    background: transparent url(../images/bg-box-dark.gif) repeat-y;
    margin: 0px 0 8px 18px;
	overflow:hidden;
	
}
#sidebar .foto-dark .frame-dark
{
    width: 232px;
	background: transparent url(../images/bg-box-frame-dark.gif) no-repeat;
    margin: 0;
}
#sidebar .foto-dark .bg-dark
{
    width: 232px;
	background: url(../images/bg-box-bg-dark.gif) no-repeat 0 100%;
    overflow: hidden;
    padding: 8px 0 0 7px;
}*/




#sidebar .foto .bg img
{
    display: block;
}
#sidebar .foto .bg h4
{
    color: #004971;
    font-size: 14px;
    margin: 10px 0 16px;
    padding: 0 0 0 7px;
}





#sidebar .dark-photo-box 
{
 width: 232px;
 margin: 0px 0 8px 21px;
}


#sidebar .topframe-dark
{
    width: 232px;
	height: 8px;
}

#sidebar .inner-dark
{
    width: 225px;
    background: url(../images/bg-box-dark.gif) repeat-y;
	padding-left:7px;
    
}

#sidebar .inner-dark h4
{
   	color: #004971;
    font-size: 14px;
    margin: 10px 0 0px;
	padding: 0 0 10px 7px;
}

#sidebar .inner-dark img
{
   display: block;
	
}
#sidebar .bottomframe-dark
{
    width: 232px;
	height: 9px;
	margin:0;
	padding:0;
}



.school
{
    width: 270px;
    height: 30px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/school.gif);
}

.school-power

{
    width: 270px;
    height: 30px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/school-power.gif)
}

.school-sailingclub

{
    width: 270px;
    height: 30px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/school-sailingclub.gif)
}

.school-colgate

{
    width: 270px;
    height: 30px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../images/school-colgate.gif)
}
#sidebar .nav
{
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    overflow: hidden;
}
#sidebar .nav li
{
    background: url(../images/bullet-nav.gif) no-repeat;
    width: 270px;
    vertical-align: top;
    height: 1%;
    margin: -1px 0 1px;
    padding: 1px 0 0;
}
#sidebar .nav a
{
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    padding: 5px 0 5px 64px;
    height: 1%;
    display: block;
}
#sidebar .nav a.first
{
    padding: 17px 0 6px 64px;
}
#sidebar .nav a.last
{
    padding: 5px 0 28px 64px;
}
#sidebar .nav a:hover, #sidebar .nav a.active
{
    color: #ee3124;
    background: #061e3a;
}
/* block footer */
#footer
{
    width: 100%;
    text-align: center;
	color:#fff;
	 font-size: 11px;
	margin-bottom:20px;
}
#footer ul
{
    margin: 0;
    padding: 8px 0 0;
    list-style: none;
    white-space:nowrap;
    font-size:8px;
}
#footer ul li
{
    display: inline;
    padding: 0 10px 0 10px;
    font-size:8px;
}
#footer ul li a
{
    font-size: 11px;
    color: #fff;
}

#footer .small
{
    font-size: 10px;
    color: #7bb8de;
	margin:0 0 5px;
	padding:0;
}

#footer .small a
{
    color: #7bb8de;
	text-decoration:underline;
}

#footer .small a:hover
{
    color: #7bb8de;
	text-decoration:none;
}

/* "Edit Module" button that appears on the front-end for authorized users. */
.webmodules_editModuleLink, a.webmodules_editModuleLink, a.webmodules_editModuleLink:link, a.webmodules_editModuleLink:visited
{
    background-color: #FFFFA5;
    padding: 1px 2px 2px 2px;
    border: 1px dotted gray;
    position: absolute; /*preserve layout*/
    font-size: 100%;
    color: Blue;
    font-weight: normal;
    text-decoration: underline;
    z-index: 9999; /*CMS buttons should always be on top.*/
}
.webmodules_editModuleLink:hover, a.webmodules_editModuleLink:hover
{
    font-size: 100%;
    color: #00A2FF;
}

/* "Edit Page" button that appears on the front-end for authorized users. */
.webmodules_editPageLink, a.webmodules_editPageLink, a.webmodules_editPageLink:link, a.webmodules_editPageLink:visited
{
    background-color: #FFFFA5;
    padding: 1px 2px 2px 2px;
    border: 1px dotted gray;
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 100%;
    color: Blue;
    font-weight: normal;
    text-decoration: underline;
    z-index: 9999; /*CMS buttons should always be on top.*/
}
.webmodules_editPageLink:hover, a.webmodules_editPageLink:hover
{
    font-size: 100%;
    color: #00A2FF;
}

/* sub navigation highlighted/activated style. */
.subnav .on a:link, .subnav .on a:visited, .subnav .on a:hover, .subnav .on a:active
{
    background-color: #00FF00;
}

/******************************************************************************
 main navigation menu. 
******************************************************************************/

.mainNavDropDown
{
    padding: 10px 0px 0px 0px;
}

.mainNavDropDown_item, .mainNavDropDown_item a, .mainNavDropDown_item a:visited /* requird by IE6 to override ancestors. */
{
    background-color: #00FF00;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    width: 15em;
    padding: 10px 5px;
}

.mainNavDropDown_item_hover, .mainNavDropDown_item_hover a, .mainNavDropDown_item_hover a:visited, /* requird by IE6 to override ancestors. */ .mainNavDropDown_item_hover a:hover, /* requird by IE6 to override ancestors. */ .mainNavDropDown_item_hover a:active /* requird by IE6 to override ancestors. */
{
    background-color: #00FF00;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    width: 15em;
    padding: 10px 5px;
}

/* ----- Testimonials styling ------- */

.testimonials
{
    font: 10px Arial, Helvetica, sans-serif;
    color: #000;
}

.testimonials .colorBox
{
    padding: 20px;
    width: 90%;
}

.testimonials h3
{
    font: 13px Arial, Helvetica, sans-serif;
    color: #000;
}

.testimonials span
{
    font: 10px Arial, Helvetica, sans-serif;
    color: #000;
}

.testimonials p
{
    font: 10px Arial, Helvetica, sans-serif;
    color: #000;
}

.testimonials strong
{
    font: 10px Arial, Helvetica, sans-serif;
    color: #000;
}

.testimonials em
{
    font: 10px Arial, Helvetica, sans-serif;
    color: #000;
}

.testimonials a:link, .testimonials a:visited
{
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
}

.testimonials a:hover, .testimonials a:active
{
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
}

.testimonials .readMore a:link, .testimonials .readMore a:visited
{
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
}

.testimonials .readMore a:hover, .testimonials .readMore a:active
{
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
}

/* testimonials Detail */

.testimonials .detail
{
    font: 10px Arial, Helvetica, sans-serif;
    color: #000;
}

.testimonials .detail .colorBox
{
    padding: 20px;
    width: 90%;
}

.testimonials .detail h3
{
    font: 13px Arial, Helvetica, sans-serif;
}

.testimonials .detail span
{
    font: 10px Arial, Helvetica, sans-serif;
    color: #000;
}

.testimonials .detail p
{
    font: 10px Arial, Helvetica, sans-serif;
}

.testimonials .detail strong
{
    font: 10px Arial, Helvetica, sans-serif;
}

.testimonials .detail em
{
    font: 10px Arial, Helvetica, sans-serif;
}

.testimonials .detail a:link, .testimonials .detail a:visited
{
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

.testimonials .detail a:hover, .testimonials .detail a:active
{
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

.testimonials .detail .readMore a:link, .testimonials .detail .readMore a:visited
{
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

.testimonials .detail .readMore a:hover, .testimonials .detail .readMore a:active
{
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}
/* ----- END Testimonials styling ------- */

/* ----- Start FAQ Styles ----- */
.faq
{
    font: 10px Arial, Helvetica, sans-serif;
    color: #000;
}

.faq .colorBox
{
    background: #fff4e4;
    padding: 20px;
    width: 90%;
}

.faq h3
{
    font: 13px Arial, Helvetica, sans-serif;
    color: #000;
}

.faq span
{
    font: 10px Arial, Helvetica, sans-serif;
    color: #000;
}

.faq p
{
    font: 10px Arial, Helvetica, sans-serif;
    color: #000;
}

.faq strong
{
    font: 10px Arial, Helvetica, sans-serif;
    color: #000;
}

.faq em
{
    font: 10px Arial, Helvetica, sans-serif;
    color: #000;
}

.faq a:link, .faq a:visited
{
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
}

.faq a:hover, .faq a:active
{
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: underline;
}

.header_content_across {
background-image: url("../images/centerbg.jpg");
height: 236px;
background-position: right;
overflow:hidden;
}


#headerTopBar
{
   height:30px;
   width:100%;
   background-color:#ed3125;
   background-image: url("../images/centerbg.jpg");
}

/* ----- End FAQ Styles ----- */