.front_blue_head { font-family: Arial; font-size: 18pt; color: #3284AD; padding-bottom: 1px; margin-bottom: 1px; padding-top: 1px; margin-top: 1px; }
.body_regular { font-family: Tahoma, sans-serif; font-size: 11px; color: #000000; letter-spacing: 2; padding-left: 0px; text-align:left; }


.body_regular_bold { font-family: Tahoma, sans-serif; font-size: 11px; color: #000000; letter-spacing: 0; padding-left: 7px; text-align:left; font-weight:bold}
.body_regular_indented { font-family: Verdana; font-size: 11pt; color: #000000; letter-spacing: 0; padding-left: 11px; text-align:left}
.body_header1 { font-family: Arial; font-size: 15pt; text-align:left; color: #6797C7; letter-spacing: 1; font-weight:bold; padding-left: 0px; padding-top: 5px; line-height:100%; padding-bottom:0 }

.body_header2 { font-family: Arial; font-size: 12pt; color: #213a85; letter-spacing: 1; font-weight:bold; padding-left: 0px; padding-top: 0px; line-height:100%; padding-bottom:0 }

.footer_blue { font-family: Arial; font-size: 8pt; color: #3284AD; }

.footer { font-family: Arial; font-size: 8pt; color: #808080; }

.front_right { font-family: Arial; font-size: 10pt; padding-left: 4px; padding-right: 2px; padding-top: 2px; line-height:130%;}

.menutitle{ cursor:pointer; margin-bottom: 2px; margin-top: 4px; margin-right: 6px; background-color:#E6E8E7; color:#666666; width:140px; text-align:left; font-weight:normal; border:1px solid #666867; font-family:Verdana; font-size:10pt; padding-left:5px; padding-right:4px; padding-top:2px; padding-bottom:2px; height:22px }
.submenu{ margin-bottom: 0.7em; margin-left: 0.7em; font-family:Verdana; font-size:10pt; text-align:left }
.front_right2 { font-family: Arial; font-size: 10pt; color: #3284AD; padding-left: 10px; padding-right: 2px; padding-top: 1px; line-height:130%;}
.front_learn { font-size: 12pt; font-family: Arial; text-transform: uppercase; text-decoration: underline; color: #800000 }
.front_ital  { font-family: Arial; font-size: 12pt; font-style: italic }
.front_bullet_blue { font-family: Arial; font-size: 11pt; color: #3284AD; padding-left: 8px; line-height:110%; padding-bottom: 1px; margin-bottom: 1px; padding-top: 1px; margin-top: 1px; }
.front_body_small_arial_black { font-family: Arial; font-size: 11pt; color: #000000; padding-bottom: 1px; margin-bottom: 1px; padding-top: 1px; margin-top: 1px;  }

.action{ cursor:pointer; margin:5px; background-color:#E6E8E7; color:#666666; text-align:left; font-weight:normal; border:1px solid #666867; font-family:Verdana; font-size:10pt; padding:5px; }

BODY
{
    font-family: Calibri, Verdana, Arial, Helvetica, Sans-Serif;
	font-size:14px;
	padding-right:7px;
    color: #000000;
    background-color: #FFFFFF;
}

.pagequote {

	color: #666;
	background-color: white; 
	padding: 4px;
	margin: 4px;
	border: 1px solid #ccc;
        
        width:200px; 
        height:auto; 
        z-index:1; 
        float:right;

}


.leftpagequote {

	color: #666;
	background-color: white; 
	padding: 4px;
	border: 1px solid #ccc;
        
         height:auto; 
        z-index:1; 

}


			
H1
{
    font-size: 140%;
    font-weight: bold;
    margin: 1em .2em 1em 0em;
    color: #0066cc;
}

H2
{
    font-size: 130%;
    font-weight: bold;
    margin: 1em .2em 1em 0em;
    color: #0066cc;
}

H3
{
    font-size: 110%;
    font-weight: bold;
    margin: 1em .2em 1em 0em;
    color: #0066cc;
}

H4
{
    font-size: 100%;
    font-weight: bold;
    margin: 1em .2em 1em 0em;
    color: #0066cc;
}

H5
{
    font-size: 80%;
    font-weight: bold;
    margin: 1em .2em 1em 0em;
    color: #0066cc;
}

H6
{
    font-size: 100%;
    font-weight: bold;
    margin: 1em .2em 1em 0em;
}

HR
{
    color: #e6e6e6;
    margin: 0.5em 0em 0em 0em;
    height: 1px;
}

INPUT, BUTTON, FORM
{
    margin: 0px;
    padding: 0px;
    font-size: 100%;
}

A
{
    color: #3366cc;
}

A:link
{
    color: #0066CC;
}

A:visited, A:hover, A:active 
{
    color: #800080;
}

P, LI, #BlueBox
{
    margin: 0px 0px 0px 0px;
    padding: 4px;
    line-height: 1.3em;
	text-align:left;
}

UL
{
    margin: 0px 0px 0px 26px;
    padding: 4px;
    list-style-image: url(http://www.surfintown.com/images/bluearrowPlus4px.gif);
    list-style-position: inside;
}

UL.Disc
{
    margin: 0px 0px 0px 20px;
    list-style: disc none outside;
}




LI
{
    text-indent: -17px;
}

UL.Disc LI
{
    margin: 0px;
    text-indent: 0px;
}

SELECT
{
    font-size: 100%;
}

#Banner
{
    background-color: #0066CC;
}

#Banner #GradientCell
{
    background-image: url(/shared/images/TopNav.jpg);
    background-repeat: no-repeat;
    background-position: right;
}

#Banner #RegGradientCell
{
    background-image: url(/shared/images/TopNavReg.jpg);
    background-repeat: no-repeat;
    background-position: right;
}

#Menu
{
    background-color: #0066CC;
    background-image: url(/shared/images/LeftNav.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
}

#Menu A
{
    margin: 4px 4px 4px 4px;
    padding: 4px 4px 4px 11px;
    width: 135px;
    text-decoration: none;
    color: #ffffff;
    display: block;
}

#Menu .Current A
{
    padding: 3px 3px 3px 10px;
    border: solid 1px #99ccff;
}

#Menu A:hover
{
    padding: 3px 3px 3px 10px;
    background-color: #99ccff;
    border: solid 1px #99ccff;
}

#Footer
{
    color: #ffffff;
    background-color: #66CCFF;
    padding: 0px 10px 0px 16px;
    line-height: 2em;
}

#Footer A
{
    color: #ffffff;
}

#SecurityAlerts
{
    font-family: Tahoma, Helvetica;
}

#SecurityAlerts H3
{
    padding: 20px 0px 0px 0px;
}

#SecurityAlerts A
{
    color: #003399;
    font-weight: bold;
}

#pagetools
{
    background-color: #ffffff;
    padding: 3px;
    padding-bottom: 5px;
}

#pagetools a
{
    font-family: Arial;
    color: #000000;
    text-decoration: none;
    padding: 1px;
}

#pagetools a:link, #pagetools a:active, #pagetools a:visited
{
    border: 1px solid #EEEEEE;
}

#pagetools a:hover
{
    background-color: #f1f1f1;
    border: 1px solid #CCCCCC;
}

#BreadCrumb .buttonOff
{
    color: #999999;
    font-size: 80%;
}

#BreadCrumb .buttonOn
{
    color: #0066CC;
    font-size: 80%;
    font-weight: bold;
}

.clsProgressBar
{
    width: 360px;
    border: 1px inset #999999;
    margin: 10px 10px 0px 0px;
    overflow: hidden;
    height: 25px;
    white-space: nowrap;
}
.clsProgressBarItem
{
    width: 8px;
    height: 25px;
    background-color: #0066CC;
    margin-right: 2px;
}

.textRed
{
    color: #ff0000;
}

.textGreen
{
    color: #339900;
}

.textBlue
{
    color: #0066CC;
}

.textGrey
{
    color: #999999;
}

.textSmall
{
    font-size:80%;
}

.BGBanner
{
    background-color:#0066CC;
}

.BGFooter
{
    background-color:#66CCFF;
}

#PassportBox
{
    border: solid 2px #0033cc;
    padding: 10px 8px 8px 10px;
}

.leftPad
{
    padding-left: 20px;
}

.eula
{
    padding: 5px;
    border: 1px solid #8da4da;
    background: #B7C7EB;
    font-family: Verdana;
    font-size: x-small;
    color: #000000;
    overflow: auto;
}

.eulaNoScroll
{
    padding: 5px;
    border: 1px solid #8da4da;
    background: #B7C7EB;
    font-family: Verdana;
    font-size: x-small;
    color: #000000;
    width: 530;
}

.OpenCloseChild
{
    display: none;
}

.TopicList {
    display: block;
    padding-bottom: 5px;
}