body
{
    font-size:.8em;
}
body, input, textarea, select
{
    font-family:verdana;
}
textarea
{
    font-size:100%;
}
body, div, form, p, h1, h2, h3
{
    margin:0px;
    padding:0px;
    display:block;
}
img
{
    border:0px;
}
a
{
    color:#006699;
}
a:hover
{
    color:#002538;
}
.layout
{
    width:865px;
}
.header
{
    clear:both;
    width:100%;
    height:95px;
}
.logo
{
    position:absolute;
    margin-left:0px;
    margin-top:5px;
    width:341px;
    height:85px;
}
.date
{
    position:absolute;
    margin-left:615px;
    margin-top:70px;
    width:250px;
    height:20px;
    line-height:20px;
    text-align:right;
    color:#006699;
}
.nav
{
    clear:both;
    width:100%;
    height:25px;
    line-height:25px;
    background-color:#006699;
    margin-bottom:10px;
    font-family:tahoma, verdana, arial;
}
.membernav
{
    position:absolute;
    top:0px;
    left:728px;
    width:200px;
    font-family:tahoma, verdana, arial;
}
.context
{
    margin-left:8px;
    width:149px;
    float:left;
    clear:both;
}

.advert
{
    width:149px;
    height:160px;
    clear:both;
    margin-bottom:10px;
}
.advert .advertimage
{
    /*position:absolute;*/
    margin-top:0px;
    margin-left:0px;
    /*z-index:0;*/
}
.advert .adverttop
{
    position:absolute;
    margin-top:5px;
    margin-left:8px;
    width:133px;
    font-size:120%;
    text-align:center;
}

.advert .adverttop a
{
    text-decoration:none;
    color:#FFFFFF;
    font-weight:bold;

}

.advert .adverttop a:hover
{
    color:#CCCCCC;
}

.advert .advertmiddle
{
    position:absolute;
    margin-top:35px;
    margin-left:8px;
    width:133px;
    font-size:120%;
    text-align:center;
}

.advert .advertbottom
{
    position:absolute;
    margin-top:110px;
    margin-left:8px;
    width:133px;
    font-size:120%;
    text-align:center;
}
.workarea
{
    margin-left:20px;
    width:680px;
    float:left;
    min-height:450px;
}
.billboard
{
    width:680px;
    height:200px;
    clear:both;
    z-index:10;
}
.banner
{
    width:680px;
    height:114px;
    clear:both;
}
.content
{
    width:680px;
    clear:both;
    margin-top:10px;
    margin-bottom:10px;
}
.content h1
{
    color:#006699;
    font-size:165%;
    font-weight:normal;
    margin-bottom:10px;
}
.content p
{
    margin-bottom:10px;
}
.features
{
    width:100%;
    clear:both;
    margin-bottom:10px;
}
.feature
{
    width:200px;
    float:left;
    text-align:center;
    margin-top:11px;
    margin-bottom:10px;
}
.featurehighlight
{
    width:200px;
    float:left;
    text-align:center;
    margin-bottom:10px;
    background-color:#d7dfec;
    padding:10px;
    border:1px solid #97a6be;
}
.featureimage
{
    width:200px;
    height:95px;
    float:left;
    margin-bottom:10px;
}
.feature h2, .featurehighlight h2
{
    width:100%;
    font-size:100%;
    font-weight:bold;
    color:#006699;
    margin-bottom:10px;
}
.featuresplit
{
    width:28px;
    height:20px;
    float:left;
}
.footer
{
    width:865px;
    height:20px;
    line-height:20px;
    clear:both;
    font-size:85%;
    background-color:#006699;
    color:#ffffff;
}
.footer a
{
    color:#ffffff;
}
.footer a:hover
{
    color:#c0c0c0;
}
.legal
{
    width:600px;
    text-align:left;
    float:left;
    clear:both;
}

.imagecontentleft
{
    float:left;
    margin-right:1em;
    margin-bottom:1em;
}
.imagecontentright
{
    float:right;
    margin-left:1em;
    margin-bottom:1em;
}
.content p
{
    clear:both;
}
.question
{
    clear:both;
}
.caption
{
    float:left;
    width:125px;
    height:20px;
}
.question .entry
{
    float:left;
}
.question .extra
{
    float:left;
}
.merchandisecategories
{
    clear:both;
    display:block;
    padding-bottom:10px;
}
.merchandiseitem
{
    clear:both;
}
.merchandiseimage
{
    float:left;
    width:260px;
    margin-bottom:10px;
}
.merchandisedetails
{
    float:left;
    margin-bottom:10px;
}
.basketitem
{
    clear:both;
}
.basketimage
{
    float:left;
    width:135px;
    margin-bottom:10px;
}
.basketdetails
{
    width:395px;
    float:left;
    margin-bottom:10px;
}
.basketfigures
{
    width:150px;
    float:left;
    margin-bottom:10px;
    text-align:right;
}
.basketfooter
{
    width:345px;
    float:left;
    margin-bottom:10px;
    text-align:center;
}
.baskettotal
{
    width:200px;
    float:left;
    margin-bottom:10px;
    text-align:right;
}
.basketbutton
{
    float:left;
    display:block;
}

.sitemap ul
{
    margin:0px 0px 1em 0px;
    padding:0px;
    list-style-type:none;
}
.sitemap ul ul
{
    margin-left:2em;
}

/* dynamic - recruitment */
.recruitmentitem
{
    clear:both;
    width:680px;
    min-height:50px;
}
.recruitmentitem .image
{
    clear:both;
    width:250px;
    min-height:50px;
    float:left;
    padding-bottom:1em;
    text-align:center;
}
.recruitmentitem .details
{
    width:430px;
    min-height:50px;
    float:left;
    padding-bottom:1em;
}
.recruitmentitem .entry
{
    clear:both;
    width:430px;
    min-height:10px;
}
.recruitmentitem .title
{
    font-weight:bold;
}
.recruitmentitem .field
{
    clear:both;
    width:100px;
    float:left;
}
.recruitmentitem .value
{
    width:330px;
    float:left;
}
.recruitmentitem .description
{
    width:430px;
    min-height:10px;
    margin-top:1em;
    clear:both;
}

/* dynamic - affiliate */
.affiliateitem
{
    clear:both;
    width:680px;
    min-height:50px;
}
.affiliateitem .image
{
    clear:both;
    width:250px;
    min-height:50px;
    float:left;
    padding-bottom:1em;
    overflow:hidden;
    text-align:center;
}
.affiliateitem .details
{
    width:430px;
    min-height:50px;
    float:left;
    padding-bottom:1em;
}
.affiliateitem .entry
{
    clear:both;
    width:430px;
    min-height:10px;
}
.affiliateitem .title
{
    font-weight:bold;
}
.affiliateitem .field
{
    clear:both;
    width:100px;
    float:left;
}
.affiliateitem .value
{
    width:330px;
    float:left;
}
.affiliateitem .description
{
    width:430px;
    min-height:10px;
    padding-top:1em;
    clear:both;
}

/* dynamic - affiliate & consultant map */
.map
{
    float:left;
    width:430px;
}
.mapinformation
{
    float:left;
    padding-top:30px;
    width:235px;
}

/* dynamic - consultant */
.consultantitem
{
    clear:both;
    width:680px;
    min-height:50px;
}
.consultantitem .image
{
    clear:both;
    width:235px;
    min-height:50px;
    float:left;
    padding-bottom:1em;
    padding-left:15px;
    overflow:hidden;
}
.consultantitem .details
{
    width:430px;
    min-height:50px;
    float:left;
    padding-bottom:1em;
}
.consultantitem .entry
{
    clear:both;
    width:430px;
    min-height:10px;
}
.consultantitem .title
{
    font-weight:bold;
}
.consultantitem .field
{
    clear:both;
    width:100px;
    float:left;
}
.consultantitem .value
{
    width:330px;
    float:left;
}
.consultantitem .description
{
    width:430px;
    min-height:10px;
    margin-top:1em;
    clear:both;
}

/* dynamic - grade */
.gradeitem
{
    clear:both;
    width:680px;
    min-height:50px;
}
.gradeitem .entry
{
    clear:both;
    width:680px;
    min-height:10px;
}
.gradeitem .title
{
    font-weight:bold;
}
.gradeitem .field
{
    clear:both;
    width:100px;
    float:left;
}
.gradeitem .value
{
    width:580px;
    float:left;
}
.gradeitem .description
{
    width:680px;
    min-height:10px;
    margin-bottom:1em;
    clear:both;
}

/* dynamic - document */
.documentitem
{
    clear:both;
    width:680px;
    min-height:50px;
}
.documentitem .entry
{
    clear:both;
    width:680px;
    min-height:10px;
}
.documentitem .title
{
    font-weight:bold;
}
.documentitem .field
{
    clear:both;
    width:100px;
    float:left;
}
.documentitem .value
{
    width:580px;
    float:left;
}
.documentitem .description
{
    width:680px;
    min-height:10px;
    margin-bottom:1em;
    clear:both;
}

.eventpreviousyear
{
    clear:both;
    float:left;
    margin:0px;
    padding:0px;
    text-align:center;
}
.eventcurrentyear
{
    float:left;
    margin:0px;
    padding:0px;
    text-align:center;
}
.eventnextyear
{
    float:left;
    margin:0px;
    padding:0px;
    text-align:center;
}
.currentyear
{
    font-weight:bold;
    text-align:center;
}

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 2px;
padding-bottom: 0;
background: #006699;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 10px;
letter-spacing: 2px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 2px;
z-index: 5;
}

.current
{
    font-weight:bold;
}


/* MEMBERSHIP PAGES */

.topinfo
{
	min-height: 100px;
	width: auto;
	margin: 5px auto;
	text-align:justify;
}
.topinfo .title
{
	font-weight:bold;
	font-size:18px;
	line-height: 0px;
	color: #21578A;
	text-align:left;
	background-color:#FFFFFF;
	border-bottom:5px solid #21578A;
}
.maininfo
{	
	background-color:#FFCC99;
	min-height: 75px;
	width: auto;
	padding: 10px;
	margin: 10px auto 20px auto;
}
.maininfo .title
{
	font-weight:bold;
	font-size:14px;
	line-height: 24px;
	color: #FF5F00;
	text-align:left;
	background-color:#FFFFFF;
	border-bottom:5px solid #FF5F00;
	padding-left:5px;
}
.maininfo .links
{
	width:350px;
	text-align:left;
	margin-left:25px;
	font-size:12px;
}
.maininfo .links ul
{
	list-style-image: url('/membership/pointer.gif');
	line-height:20px;
}
.maininfo .links a
{
	color: #FF5F00;
	text-decoration:none;
	border-bottom: 1px dotted #FF5F00;
	font-weight:bold;
}
.maininfo .links a:hover
{
	color:#21578A;
	text-decoration:none;
	font-weight:bold;
}
.bottominfo
{
	background-color:#FFECDD;
	border-top: 1px dotted #FF5F00;
	min-height: 50px;
	width: 670px;
	padding: 5px;
	margin: 10px 0px 10px 0px;
	float:left;
	text-align:left;
}
.bottominfo .title
{
	font-weight:bold;
	font-size:12px;
	line-height: 16px;
	color: #FF5F00;
	padding: 2px;
	background-color:#FFFFFF;
	border-bottom:5px solid #FF5F00;
	margin-bottom:10px;
}
.bottominfo .list
{
	width: 670px;
	margin: 5px 0px;
	text-align:center;
}
.bottominfo a
{
	color: #FF5F00;
	text-decoration:none;
	border-bottom: 1px dotted #FF5F00;
	margin-right:2px;
}
.bottominfo a:hover
{
	color:#21578A;
	text-decoration:none;
}