/********************
*
* Colors to replace-all
* #f77 (title 2) #f63
* #fff
* #567 (text color)
* #eee (background)
* #36a (link)
* #f77 (hover) #f63
* #090 (msg)
* #900 (err)
* #efefef (input group table)
*/

BODY
{
    background: #fff;
    font-family: "Garamond, Arial, Verdana";
    font-size: 12pt;
    color: #567;
    padding:0px;
    margin:0px;
    text-align: center;
}

.pageWrapper
{
        text-align: center;
        align: center;
        border: 0px solid #f00;
        margin: 0 auto;
	width:800px;
}

.pageHeader
{
    margin: 0 auto;
    padding-left:10px;
    padding-right:10px;
    width:800px;
    background: url('../images/cornerImage3.jpg') 4% 100% no-repeat;
}

.bodyWrapper
{
    margin: 0 auto;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    width:800px;
    text-align:left;
    
}


DIV, TABLE, FORM, INPUT, SELECT, .bodyText
{
    font-family: "Garamond";
    font-size: 12pt;
    color: #567;
}


TD
{
    vertical-align: top;
}
FORM
{
    display:inline;
}

DIV, TABLE
{
    text-align:left;
}


a:link, a:visited{
    color:#36a;
    font-family: "Garamond";
    font-size: 11pt;
    font-weight: bold;
    text-decoration: none;
}
    
a:active{
    color:#36a;
    font-family: "Garamond";
    font-size: 11pt;
    font-weight: bold;
    text-decoration: none;
}
a:hover{
    color:#f77; 
    font-family: "Garamond";
    font-size: 11pt;
    font-weight: bold;
    text-decoration: none;
}


.commonBackground
{
}



.questionsBack
{
    background: url('../images/blueQuestionMark.jpg') top left no-repeat;
}
.groupsBack
{
    background: url('../images/bluePuzzle.jpg') top left no-repeat;
}


.errorText
{
    color: #f63;
    font-weight: bold;
    border: 1px solid #f63;
    background: #fed;
    padding:3px;
}
.messageText
{
    color: #7c7;
    font-weight: bold;
    border: 1px solid #7c7;
    background: #efe;
    padding:3px;
}

.requiredMarker
{
    font-family: "arial";
    font-weight: bold;
    font-size: 7pt;
    text-decoration: none;
    vertical-align: super;
    letter-spacing: 0.0em;
    color: #a00;
}

.title1
{
    font-family: "Garamond";
    font-weight: normal;
    font-size: 25pt;
    letter-spacing: 0.3em;
    color: #336;
}



.title2
{
    font-family: "Garamond";
    font-weight: normal;
    font-size: 17pt;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #777;
}

.title3
{
    font-family: "Garamond";
    font-weight: bold;
    font-size: 13pt;
    text-decoration: none;
    letter-spacing: 0.0em;
    color: #f77;
}

.title4
{
    font-family: "Garamond";
    font-weight: bold;
    font-size: 12pt;
    text-decoration: none;
    letter-spacing: 0.0em;
    color: #aaa;
}

.titleRow
{
    font-family: "arial";
    font-weight: bold;
    font-size: 9pt;
    text-decoration: none;
    letter-spacing: 0.0em;
    color: #fff;
    background-color: #68c;
}

.titleRow2
{
    font-family: "arial";
    font-weight: normal;
    font-size: 9pt;
    text-decoration: none;
    letter-spacing: 0.0em;
    color: #777;
    background-color: #eeeeff;
}


.smallPrint, .smallPrint a:link, .smallPrint a:visited, .smallPrint a:active, .smallPrint a:hover
{
    font-size: 10pt;
}

.inline
{
    display:inline;
}
.center
{
    text-align:center;
}
.left
{
    text-align:left;
}


.inputGroupTable
{
    background-color: #efefef;
    border: 2px solid #36a;

}



/* ********************* W H I T E B O A R D ************************ */
.whiteBoard
{
    font-family: "Garamond, Arial, Verdana";
    font-size: 11pt;
    border: 1px solid #fff;
    padding: 3px;
    border-spacing: 30px;
    background: #efefef;
    vertical-align: top;
}

.wallEntryTitle
{
    font-weight: normal;
    font-size: 11pt;
    color: #006;
    background: #efefef;
    padding:2px;
}

.wallEntry
{
    font-size: 11pt;
    padding:10px;
    margin-bottom: 10px;
}

.wallPostArea
{
    font-size: 11pt;
    text-align:left;
    font-weight: normal;
    color: #333;
    background-color: #f7f7f7;
    padding:2px;
}
.wallPostArea TEXTAREA
{
    font-size: 11pt;
    border: 1px solid #aaa;
    margin:3px;
}
.wallPostArea HR
{
    border: 1px solid #aaa;
    margin:3px;
    width:50%
}













.op-2
{
    filter:alpha(opacity=40);
    -moz-opacity:.40;
    opacity:.40;
}


/* ********************* B O X E S ************************ */
.box1 .top
{ 
    background: #fff url('../images/box1.gif') top left no-repeat;
    border-right: 5px solid #eee;
    margin: 0 0;
    padding-left: 10px;
    padding-top:  10px;
}
.box1 .bottom
{ 
    background: #fff url('../images/box1.gif')  bottom right no-repeat; 
    border-left: 5px solid #eee;
    margin: 0 0;
    padding: 10px;
}

/* ********************* M E N U ************************** */
.menu
{
    border: 0px solid #f00;
    /*background:#eee url('images/menuBack.jpg') top left repeat-x;*/
    overflow: show;
    text-align:left;
    
    width:800px;
    height:20px;
    
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:0px;
    
    margin:0 auto;
}

.menuItem
{
    text-align: center;
    background:#eee url('images/menuBack.jpg') top left repeat-x;
    border-top: 1px solid #ddd;
    border-left: 1px solid #fff;
    border-right: 1px solid #ddd;
    display: inline;
    
    margin:0;
    
    padding-left:10px;
    padding-right:10px;
    padding-bottom:2px;
    padding-top:2px;
    width:1%;
    height:100%;
}

.menuSelected
{
    text-align: center;
    background:#fff;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    display: inline;

    margin:0;
    
    padding-left:10px;
    padding-right:10px;
    padding-bottom:2px;
    width:1%;
    height:100%;
}

.menuItem a:link,.menuItem a:visited
{
    color:#88a;
    font-family: "Arial";
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 0.0em;
    margin:0;
}
.menuItem a:active{}
.menuItem a:hover, .menuSelected a:link, .menuSelected a:visited, .menuSelected a:hover
{
    color:#f77;
    font-family: "Arial";
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 0.0em;
    margin:0;
}