/*=====================================================( GLOBALS )===*/
/*===================================================================*/

BODY, TD.centerColumn, TD.leftColumn, TD.rightColumn, .normal
{
    color: #333;
    font-family: arial, verdana, sans, helvetica, sans-serif;
    font-size: 9pt;
}
BODY
{
    background-color: #fff;
    margin: 1px;
}
#allContainer
{
		min-width: 770px;
		max-width: 1280px;
}
TD.centerColumn
{
		background-image: url(./images/mc_gradient.png);
		background-position: left top;
		background-repeat: repeat-x;
		border-top: 1px solid #fff;
		padding: 12px 20px 2em;
}
TD.leftColumn
{
		background-color: #315c6a;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
}
TD.rightColumn
{
    background-color: #71acc2;
		background-image: url(./images/right_gradient.png);
		background-position: left top;
		background-repeat: repeat-x;
		border-left: 1px solid #fff;
		border-bottom: 1px solid #fff;
}
TD.extraCol
{
		font-size: 1px;
		width: 5px;
}
#navFill
{
		position: absolute;
		top: 0px;
		left: 5px;
}

/*=======================================================( LINKS )===*/
/*===================================================================*/

.normal
{
}
.subtext, .subtextlink, .subtextitalics, .subtextItalics
{
    font-size: 7.5pt;
}
A/*.centerColumn A, .leftColumn A, .rightColumn A, .printView A*/
{
    color: #ca6f04;
    font-weight: bold;
}
A:hover/*.centerColumn A:hover, .leftColumn A:hover, .rightColumn A:hover, .printView A:hover*/
{
    color: #cf9757;
}
.itemLink
{
    font-weight: bold;
}

/*===================================================( HEADLINES )===*/
/*===================================================================*/

.headline1, .headline2, .headline3, .headline4
{
    font-weight: bold;
    font-size: 12pt;
    color: #336666;
}
.headline1
{
    font-size: 18pt;
}
.headline2, .headline3
{
    font-size: 14pt;
    margin-bottom: 0.5em;
}
.headline3
{
}
.headline4
{
    font-size: 10pt;
}
.headlineDisplay A
{
    font-weight: bold;
    color: #333;
}
.headlineDisplay A:hover
{
    color: #336666;
}

/*===========================================( SEARCH HORIZONTAL )===*/
/*===================================================================*/

#searchWrapper
{
		height: 100%; /* IE 6 */
		background-color: #08596a;
		background-image: url(./images/search_gradient.png);
		background-position: left top;
		background-repeat: no-repeat;
		border-bottom: 1px solid white;
		overflow: hidden;
}
.searchbox
{
		float: right;
		margin: 2px 8px;
}
.searchbox *
{
		vertical-align: middle;
}
span.searchbox_header
{
    color: white;
    font-size: 8.5pt;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-right: 5px;
    display: none;
}
input.searchbox_field
{
		width: 160px;
		font-size: 9pt;
}
.searchbox_controls, .searchbox_tips
{
		display: none;
}
A.goButton, A.goButton:hover
{
    border: 1px solid #221e1f;
    padding: 2px 3px 2px 3px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 7pt;
    background-color: #f1cc3b;
		background-image: url(./images/go_gradient.png);
		background-position: left top;
		background-repeat: repeat-x;
    margin-left: 5px;
}
A.goButton:hover
{
		background-color: #d99b1a;
		background-image: none;
}

/*===============================================( HEADER/PHOTOS )===*/
/*===================================================================*/

#headerWrapper
{
		background-color: #aac4ce;
		background-image: url(./images/beach.jpg);
		background-position: right top;
		background-repeat: no-repeat;
		border-top: 1px solid #000;
		position: relative;
		height: 159px;
}
#logo
{
		width: 436px;
		height: 125px;
		position: absolute;
		top: 21px;
		left: 52px;
}
.borderA, .borderB
{
		border: 1px solid #fff;
		border-left: none;
		border-right: none;
		background-color: #486168;
    background-image: url(./images/photos_gradient.png);
		background-repeat: repeat-x;
		background-position: left top;
		padding: 10px;
}
.borderB
{
		border: 1px solid #fff;
		padding: 0px;
}
#vista
{
		height: 128px;
}
.imgA, .imgB, .imgC, .imgD, .imgE
{
		background-repeat: repeat-x;
		background-position: 50% 0%;
		overflow: hidden;
		height: 128px;
		border-right: 1px solid white;
}
.imgB{}
.imgC{}
.imgD{}
.imgE{border-right: none;}

/*==========================================( MAIN COLUMN PIECES )===*/
/*===================================================================*/

.contentbox_center, .sec, .item
{
}
.contentbox_center_header, .sec_title
{
}
.contentbox_center_body, .sec_summary
{
}
.attachments
{
}
.centerColumn A
{

}
.centerColumn A:hover
{

}

/*==========================================( LEFT COLUMN PIECES )===*/
/*===================================================================*/

.contentbox_left, .subnavbox
{
		color: #fff;
}
.contentbox_left_header, .subnavbox_header
{
    font-weight: bold;
    font-size: 10pt;
    background-color: #19353e;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    text-align: left;
    padding: 5px 15px;
}
.contentbox_left_body, .subnavbox_body
{
		padding: 15px;
}
.leftColumn A
{
		color: #fff;
}
.leftColumn A:hover
{
		color: #83abb8;
}

/*=========================================( RIGHT COLUMN PIECES )===*/
/*===================================================================*/

.contentbox_right, .sidebar
{
}
.contentbox_right_header, .sidebar_header
{
    color: #fff;
    font-weight: bold;
    font-size: 10pt;
    background-color: #19353e;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    text-align: center;
    padding: 5px 12px;
}
.contentbox_right_body, .sidebar_body
{
    padding: 15px;
}
.rightColumn A
{
		color: #19353e;
}
.rightColumn A:hover
{
		color: #2a5969;
}

/*===============================================( FOOTER PIECES )===*/
/*===================================================================*/

.footer
{
    font-size: 8pt;
    color: #663300;
    background-color: #f6c938;
		background-image: url(./images/footer_gradient.png);
		background-position: left top;
		background-repeat: repeat-x;
    text-align: right;
    padding: 2em;
}
.footer A{color: #663300;}
.footer A:hover{color: #8f4700;}
DIV.footernav
{
    text-align: center;
    padding-left: 2.5em;
    padding-right: 2.5em;
}
A.footernav, .verticalLogo_text A, #pvFooter A
{
    font-size: 8pt;
    font-weight: normal;
    color: #333;
}
A.footernav:hover, .verticalLogo_text A:hover, #pvFooter A:hover
{
		color: #ca6f04;
}

/*=============================================( MENU NAVIGATION )===*/
/*===================================================================*/

/*===========================================( ADJUSTABLE STYLES )===*/

A.menuItem, A.menuItem_hi, DIV.menu
{
    width: 200px;
}
.menuItemPadder, .menuTitle, .menuTitle_hi
{
    padding: 6px 12px;
}
.menuTitle, .menuTitle_hi
{
    padding: 6px 12px;
}
.subTriangle
{
    top: 6px;
}
A.menuTitle, A.menuTitle_hi, A.menuItem, A.menuItem_hi, .subTriangle
{
    font-size: 9pt;
    font-weight: bold;
}

/*=========================================( PRIMARY NAVIGATION )===*/

A.menuTitle, A.menuTitle:visited, A.menuTitle_hi:visited, A.menuTitle_hi
{
		display: block;
    color: #fff;
    background-color: #315c6a;
    border-top: 1px solid #fff;
    text-decoration: none;
    text-align: left;
    white-space: normal;
    margin-bottom: 2px;
}
A.menuTitle_hi, A.menuTitle:hover, A.menuTitle_hi:hover, A.menuTitle_hi:visited
{
    color: #fff;
    text-decoration: none;
    background-color: #19353e;
}

/*=======================================( SECONDARY NAVIGATION )===*/

#secNavBox .menuTitle, #secNavBox .menuTitle_hi
{
    padding: 6px 22px;
}
#secNavBox A.menuTitle, #secNavBox A.menuTitle_hi
{
    color: #623e02;
    background-color: transparent;
    border-top: none;
    margin-bottom: 0px;
    text-align: center;
}
#secNavBox A.menuTitle:hover, #secNavBox A.menuTitle_hi:hover, #secNavBox A.menuTitle_hi
{
    background-color: #ffdf61;
}
.navLine
{
		font-size: 1px;
		background-color: transparent;
		background-image: url(./images/secnav_line.png);
		background-position: center bottom;
		background-repeat: no-repeat;
}

/*=========================================( SUBSECTION NAVIGATION )===*/

DIV.menu
{
    background-color: #315c6a;
  	border: 1px solid #fff;
}

#secNavBox DIV.menu
{
    background-color: #f89a11;
  	border: 1px solid #fff;
}
A.menuItem, A.menuItem_hi, A.menuItem:visited, A.menuItem_hi:visited
{
    color: #fff;
    text-decoration: none;
}
A.menuItem_hi
{
    background-color: #19353e;
}
A.menuItem:hover, A.menuItem_hi:hover
{
    color: #fff;
    background-color: #19353e;
    text-decoration: none;
}
#secNavBox A.menuItem, #secNavBox A.menuItem_hi, #secNavBox A.menuItem:visited, #secNavBox A.menuItem_hi:visited
{
    color: #623e02;
    text-decoration: none;
}
#secNavBox A.menuItem_hi
{
    background-color: #ffdf61;
}
#secNavBox A.menuItem:hover, #secNavBox A.menuItem_hi:hover
{
    color: #623e02;
    background-color: #ffdf61;
    text-decoration: none;
}

/*===================================( SUBSECTION-ONLY NAVIGATION )===*/

.subnavbox
{
}
.subnavbox_header
{
}
.subnavbox_body
{
		padding: 10px 15px 4px;
}
.subnavDivTag
{
    margin-bottom: 6px;
}
.subnavbox A.subSectionLink, .subnavbox A.subSectionLink_high
{
    font-weight: bold;
    text-decoration: none;
}
.subnavbox A.subSectionLink_high, .subnavbox A.subSectionLink:hover, .subnavbox A.subSectionLink_high:hover
{
}

/*=============================================( REQUIRED STYLES )===*/
/*===================================================================*/

.navVertical A.textButtonLink, .navVertical A.textButtonLink_high { display: block; }
.navHorizontal A.textButtonLink, .navHorizontal A.textButtonLink_high { display: inline; }

#secNavWrapper
{
		background-color: #f5c938;
		background-image: url(./images/secNav_gradient.png);
		background-position: left top;
		background-repeat: repeat-x;
}
.horizNavBox
{
    z-index: 6;
}
.vertNavBox
{
    z-index: 5;
    padding-top: 2px;
    padding-bottom: 1px;
    background-color: #fff;
}
.menuBar
{
    /*width: 100%;*/
    float: right;
}
DIV.menu
{
    z-index: 10;
    position: absolute;
    visibility: hidden;
    top: 0px;
    left: 0px;
}
A.menuTitle, A.menuTitle_hi
{
    display: block;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;
    white-space: nowrap;
}
.vertNavBox A.menuTitle, .vertNavBox A.menuTitle_hi
{
    white-space: normal;
}
A.menuItem, A.menuItem_hi
{
    display: block;
    cursor: pointer;
    text-decoration: none;
}
DIV.menuItemWrapper
{
    /*padding: 5px 1em 5px 7px;*/
    padding-right: 1.2em;
}
.subTriangle, .subTriangle:hover
{
    position: absolute;
    right: 5px;
    color: white;
    text-decoration: none;
}

/*=================================( CSS CLASSES NEW CALENDAR )===*/
/*================================================================*/

.calMonth TABLE
{
    background-color: #11252b;
}
.calMonthName, .calYear
{
    font-size: 150%;
    color: #fff;
    font-weight: bold;
}
.calDayHeading
{
    background-color: #315c6a;
    color: #fff;
    letter-spacing: 0px;
    text-align: center;
}
.calGrayDay
{
    background-color: #fff5cb;
    color: #ad932b;
}
.calToday
{
    font-weight: bold;
    background-color: #c6dce3;
}
.eventTip
{
    border-color: #550;
    background-color: #c6dce3;
}
.calendarTable A
{
		color: #333333;
}
.calendarTable A:hover
{
		color: #000;
}

/*=====================================================( MISC )===*/
/*================================================================*/

#iconWrapper
{
		overflow: hidden;
		/*width: 772px;*/
		width: 100%;
		margin-left: auto;
		margin-right: auto;
}
.icon
{
		float: left;
		margin: 10px;
}
#onlineIcon, #directoryIcon, #agendaIcon
{
		width: 232px;
		height: 81px;
}
#agendaIcon
{
		width: 248px;
}