/* All comments are surrounded by /* */ 
/* Comments can't be placed inside { } brackets  */

/********************************* Styles for specific areas on page *********************************/
/*** This section can be used to apply styles to specific areas of the page                                                      ***/
/*** For example "#leftContent a" and "#leftContent a:hover" (below)                                                          ***/
/*** could be used to apply styles to left column links only                                                                           ***/
/*** (by default they are left empty so they will have the same style as the rest of the page)                         ***/
/*********************************************************************************************/

body { BACKGROUND: #fff url('/images/bg-b.jpg') repeat-y center top; MARGIN: 0px auto; line-height: 1.4em;}

#centerContent{
padding:10px;
}

#topContent{padding:0px;
}

#bottomContent{padding:0px;
}

#leftContent{
display:none;
}

#rightContent{
display:none;
}

/********************************** General page wide styles **********************************/
/*** These styles apply to the whole page, but will we overridden                                                           ***/
/*** in specific areas if the same elements exist for the specific area above                                            ***/
/*****************************************************************************************/

input, select, textarea {font-size: 10pt;}/*text for forms*/

p {margin-top: 0;margin-bottom: 0;}

img {border: none;text-decoration: none;}

a img {text-decoration: none;}

.ripesiteFooterLogo{display:none}

a:hover{
text-decoration:none;
}

.boxBorder {
border: 1px solid #CCCCCC;  /* The 3 properites are: Width Style Color */
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 5px;
}

/******************************** Page background colors ********************************/

.outer {
border-left-color: white; /* left nav color */
border-right-color: white; /* right nav color */
}

/******************************** Page borders ********************************/

.inner {
/*border-left: solid 0px #CCCCCC; /* left nav border */
}

.bottom{
border-top: solid 0px #CCCCCC; /* Footer border */
}

/******************************** Page layout settings ********************************/

.outer, .left {
border-left-width: 0px; /* left column width */
}
.float-wrap {
margin-left: 0px;   /*  _negative_ left column width */
}
.center {
width: 850px;  /* has to be 850px - left column width  */
}

/******************************** Horizontal Nav ********************************/

#navcontainer ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #000;
color: white;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
font-weight:bold;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #ff0000;
color: #000;
}

#navcontainer #active { border-left: 1px solid #fff; }