/* * * * * * * * * * * * * * * * * * * * *
* Main CSS (For all pages)
* * * * * * * * * * * * * * * * * * * * */

body
{
    background-color: #fbfbfb;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    margin: 0;
    padding: 0; /* line-height: 1.1em; */
}

body #doubleclick
{
    display: none;
}

#maincontainer
{
    background: URL(images/columnBG.png) repeat-y;
    width: 994px; /*Width of main container*/
    margin: 0 auto; /*Center container on page*/
}

#topWhite
{
    padding-top: 15px;
    height: 35px;
    margin: 0 34px;
}

#logo
{
    text-indent: -10000px;
    background: URL(images/GPPro-Logo.png) no-repeat;
    width: 286px;
    height: 35px;
}

#gppro-link
{
    position: relative;
    float: right;
    margin-top: 10px;
}

#gppro-link a
{
    font-size: 10px;
    font-weight: bold;
    color: #2e70ac;
    text-decoration: none;
}
#gppro-link a:hover
{
    text-decoration: underline;
}


#topBlue
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    background: #558ab9;
    height: 69px;
    margin: 0 34px 10px 34px;
    color: #fff;
    line-height: 1.5em;
}

#topBlue h1
{
    font-size: 34px;
    font-weight: normal;
    margin: 0; /* line-height: 69px; */
    padding-top: 23px;
    float: left;
}

#topBlue h2
{
    font-size: 14px;
    margin: 0; /* line-height: 69px; */
    padding-top: 23px;
    float: right;
}

#topBlue #seal
{
    float: right;
    margin-top: 7px;
    margin-left: 13px;
}

#contentwrapper
{
    float: left;
    width: 100%;
}

#contentcolumn
{
    margin-left: 210px; /*Set left margin to LeftColumnWidth*/
    width: 750px; /* background-color: #400; */
}

#leftcolumn
{
    /* a.k.a. Nav */
    float: left;
    width: 163px; /*Width of left column*/
    margin-left: -959px; /*Set left margin to -(MainContainerWidth)*/
    background: #eff4f7;
}

#leftcolumn p
{
    text-align: center;
    padding: 10px;
}

#leftcolumn div
{
    display: block;
    width: 163px;
}

#leftcolumn div a
{
    font-weight: bold;
    font-size: 11px;
    color: #547f96;
    display: block;
    text-decoration: none;
}

#leftcolumn div a:hover
{
    text-decoration: underline;
}

#leftcolumn .mainNav a
{
    padding: 9px 10px;
    text-transform: uppercase;
}

#leftcolumn #activeNav
{
    background-color: #558ab9;
}

#leftcolumn #activeNav a
{
    color: #fff;
}


#leftcolumn .subNav a
{
    padding: 7px 10px;
    color: #3c4a51;
}

#leftcolumn .subNav
{
    background-color: #c8dae8;
}
#leftcolumn #activeSubNav a
{
    /* color: #fff; */
    text-decoration: underline;
}


#footer
{
    font: Helvetica, Arial, sans-serif;
    clear: left;
    width: 100%; /* background: black; */ /* color: #FFF; */
    text-align: center; /* margin: 0 34px; */ /* padding: 4px 0; */
    background: #fbfbfb url(images/footer.png) no-repeat;
    height: 40px;
    text-align: right;
    font-size: 11px;
    padding: 11px 36px 15px 0;
    margin: 0 auto;
    border-bottom: 80px solid #fbfbfb;
    width: 959px;
    position: relative;
}
#footer_contact
{
    font: Helvetica, Arial, sans-serif;
    clear: left;
    width: 100%; /* background: black; */ /* color: #FFF; */
    text-align: center; /* margin: 0 34px; */ /* padding: 4px 0; */
    background: #fbfbfb url(images/footer.jpg) no-repeat;
    height: 65px;
    text-align: right;
    font-size: 11px;
    padding: 11px 36px 15px 0;
    margin: 0 auto;
    border-bottom: 80px solid #fbfbfb;
    width: 959px;
    position: relative;
}

#footer span
{
    float: left;
    padding-left: 40px;
}
#footer_contact span
{
    float: left;
    padding-left: 40px;
}

.terms
{
    border-top: 1px solid #ccc;
    padding: 15px 30px 30px 40px;
    color: #666;
    line-height: 1.3em;
}
.terms h6
{
    font-size: 1em;
    margin: 0;
}
.footerlinks a
{
    text-decoration: none;
    font-weight: normal;
    color: #266287;
}



.innertube
{
    margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
    margin-top: 0;
}

span.callout
{
    float: right;
    font-size: 10px;
}

span.callout a
{
    margin: -6px -10px 0 0;
    display: block;
    text-decoration: none;
    color: red;
}

#rightSubColumn
{
    float: right;
    width: 180px;
}

#leftSubColumn
{
    float: left;
    width: 508px;
}

/* Content Styles */

#contentcolumn
{
    color: #3c4950;
    font-size: 12px;
}

#contentcolumn p
{
    margin-bottom: 10px;
    clear: both;
    line-height: 1.5em;
}

#contentcolumn h1
{
    color: #547f96;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 5px;
}

#contentcolumn strong
{
    font-weight: bold;
    color: #265782;
    font-size: 14px;
}

#contentcolumn .hr-thin, #contentcolumn .hr-dash
{
    height: 1px;
    padding: 0px;
    margin-bottom: 20px;
    font-size: 1px;
    line-height: 1px;
}

#contentcolumn .hr-thin
{
    border-bottom: 1px solid #dde5ea;
}

#contentcolumn .hr-dash
{
    border-bottom: 1px dashed #265782;
}

#contentcolumn .healthfulHint
{
    margin: 10px 0;
    color: #265782;
    font-size: 12px;
    background-color: #eff4f7;
}

#contentcolumn .healthfulHint strong
{
    font-weight: bold;
    font-size: 12px;
}

#contentcolumn .healthfulHint .innerHint
{
    padding: 10px;
}

#contentcolumn blockquote
{
    font-size: 12px;
    color: #265782; /* width: 100%; */
    padding-top: 10px;
    border-top: 1px dashed #265782;
    margin-bottom: 10px;
    border-bottom: 1px dashed #265782;
}

#contentcolumn blockquote p
{
    margin-left: 20px;
    margin-right: 20px;
}

#contentcolumn blockquote .rightItalic
{
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    color: #265782;
    text-align: right;
}

#contentcolumn #rightContent
{
    width: 360px;
    float: right;
}

#contentcolumn h3
{
    font-size: 25px;
    font-weight: normal;
    color: #3c4950;
    margin-bottom: 10px;
}

#rightContent em
{
    font-style: italic;
    font-weight: bold;
    font-size: 11px;
    color: #265782;
    line-height: 11px;
}

#contentcolumn #leftImage
{
    width: 360px; /* height: 400px; */ /* background-color: #c00; */
    float: left;
}

#contentcolumn ul
{
    list-style-type: disc; /* 	list-style-position: inside; */
    margin-left: 15px;
    margin-bottom: 15px;
}

#contentcolumn ul li
{
    margin-bottom: .5em;
}

#contentcolumn ul li a
{
    color: #265782;
}

#contentcolumn ul li a:hover
{
    color: #3c4950;
}


#contentcolumn a
{
    color: #265782;
}

#contentcolumn a:hover
{
    color: #3c4950;
}



/* HOME PAGE STYLES */

#home #contentcolumn .innertube
{
    margin: 0px;
}

#bannerHome
{
    width: 751px;
    height: 311px;
    background: url(images/Home-Banner.jpg) no-repeat;
}

#bannerText
{
    padding-top: 13px;
    padding-left: 18px;
    width: 335px;
    font-size: 13px;
}

#bannerText a
{
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    color: #2e70aa;
}

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

#bannerText h3
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 19px;
    font-weight: bold;
    color: #2e70aa;
}


#podContainer
{
    margin-top: 11px;
}

#podContainer .pod
{
    position: relative;
    width: 241px;
    height: 174px;
    background: url(images/podBG.png) no-repeat;
    float: left;
    font-size: 11px;
}

#podContainer .pod h4
{
    color: #2e70aa;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 10px;
}

#podContainer .pod a
{
    font-weight: bold;
    font-size: 10px;
    text-decoration: none;
    color: #2e70aa;
}

#podContainer .pod a:hover
{
    text-decoration: underline;
}
#podContainer .podpad
{
    margin-right: 13px;
}

#podContainer .pod img
{
    /* float:right; */
    position: absolute;
    right: 10px;
    top: 7px;
}

#podContainer p
{
    font-size: 11px;
    color: #363636;
    line-height: 1em;
}

#podContainer .pod div
{
    width: 108px;
    position: absolute;
    left: 8px;
    top: 18px;
}

/*Added by FLH for Contact Us  */

.label-format
{
    float: left;
    width: 175px;
}
.label-format-long
{
    float: left;
    width: 300px;
}
.label-format-med
{
    float: left;
    width: 270px;
}
.captcha-format
{
    float: left;
}
.textbox-format
{
    width: 175px;
    height: 15px;
    font-size: 1.0em;
    margin-bottom: 3px;
}
.textbox-format-wide
{
    width: 200px;    
    font-size: 1.0em;
    margin-bottom: 3px;
}
.textbox-format-short
{
    width: 50px;
    height: 15px;
    font-size: 1.0em;
    margin-bottom: 3px;
}
.radiobutton-format
{
    width: 150px;
    margin: 0 3px 0 25px;
}
.dropdown-format
{
    width: 180px;    
    font-size: 1.0em;
    margin-bottom: 3px;
}
.error-format
{
    font-weight: bold;
    font-size: x-small;
    vertical-align: top;
}
.error-format-big
{
    font-weight: bold;
    font-size:12px;
    vertical-align: top;
}
.checkbox-format
{
    float: left;    
    margin-bottom: 2px;
}
.error-format-checkbox
{
    font-weight: bold;
    font-size: x-small;
    float: right;
    margin: 0 200px 0 0;
}

#poster {
	border-collapse: separate;
	border-spacing: 5px;

}
#poster td {
	text-align: center;
	font-weight: normal;
}


