/**
 * TODO DOCUMENT
 */
@media screen {

    /**
     * Global elements
     */

    body {
        color       : #111111;
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size   : 0.75em;
    }




    h1 { font-size : 1.7em; margin-top : 0; padding-top: 2.4em;}
/*    h2 { font-size : 1.5em; padding-top: 2.0em;}  */
    h2 { font-size : 1.5em; padding-top: .5em;}
    h3 { font-size : 1.3em; padding-top: 1.6em;}
	.h3smspace {  padding-top: 0.6em;}
    h4 { font-size : 1.1em; padding-top: 1.2em;}
	.h4smspace {  padding-top: 0.5em;}
    h5 { font-size : 1.0em; padding-top: 1.0em;}
    h1, h2, h3, h4, h5 { font-family : Verdana, Arial, Helvetica, sans-serif; color : #000; }

    img { border : 0; }
    form
	{
	   margin: 0;
	   border: 0;
	   padding: 0;
	}


    p.centertext{
    	text-align: center;
    }

	/* for underlined text */
	span.underlined{
	    text-decoration: underline;
	}
    /* for underlined text */
    span.italics{
        text-decoration: underline;
    }

/*
    a       { color : #f22; background : none; text-decoration : underline; }
    a:hover { color : #fff; background : #f22; text-decoration : none; }
*/

 .contenttop
 {
 	padding-top: 0px;
 }












body {
    margin: 0px 5%;      /* no top or bottom margins - 5% at sides */
    padding: 0;
    color:#000;
    background  : #aeaeae;
    background-image: url("http://www.privatejvclub.com/images/newlayout/grayback3.gif");
    background-position: top;
    background-repeat: repeat-x;
    background-color: #aeaeae;
}
#container {
    background: black;
    border:0px solid #000;
}
#header {
    background: black;
    text-align: center;
    border: 4px solid black;
}
#left {
    padding-top: 1.4em;
    margin-left:-179px;/* must be 1 pixel less than width*/
    float:left;
    width:180px;/* must be same as left margin on #middle*/
    position:relative;
    left:-2px;/* line up exactly */
    display:inline;/* ie fix*/
}
#right {
    padding-top: 1.4em;
    margin-right:-180px;/* must be 1 pixel less than width*/
    float:right;
    width:179px;/* must be same as right margin on #middle*/
    position:relative;
    right:-2px;/* line up */
    display:inline;/* ie fix*/
}
* html #left{margin-right:-3px;}/* 3 pixel jog*/
* html #right{margin-left:-3px;}/* 3 pixel jog*/

#middle {
/*    border-left:1px solid red;
    border-right:1px solid red;   - useful for debugging display issues */
    border-left:0px;
    border-right:0px;
    background: black;
    margin-left:180px;
    margin-right:179px;
}
#middlemember {
/*    border-left:1px solid red;
    border-right:1px solid red;   - useful for debugging display issues */
    border-left:0px;
    border-right:0px;
    background: black;
    margin-left:180px;
    margin-right:4px;
}
/* mac hide and combat ie's 3 pixel jog \*/
* html #centre{overflow:hidden;float:left;width:100%;}
* html #middle {height:1%;}
/* end hide*/
#footer {
    clear:both;
    border-top:0px solid red;
    border-bottom:0px solid red;
    height:50px;
    background: black;
    text-align:center;
}
h1,h3,p {margin-top:0}

.clearer{
    height:1px;
    overflow:hidden;
    margin-top:-1px;
    clear:both;
}

/*
.brightredheadercontentboxhead h1 {
   color: #1A3A6F;
}
*/


    /* the breadcrumbs (below logo in member area) */
    #breadcrumbs {
        font-size : 0.8em;
        color     : #fff;
        margin-bottom : 5px;
		padding-left: 20px;
		font-weight: bold;
    }

    #breadcrumbs a { color : #eee; }
    #breadcrumbs a:hover { background : #888; color : #eee; }




	/*   center footer area  */
	#centerfooter {
	    font-size : 0.8em;
	    color     : #fff;
	    font-weight: bold;
	}
    #centerfooter a { color : #eee; }
    #centerfooter a:hover { background : #888; color : #eee; }




.leftcolumnbuttonsarea {
    margin: 3px 6px 3px 6px;
    padding: 0px;
    display: block;
    width: 169px;
    height: auto;
    text-align: center;
}

/* for large nav images on left */
#leftcolumnbuttons a
{
	border-top: 2px solid black;
    border-bottom: 3px solid black;
    border-left: 0px;
    border-right: 0px;
}

#leftcolumnbuttons li
{
	border-left: 2px solid black;
    border-right: 2px solid black;
    text-align:center;
}






/* site left + right column boxes */
.columnbox {
    margin: 3px 6px 3px 6px;
    padding: 0px;
    border: 0px;
    display: block;
    width: 169px;
    height: auto;
    text-align: center;
}
.columnboxoutlinetop {
    margin: 0px;
    padding: 0px;
	border: 0px;
    display: block;
    width: 169px;
    height: 28px;
}
.columnboxoutlinebottom {
    margin: 0px;
    padding: 0px;
    display: block;
    width: 169px;
    height: 5px;
    text-align: center;
}
.columnboxbox {
/*    background-color: #f8f8f8;    */
    background-color: white;
    border-top: 0;
    border-bottom: 0;
    border-left: 1px solid #A0A0A0;
    border-right: 1px solid #A0A0A0;

    margin: 0px;
    padding: 0px;

    display: block;
}
.columnboxbox select, input{
    font-size: 10px;
}
.columnboxbox form {
    margin: 0;
    padding: 0;
    display: block;
}
.columnboxtext
{
	margin: 2px 10px 2px 10px;
    text-align: left;
}
.columnboxtextright
{
    margin: 2px 10px 2px 10px;
    text-align: right;
}


/* this is for the revised blue heading column boxes using pure CSS */
.blueheadercolumnbox
{
    margin: 3px 6px 3px 6px;
    padding: 0px;
    border: 0px;
    display: block;
    width: 169px;
    height: auto;
	padding-bottom: 5px;
}

.blueheadercolumnboxhead
{
    background-color: #506C78;
    margin: 0px;
    padding: 0px;
    border: 0px;
    display: block;
    width: 169px;
    height: 28px;
    color: #FFFFFF;
    background: url("/images/contentboxes/headingbackground.gif") repeat-x 0 0;
    vertical-align: bottom;
    position: relative;
}
.blueheadercolumnboxheadtext
{
    margin: 0px;
    padding: 1px 6px 1px 8px;
    border: 0px;
    display: block;
    height: 26px;
    color: #333399;
    font-weight: bold;
    position:absolute; top:50%; height:1.4em; margin-top:-0.7em
}
.blueheadercolumnboxheadtextsmall
{
    margin: 0px;
    padding: 1px 6px 1px 8px;
    border: 0px;
    display: block;
    height: 26px;
    color: #333399;
/*    font-weight: bold;  */
    position:absolute; top:50%; height:1.4em; margin-top:-0.7em
}
.blueheadercolumnboxheadleft
{
    background-color: #506C78;
    background: url("/images/contentboxes/headingbackgroundleft.gif") no-repeat;
    display: block;
    width: 4px;
    height: 28px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    float: left;
}
.blueheadercolumnboxheadright
{
    background-color: #506C78;
/* old gold heading example */
    background: url("/images/contentboxes/headingbackgroundright.gif") no-repeat;
/*    background: url("/images/contentboxes/goldheadingbackright.gif") no-repeat;  */
    display: block;
    width: 4px;
    height: 28px;
    margin: 0px;
    padding: 0px;
    border: 0px;
	text-align: right;
    float: right;
}
.blueheadercolumnboxbottom {
    margin: 0px;
    padding: 0px;
    display: block;
    width: 169px;
    height: 5px;
    text-align: center;
    background: url("/images/memberloginboxbottom2.gif") no-repeat;
	background-position: top left;
}
.blueheadercolumnboxbox {
/*    background-color: #f8f8f8;  */
    background-color: white;
    border-top: 0px;
    border-bottom: 0px;
    border-left: 1px solid #A0A0A0;
    border-right: 1px solid #A0A0A0;

    margin: 0px;
    padding: 0px;

    display: block;
}
.blueheadercolumnboxtext
{
    margin: 2px 10px 2px 10px;
    text-align: left;
}
.blueheadercolumnboxtextright
{
    margin: 2px 10px 2px 10px;
    text-align: right;
}



/* for menu areas  */
.blueheadercolumnboxmenu {
    background-color: white;
    border-top: 0px;
    border-bottom: 0px;
    border-left: 1px solid #A0A0A0;
    border-right: 1px solid #A0A0A0;

    margin: 0px;
    padding: 0px;

    display: block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}






/* this is for the revised blue heading column boxes using pure CSS */
.contentbox
{
    margin: 3px 3px 3px 3px;
    padding: 0px;
    border: 0px;
    display: block;
    width: auto;
    height: auto;
/*    text-align: center; */
}
/* used to display the page title text in the content box header */
.contentbox h1
{
    margin: 0px;
    padding: 1px 6px 1px 8px;
    border: 0px;
    display: block;
    height: 26px;
/*    color: #FFFFFF;    */

    color: #333399;

    font-weight: bold;
    font-size : 1.0em;
    position:absolute; top:50%; height:1.4em; margin-top:-0.7em
}
.contentboxbox {
/*    background-color: #f8f8f8;  */
    background-color: white;
    border-top: 0;
    border-bottom: 0;
    border-left: 1px solid #A0A0A0;
    border-right: 1px solid #A0A0A0;

    margin: 0px;
    padding: 0px;

    display: block;
}
.contentboxtext
{
    margin: 0px 10px 0px 10px;
    text-align: left;
}
.contentboxtextright
{
    margin: 2px 10px 2px 10px;
    text-align: right;
}

/* this is for the bottom of the content area using pure CSS */
.contentboxbottom
{
/*    background-color: #f8f8f8;  */
/*    background-color: white; */
    margin: 0px;
    padding: 0px;
    border: 0px;
    display: block;
    width: auto;
    height: 5px;
    color: #FFFFFF;
    background: url("/images/contentboxes/contentboxbottom.gif") repeat-x 0 0;
    background-position: top left;
    vertical-align: top;
    position: relative;
}
.contentboxbottomleft
{
/*    background-color: #f8f8f8;   */
/*    background-color: white;    */
    background: url("/images/contentboxes/contentboxbottomleft2.gif") no-repeat;
    background-position: top left;
    display: block;
    width: 5px;
    height: 5px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    float: left;
    vertical-align: top;
}
.contentboxbottomright
{
/*    background-color: #f8f8f8;  */
/*    background-color: white;   */
    background: url("/images/contentboxes/contentboxbottomright2.gif") no-repeat;
    background-position: top left;
    display: block;
    width: 5px;
    height: 5px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    float: right;
    vertical-align: top;
}
.contentboxbottomleftwhiteback
{
/*    background-color: #f8f8f8;   */
    background-color: white;
    background: url("/images/contentboxes/contentboxbottomleft.gif") no-repeat;
    background-position: top left;
    display: block;
    width: 5px;
    height: 5px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    float: left;
    vertical-align: top;
}
.contentboxbottomrightwhiteback
{
/*    background-color: #f8f8f8;    */
    background-color: white;
    background: url("/images/contentboxes/contentboxbottomright.gif") no-repeat;
    background-position: top left;
    display: block;
    width: 5px;
    height: 5px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    float: right;
    vertical-align: top;
}


/* this is for the blue header for a content area using pure CSS */
.blueheadercontentboxhead
{
    background-color: #506C78;
    margin: 0px;
    padding: 0px;
    border: 0px;
    display: block;
    width: auto;
    height: 28px;
    color: #FFFFFF;
    background: url("/images/contentboxes/blueheadingbackground.gif") repeat-x 0 0;
    vertical-align: bottom;
    position: relative;
}
.blueheadercontentboxheadleft
{
    background-color: #506C78;
    background: url("/images/contentboxes/blueheadingbackgroundleft.gif") no-repeat;
    display: block;
    width: 4px;
    height: 28px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    float: left;
}
.blueheadercontentboxheadright
{
    background-color: #506C78;
    background: url("/images/contentboxes/blueheadingbackgroundright.gif") no-repeat;
    display: block;
    width: 5px;
    height: 28px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    float: right;
}
.blueheadercontentboxheadleftblack
{
    background-color: #000000;
    background: url("/images/contentboxes/blueheadingbackgroundleft-black.gif") no-repeat;
    display: block;
    width: 4px;
    height: 28px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    float: left;
}
.blueheadercontentboxheadrightblack
{
    background-color: #000000;
    background: url("/images/contentboxes/blueheadingbackgroundright-black.gif") no-repeat;
    display: block;
    width: 5px;
    height: 28px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    float: right;
}


/* this is for the revised bright red heading for a content area using pure CSS */
.brightredheadercontentboxhead
{
    background-color: #506C78;
    margin: 0px;
    padding: 0px;
    border: 0px;
    display: block;
    width: auto;
    height: 28px;
    color: #1A3A6F;
/*    background: url("/images/contentboxes/brightredheadingbackground.gif") repeat-x 0 0; */
    background: url("/images/contentboxes/headingbackground.gif") repeat-x 0 0;
    vertical-align: bottom;
    position: relative;
	overflow:hidden;
    white-space: nowrap;
/*	line-height: 1.4em; */
}
.brightredheadercontentboxheadleft
{
    background-color: #506C78;
/*    background: url("/images/contentboxes/brightredheadingbackgroundleft.gif") no-repeat; */
    background: url("/images/contentboxes/headingbackgroundleft.gif") no-repeat;
    display: block;
    width: 4px;
    height: 28px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    float: left;
}
.brightredheadercontentboxheadright
{
    background-color: #506C78;
/*    background: url("/images/contentboxes/brightredheadingbackgroundright.gif") no-repeat; */
    background: url("/images/contentboxes/headingbackgroundright.gif") no-repeat;
    display: block;
    width: 4px;
    height: 28px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    float: right;
	text-align: right;
}



/* this is for the revised bright gold heading for a content area using pure CSS */
.goldheadercontentboxhead
{
    background-color: #506C78;
    margin: 0px;
    padding: 0px;
    border: 0px;
    display: block;
    width: auto;
    height: 28px;
    color: #1A3A6F;
/*    background: url("/images/contentboxes/brightredheadingbackground.gif") repeat-x 0 0; */
    background: url("/images/contentboxes/headingbackground.gif") repeat-x 0 0;
    vertical-align: bottom;
    position: relative;
    overflow:hidden;
}
.goldheadercontentboxhead h1
{
    color: #333399;
}
.goldheadercontentboxheadleft
{
    background-color: #506C78;
/*    background: url("/images/contentboxes/brightredheadingbackgroundleft.gif") no-repeat; */
    background: url("/images/contentboxes/headingbackgroundleft.gif") no-repeat;
    display: block;
    width: 4px;
    height: 28px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    float: left;
}
.goldheadercontentboxheadright
{
    background-color: #506C78;
/*    background: url("/images/contentboxes/brightredheadingbackgroundright.gif") no-repeat; */
    background: url("/images/contentboxes/headingbackgroundright.gif") no-repeat;
    display: block;
    width: 4px;
    height: 28px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    float: right;
    text-align: right;
}
/* these next two are used for displaying gold header on white background */
.goldheadercontentboxheadleftwhiteback
{
    background-color: #506C78;
    background: url("/images/contentboxes/goldheadingbackleftwhiteback.gif") no-repeat;
    display: block;
    width: 4px;
    height: 28px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    float: left;
}
.goldheadercontentboxheadrightwhiteback
{
    background-color: #506C78;
    background: url("/images/contentboxes/goldheadingbackrightwhiteback.gif") no-repeat;
    display: block;
    width: 4px;
    height: 28px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    float: right;
    text-align: right;
}





/* this is for the revised bright blue heading for a content area using pure CSS */
.brightblueheadercontentboxhead
{
    background-color: #0000FF;
    margin: 0px;
    padding: 0px;
    border: 0px;
    display: block;
    width: auto;
    height: 28px;
    color: #FFFFFF;
    background: url("/images/contentboxes/brightblueheadingback.gif") repeat-x 0 0;
    vertical-align: bottom;
    position: relative;
}
.brightblueheadercontentboxhead h1
{
    color: #ffffff;
}
.brightblueheadercontentboxheadleft
{
    background-color: #0000FF;
    background: url("/images/contentboxes/brightblueheadingbackleftwhite.gif") no-repeat;
    display: block;
    width: 4px;
    height: 28px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    float: left;
}
.brightblueheadercontentboxheadright
{
    background-color: #0000FF;
    background: url("/images/contentboxes/brightblueheadingbackrightwhite.gif") no-repeat;
    display: block;
    width: 4px;
    height: 28px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    float: right;
    text-align: right;
}










/* this is for the page header image area using pure CSS */
.pageheaderbox
{
/*    margin: 3px 3px 3px 3px; */
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: auto;
    height: 173px;
	overflow: hidden;
/*    text-align: right; */
}

.pageheaderboxhead
{
    background-color: #506C78;
    margin: 0px;
    padding-right: 20%;
    padding: 0px;
    border: 0px;
    display: block;
    width: auto;
    height: 173px;
    color: #FFFFFF;
    background: url("/images/mainheading/greyheaderbackground.gif") repeat-x 0 0;
    vertical-align: bottom;
    position: relative;
    text-align: right;
    overflow: hidden;
}



.pageheaderboxheadwhitetext{
	float: left;
}

.pageheaderboxheadbluetext{
    float: right;
}

.pageheaderboxheadtext
{
    margin: 0px;
/*    padding: 1px 6px 1px 8px;   */
    border: 0px;
    display: block;
    height: 173px;
    color: #FFFFFF;
    font-weight: bold;

    /* this vertically centers the text in the image
    position:absolute; top:50%; height:7em; margin-top:-3.5em; */

    right: 5%;


/*    left: 362px; */
/*    right: 10%;  */
/*	text-align: right;  */
}
.pageheaderboxheadtextblue
{
    font-size : 1.2em;
    margin: 0px;
    padding: 1px 6px 1px 8px;
    border: 0px;
    display: block;
    color: #8FB9D2;
    font-weight: lighter;
	text-align: left;
}
.pageheaderboxheadtextwhite
{
    font-size : 1.1em;
    margin: 0px;
    padding: 1px 6px 1px 40px;
    border: 0px;
    display: block;
    color: #FFFFFF;
    font-weight: lighter;
    text-align: center;
}
.pageheaderboxheadleft
{
/*    background: url("/images/mainheading/headingleft.jpg") no-repeat;
    display: block;
    width: 362px;
    height: 173px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    float: left;
*/
/*    background: url("/images/mainheading/headingleft.jpg") no-repeat;*/
    display: block;
    background-color: black;
    width: 394px;
    height: 173px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    float: left;
    overflow: hidden;
}
.pageheaderboxheadright
{
    background-color: black;
    background: url("/images/mainheading/greyheaderright.gif") no-repeat;
    display: block;
    width: 6px;
    height: 173px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    float: right;
    overflow: hidden;
}
.pageheader{
	cursor: hand;
	text-decoration: none;
}
.pageheaderboxheadlogo2right
{
/*
    background-color: #000000;
    background: url("/images/mainheading/header-logo-2.gif") no-repeat;
    display: block;
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 400px;
    height: 173px;
    float: left;
    position: relative;
*/
}







/* for large nav images on right */
.rightcolumnbutton
{
    border-top: 3px solid black;
    border-bottom: 3px solid black;
    border-left: 5px solid black;
    border-right: 5px solid black;
    margin: 0px;
    padding: 0px;
    display: block;
    width: 169px;
    height: 127px;
}






/* login area formatting */
.loginbutton
{
    padding: 0px 0px 0px 8px;
}
#forgotpassword
{
    vertical-align: text-top;
    padding: 3px 3px 13px 8px;
    font-weight : lighter;
    font-size : 0.7em;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    color      : #797979;
}


/* ad areas - bottom left */
.adarea {
    margin: 3px 6px 3px 6px;
    padding: 0px;
    display: block;
    width: 169px;
	height: 145px;
    text-align: center;
}
.adareaoutline {
    margin: 0px;
    padding: 0px;
    display: block;
    width: 169px;
    height: 5px;
    text-align: center;
}
.adareabox {
    background-color: #f8f8f8;
    border-top: 0;
    border-bottom: 0;
    border-left: 1px solid #A0A0A0;
    border-right: 1px solid #A0A0A0;
    text-align: center;


    margin: 0px;
    padding: 0px;
    display: block;
}







    /**
     * Tabbed navigation
     */

    #nav {
        margin-top     : -1px;
        margin-bottom  : 20px;
        font-size      : 0.9em;
        text-transform : uppercase;
    }

    #nav ul {
        margin     : 0;
        padding    : 4px 0;
        text-align : center;
    }

    #nav li {
        list-style      : none;
        padding         : 0;
        margin          : 0;
        display         : inline;
    }

    #nav a {
        background      : #922;
        color           : #aaa;
        text-decoration : none;
        padding         : 4px 8px;
        text-align      : center;
        border          : 1px solid #922;
        border-top      : none;
        margin          : 0 3px;
    }

    #nav a:hover {
        color           : #fff;
        text-decoration : underline;
    }

    #nav li.active a {
        color       : #fff;
        background  : #f22;
        font-weight : bold;
    }




    /**
     * Forms
     */

    div.error {
        background : #a00;
        padding    : 5px;
        margin     : 5px 0;
        color      : #fff;
    }

    form .row div.error {
        font-size : 0.8em;
        line-height : 1em;
    }

    form .row { margin : 10px 7px 10px 3px; clear : both; }

    form .row label {
        margin : 3px 0 0 0;
        width       : 160px;
        float       : left;
        display     : block;
        font-weight : normal;
		font-size : 1.1em;
        font-family : Verdana, Arial, Helvetica, sans-serif;
        color      : #000000;
		text-align: right;
    }
    form .row input[type=text] { width : auto; }
    form .row input[type=password] { width : 160px; }


    /* make the login box form fit */
    form .loginbox { margin : 10px 7px 10px 3px; clear : both; }
    form .loginbox input[type=text] { width : 80px; }
    form .loginbox input[type=password] { width : 80px; }
    form .loginbox label {
        margin : 3px 3px 0 0;
        width       : 60px;
        float       : left;
        display     : block;
        font-weight : normal;
        font-size : 0.9em;
        font-family : Verdana, Arial, Helvetica, sans-serif;
        color      : #444444;
        text-align: right;
    }

    form .captcha { margin-left : 150px; }
/*
    form .submit {
        padding : 5px;
        margin-top : 10px;
        background : #eee;
    }

*/
    .smallgraytext
	{
        font-weight : lighter;
        font-size : 0.8em;
        color      : #666666;
	}
    .smallredtext
    {
        font-weight : lighter;
        font-size : 0.8em;
        color      : #FF0000;
    }
    form h2
	{
        color      : #BB0000;
        padding-left: 40px;
	}





    /* for the non-member left column ads  */
    #leftcolumnbuttons {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
    }


    #leftcolumnbuttons li  {
        margin: 0;
		padding: 0;
        border: 0;
		list-style: none;
    }


    /* the "Enter the Forums" button for members */
	#enterforum	{
	  display: block;
	  width: 275px;
	  height: 45px;
	  background: url("/images/forum_entrance_merged.gif") no-repeat 0 0;
	}
	#enterforum:hover {
	  background-position: 0 -45px;
	}
	#enterforum span {
	  display: none;
	}

    /* the "Become a Member" button on non-member home page */
    #becomeamemberbutton {
      display: block;
      width: 168px;
      height: 127px;
/* TODO FIX URLs */
      background: url("../images/indexhome/leftsideimages2.gif") no-repeat 0 0;
    }
    #becomeamemberbutton:hover {
      background-position: -169px 0px;
    }
    #becomeamemberbutton span {
      display: none;
    }

    /* the "Affiliate Program" button on non-member home page */
    #affiliateprogrambutton {
      display: block;
      width: 168px;
      height: 140px;
/* TODO FIX URLs */
      background: url("../images/indexhome/leftsideimages2.gif") no-repeat 0 -127px ;
    }
    #affiliateprogrambutton:hover {
      background-position: -169px -127px;
    }
    #affiliateprogrambutton span {
      display: none;
    }

    /* the "Forums" button on non-member home page */
    #forumspreviewbutton {
      display: block;
      width: 168px;
      height: 127px;
/* TODO FIX URLs */
      background: url("../images/indexhome/leftsideimages2.gif") no-repeat 0 -267px;
    }
    #forumspreviewbutton:hover {
      background-position: -169px -267px;
    }
    #forumspreviewbutton span {
      display: none;
    }



/* for faculty training image lists */
    #contentimagelist li {
    	display: list-item;
    	list-style: none;
        background-repeat: no-repeat;
        background-position: 0 .5em;
    }

    #contentimagelist p {
        margin-left: 120px;
    }

    #contentimagelist img {
        padding: 3px;
        float: left;
        position: relative;
    }




/* home non-member page stylings  */
    .contentindentedmargins
    {
        padding-left: 0.5%;
        padding-right: 0.5%;
    }
    .contentimagefloatleft
    {
	 	padding: 20px;
        float: left;
        position: relative;
    }

	.contentimagefloatleftsmallmargin
    {
	 	padding: 8px;
        float: left;
        position: relative;
    }

	.contentimagefloatleftnomargin
    {
	 	padding: 3px;
        float: left;
        position: relative;
    }

    .contentimagefloatright
    {
        padding: 20px;
        float: right;
        position: relative;
    }

	 .contentimagefloatrightsmallmargin
    {
        padding: 8px;
        float: right;
        position: relative;
    }

    .contentcenter
    {
        text-align: center;
    }
    .contentright
    {
        text-align: right;
    }
    .contentjustify
    {
        text-align: justify;
    }
    .contentsmalltext
	{
        font-size: 0.8em;
	}
    #headerbluefont
	{
		color: #1A3A6F;
	}
    .contentdarkredfont
    {
        color: #990000;
    }
    .contentbrightredfont
    {
        color: #C00000;
    }

	 .contentbrightredfonthead
    {
        color: #C00000;
		font-size: 1.6em;
		text-align: center;
    }


	 .contentbrightdarkbluefont
    {
        color: #330066;
		font-size: 1.4em;
		text-align: center;
    }

	 .contentbrightredfontmid
    {
        color: #C00000;
		font-size: 1.4em;
		text-align: center;
    }
	 .contentbrightredfontreg
    {
        color: #C00000;
		font-size: 1.2em;
		text-align: center;
    }
	.homepagetitle
	{
		color: #CC0000;
		font-size: 1.7em;
		font-weight: bolder;
		text-align: center;
	}
	.contentlargebluecentertext
	{
        font-size: 1.5em;
        color: #3333ff;
        text-align: center;
	}

	.contentlargeorangecentertext
	{
        font-size: 1.5em;
        color: #CC3300;
        text-align: center;
	}
    .contentmediumbluecentertext
    {
        font-size: 1.2em;
        color: #3333ff;
        text-align: center;
    }

	 .contentmediumbluelefttext
    {
        font-size: 1.2em;
        color: #3333ff;
        text-align: left;
    }

	.contentmediumblacklefttext
    {
        font-size: 1.2em;
        color: #000000;
        text-align: left;
    }


	.contenthighlightbackgroundfont
{
    background-color: #FFFF00;
	font-size: 1.3em;
   	color: #000000;
   	text-align: left;
}

	.contentmediumblackcentertext
    {
        font-size: 1.2em;
        color: #000000;
        text-align: center;
    }

	 .contentsmllbluecentertext
    {
        font-size: 1.0em;
        color: #3333ff;
        text-align: center;
    }

	 .contentsmllbluelefttext
    {
        font-size: 1.0em;
        color: #3333ff;
        text-align: left;
    }

	 .contentsmlldarkbluelefttext
    {
        font-size: 1.0em;
        color: #330099;
        text-align: left;
    }

	 .contentsmlldarkbluecentertext
    {
        font-size: 1.0em;
        color: #330099;
        text-align: center;
    }


	 .contentsmlldarkbluerighttext
    {
        font-size: 1.0em;
        color: #330099;
        text-align: right;
    }


	 .contentsmllbluerighttext
    {
        font-size: 1.0em;
        color: #3333ff;
        text-align: right;
    }
    .contentmediumtext
    {
        font-size: 1.3em;
        font-weight: bold;
		padding-top: 2em;
    }
	.contentstandardtext
    {
        font-size: 1.2em;
    }
    .contentblueitalictext
    {
        color: #3333ff;
        font-style: italic;
    }
	.contentgray
	{
		color: #666666;
	}
    .copyrighttext
	{
        font-size : 0.8em;
        color     : #fff;
        font-weight: bold;
        padding-top: 10px;
        padding-right: 10px;
        text-align: right;
	}
    .contentstrongitalics
	{
        font-style: italic;
		font-weight: bold;
	}
    .aboutpicturesection
	{
        padding-left: 1em;
        padding-right: 2em;
        padding-top: 1em;
        padding-bottom: 3em;
		clear: both;
	}
    .aboutpicturesectionquote
    {
        padding-top: 1em;
    }



    .aboutpicturesection  .contentimagefloatleft
    {
        padding: 8px;
        float: left;
        position: relative;
    }



/* newest members stylings */
    .newestmembercontainer
	{
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 3px;
        padding-right: 3px;
        overflow:hidden;
	}
    .newestmembersname
	{
        color: #cc0000;
        font-weight: bold;
        font-size: 0.8em;
	}
    .newestmemberscompany
    {
        font-weight: bold;
        font-size: 0.8em;
		margin-left: 60px;
    }
    .newestmembersjoin
    {
        font-size: 0.8em;
        margin-left: 60px;
    }

    .newestmembercontainer hr { clear: both; text-align: center; margin: 3px 5px 3px 5px; width: 90%; height: 1px; color: #D1D0D0; border: none; } /* For Internet Explorer */
    html>body .newestmembercontainer hr { clear: both; margin: 3px 5px 3px 5px; width: 90%; height: 1px; background-color: #D1D0D0; border: none; } /* For Gecko-based browsers */
    html>body .newestmembercontainer hr { clear: both; margin: 3px 5px 3px 5px; width: 90%; height: 1px; background-color: #D1D0D0; border: 0px solid #D1D0D0; } /* For Opera and Gecko-based browsers */

    .newestmembercontainer img
    {
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
        float: left;
    }




/* member of the month*/
.nametitle {
    font-size: 14px;
    color: #c43a10;
    font-weight: bold;
}



/* site tips - just for fun  area */
    .sitetipscontainer
    {
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 3px;
        padding-right: 3px;
        border: 0;
        margin: 0;
        overflow:hidden;
    }



/* news stylings */
    .newscontainer
    {
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 3px;
        padding-right: 3px;
        border: 0;
		margin: 0;
        overflow:hidden;
    }
    .newsdate
    {
        color: #cc0000;
        font-weight: bold;
        font-size: 0.8em;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 3px;
        padding-right: 3px;
        border: 0;
        margin: 0;
    }
    .newstitle
    {
        font-weight: bold;
        font-size: 0.8em;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 3px;
        padding-right: 3px;
        border: 0;
        margin: 0;
    }
    .newsreadmore
    {
        font-weight: bold;
        font-size: 0.8em;
        text-align: right;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 3px;
        padding-right: 3px;
        border: 0;
        margin: 0;
    }
    .newsmorereleases
    {
        font-weight: bold;
        font-size: 0.8em;
        text-align: left;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 3px;
        padding-right: 3px;
        border: 0;
        margin: 0;
    }

    .newscontainer hr { clear: both; text-align: center; margin: 3px 5px 3px 5px; width: 90%; height: 1px; color: #D1D0D0; border: none; } /* For Internet Explorer */
    html>body .newscontainer hr { clear: both; margin: 3px 5px 3px 5px; width: 90%; height: 1px; background-color: #D1D0D0; border: none; } /* For Gecko-based browsers */
    html>body .newscontainer hr { clear: both; margin: 3px 5px 3px 5px; width: 90%; height: 1px; background-color: #D1D0D0; border: 0px solid #D1D0D0; } /* For Opera and Gecko-based browsers */

    /* for the news releases that appear in the content area  */
    .contentnewsarticledate
	{
        color: #c43a10;
        font-weight: bold;
    }
    .contentnewsarticletitle
	{
        font-weight: bold;
        font-size: 1.2em;
    }
    .contentnewsarticlecontent
	{
        font-size: 0.9em;
    }
    .contentnewsarticlemorelink{
        text-align: right;
    }
    .news_year_nav
	{
        text-align: right;
        font-size: 0.8em;
	}




/* for message area */
    #messagestable{}
    .messagestableempty {
/*    	background-color: #f8f8f8;   */
    	background-color: white;
    }
    .messagestableheader {
        background-color: #f1f1f1;
    }
    .messagetableroweven {
        background-color: #eeeeee;
    }
    .messagetablerowodd {
        background-color: #e1e1e1;
    }
    .messagetablebuttoncol {
        background-color: white;
    }


/* member menu items  */

    .resourcescontainer
	{
        overflow:hidden;
	}



    .resourcescontainer ul
	{
        border: 0;
	    margin: 0;
	    padding: 0px 0px 0px 0px;
	    list-style: none;
        overflow:hidden;
	}

    .resourcescontainer li
    {
        border: 0;
        margin: 0;
        padding: 0;


        background-image: url(/images/contentboxes/navbackground.gif);
        background-repeat: no-repeat;
        background-position: top;
        background-position: left;
    }

    .resourcescontainer li a
	{
        margin: 25px 5px 5px 16px;
	}






  /*  for old main nav menu - to be removed */
 .lefthomepic
 {
    padding: 0px 0px 8px 7px;
    margin: 0;
	border: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.memberloginboxleft {
    background-image: url(/images/memberloginboxleft.gif);
    background-repeat: repeat-y;
    background-position: top;
    background-position: left;
}
.memberloginboxright {
    background-image: url(/images/memberloginboxright.gif);
    background-repeat: repeat-y;
    background-position: top;
    background-position: right;
}
.navbackground {
    background-image: url(/images/navbackground.gif);
    background-repeat: no-repeat;
    background-position: top;
    background-position: left;
}
.pad {
    padding: 5px;
}






/* faculty training index pages image columns */
.imagecolumns ul {
list-style:none; /* No bullets */
overflow:hidden; /* Clear the floats */
}
.imagecolumns li {
float:left; /* Horiz list */
width:220px; /* Room for thm and text */
padding:10px; /* Gap between */
height:240px;
}
.imagecolumns li div {
text-align:center; /* Centre description */
}
.imagecolumns li img {
display:block;
margin:0 auto; /* Centre block image */
width:200px; /* All thms the same size */
height:170px;
}


/* bonus room index pages image columns */
.bonusbuttoncolumns ul {
list-style:none; /* No bullets */
overflow:hidden; /* Clear the floats */
}
.bonusbuttoncolumns li {
float:left; /* Horiz list */
width:220px; /* Room for thm and text */
padding:10px; /* Gap between */
height:90px;
}
.bonusbuttoncolumns li div {
text-align:center; /* Centre description */
}
.bonusbuttoncolumns li img {
display:block;
margin:0 auto; /* Centre block image */
width:200px; /* All thms the same size */
height:80px;
}



/* alliancepartners room index pages image columns */
.imagecolumnsap ul {
list-style:none; /* No bullets */
overflow:hidden; /* Clear the floats */
}
.imagecolumnap li {
float:left; /* Horiz list */
width:280; /* Room for thm and text */
padding:10px; /* Gap between */
height:300;
}
.imagecolumnap li div {
text-align:center; /* Centre description */
}
.imagecolumnap li img {
display:block;
margin:0 auto; /* Centre block image */
width:280; /* All thms the same size */
height:300;
}

/* incentive room index pages image columns */
.imagecolumnsi ul {
list-style:none; /* No bullets */
overflow:hidden; /* Clear the floats */
}
.imagecolumnsi li {
float:left; /* Horiz list */
width:210px; /* Room for thm and text */
padding:10px; /* Gap between */
height:75px;
}
.imagecolumnsi li div {
text-align:center; /* Centre description */
}
.imagecolumnsi li img {
display:block;
margin:0 auto; /* Centre block image */
width:210px; /* All thms the same size */
height:75px;
}

/* main home index pages image columns */
.imagecolumnsmain ul {
list-style:none; /* No bullets */
overflow:hidden; /* Clear the floats */
}
.imagecolumnsmain li {
float:left; /* Horiz list */
width:150px; /* Room for thm and text */
padding:10px; /* Gap between */
height:133px;
}
.imagecolumnsmain li div {
text-align:center; /* Centre description */
}
.imagecolumnsmain li img {
display:block;
margin:0 auto; /* Centre block image */
width:150px; /* All thms the same size */
height:133px;
}





/* buttons */
#editbutton {
  display: inline-block;
  width: 70px;
  height: 26px;
  background: url("/images/buttons/edit-button-off.gif") no-repeat 0 0;
}
#editbutton:hover {
/*  background-position: 0 -45px;  */

  display: inline-block;
  width: 70px;
  height: 26px;
  background: url("/images/buttons/edit-button-on.gif") no-repeat 0 0;
}
#editbutton span {
  display: none;
}

#viewbutton {
  display: inline-block;
  width: 80px;
  height: 26px;
  background: url("/images/buttons/view-button-off.gif") no-repeat 0 0;
}
#viewbutton:hover {
/*  background-position: 0 -45px;  */

  display: inline-block;
  width: 80px;
  height: 26px;
  background: url("/images/buttons/view-button-on.gif") no-repeat 0 0;
}
#viewbutton span {
  display: none;
}

#activatebutton {
  display: inline-block;
  width: 110px;
  height: 26px;
  background: url("/images/buttons/activate-button-off.gif") no-repeat 0 0;
}
#activatebutton:hover {
/*  background-position: 0 -45px;  */

  display: inline-block;
  width: 110px;
  height: 26px;
  background: url("/images/buttons/activate-button-on.gif") no-repeat 0 0;
}
#activatebutton span {
  display: none;
}

#deletebutton {
  display: inline-block;
  width: 94px;
  height: 26px;
  background: url("/images/buttons/delete-button-off.gif") no-repeat 0 0;
}
#deletebutton:hover {
/*  background-position: 0 -45px;  */

  display: inline-block;
  width: 94px;
  height: 26px;
  background: url("/images/buttons/delete-button-on.gif") no-repeat 0 0;
}
#deletebutton span {
  display: none;
}

#removebutton {
  display: inline-block;
  width: 110px;
  height: 26px;
  background: url("/images/buttons/remove-button-off.gif") no-repeat 0 0;
}
#removebutton:hover {
/*  background-position: 0 -45px;  */

  display: inline-block;
  width: 110px;
  height: 26px;
  background: url("/images/buttons/remove-button-on.gif") no-repeat 0 0;
}
#removebutton span {
  display: none;
}



/* for upcoming events box */
.upcomingeventtitle
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
	color: #000066;
}
.upcomingevent
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}
.upcomingeventscontainer
{
    padding-left: 8px;
    padding-right: 8px;
    overflow:hidden;
}

/* begin css tabs */
#tab1 #tab2 #tab3 #tab4 #tab5 {

}

.messagesbox {
    border-left: 2px solid #4A656F;
    border-right: 2px solid #4A656F;
    border-bottom: 2px solid #4A656F;
	padding-left: 5px;
    padding-right: 5px;
    padding-top: 1em;
    padding-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 5px 0em 5px; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 2px solid #000; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 2px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

#tab1 li.tab1, #tab2 li.tab2, #tab3 li.tab3, #tab4 li.tab4, #tab5 li.tab5, #tab6 li.tab6 { /* settings for selected tab */
/*border-bottom: 1px solid #fff; /* set border color to page background color */
/*background-color: #fff; /* set background color to match above border color */
/*border-bottom: 2px solid #F8F8F8; /* set border color to page background color */
/*background-color: #F8F8F8; /* set background color to match above border color */
border-bottom: 2px solid white; /* set border color to page background color */
background-color: white; /* set background color to match above border color */
}

#tab1 li.tab1 a, #tab2 li.tab2 a, #tab3 li.tab3 a, #tab4 li.tab4 a, #tab5 li.tab5 a, #tab6 li.tab6 a { /* settings for selected tab link */
/*background-color: #F8F8F8; /* set selected tab background color as desired */
background-color: white; /* set selected tab background color as desired */
color: #4A656F; /* set selected tab link (text) color as desired */
position: relative;
top: 0px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 2px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 2px solid #000; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #4A656F; /* set unselected tab background color as desired */
/*color: #F8F8F8; /* set unselected tab link (text) color as desired */
color: white; /* set unselected tab link (text) color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
/*background: #F8F8F8; /* set desired hover color */
background: white; /* set desired hover color */
color: #000;
}

/* end css tabs */


/* for bonus room browse/search results */
.bonusstyle1{
    font-family:Arial, Helvetica, sans-serif;
    font-size:25px;
    color: #990000;
    font-weight:bold;
    text-align:center;
    line-height:normal;
}
.bonusstyle2{
    font-family:Arial, Helvetica, sans-serif;
    font-size:20px;
    color: #000000;
    font-weight:bold;
    text-align:center;
    line-height:normal;
}
.bonusstyle3{
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    color: #000000;
    font-weight:bold;
    text-align:center;
    line-height:normal;
}
.bonusstyle4{
    font-family:Arial, Helvetica, sans-serif;
    font-size:18px;
    color: #000000;
    font-weight:bold;
    text-align:left;
    line-height:normal;
}
.bonusstyle5 {
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
}
.bonusstyle6 {
    font-size: 18px;
    font-weight: bold;
    color: #FF0000;
}
.bonusstyle7{
    font-family:Arial, Helvetica, sans-serif;
    font-size:20px;
    color: #0000FF;
    font-weight:bold;
    line-height:normal;
    font-style:italic;
}
.bonusstyle8 {
    color: #0000FF;
    font-weight: bold;
}
.bonusstyle9{
    font-family:Arial, Helvetica, sans-serif;
    font-size:22px;
    color: #000000;
    font-weight:bold;
    text-align:left;
    line-height:normal;
}

.smalltxt {
    font-size: x-small;
    font-weight:bold;
}

}

/* for printing the page, hide the nav, left and right columns */
@media print {

    /**
     * Elements to hide
     */
    #nav, #left, #right { display : none; }
}

/* for the FCKeditor - provide a little spacing around it */
/* .wysiwyg { margin : 10px 0; text-align: center;}  */
.wysiwyg { margin : 10px 0; }