.subpages {
	text-decoration: none;
}.MenuBarItemIE 
{
	position: static;
}

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		float: left;
		background-color: #FFF;
	}
}

/* Rio Lindo Academy */

/*******************************************************************************

 HORIZONTAL LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0 auto;
    padding: 0;
    font-size: 11px;
    list-style-type: none;
    cursor: default;
    width: auto;
    *width: 618px;


}


/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}

/* Menu item containers, position children relative to this container and are a fixed width */

ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: auto;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 1020;
	cursor: default;
	width: 17em;
	position: absolute;
	left: -1000em;
	font-size: 11px;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 17em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: 0 0 0 100%;

}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
{
	border: none;
}
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	background-color: #5c8727; /* <<<—— Change the background color here. Default #004D29 */
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #aba997;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	padding: 3px 10px;
	color: #FFFFFF; /* <<<—— Change the text color here. Default #FFFFFF  */
background-color: #5c8727; /* <<<—— Change the background color here. Default #004D29 */
	text-decoration: none;
}

/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
	
background-color: #e0ebe4; /* <<<—— Change the background color here. Default b4c9c0 */
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	color:#999999;
	text-decoration:none;
background-color: #e0ebe4; /* <<<—— Change the background color here. Default #b4c9c0 */
}


/* Submenus with no child pages - background  */

ul.MenuBarHorizontal ul a {
	background-image: none;
	font-size: 12px;
	text-transform: none; 
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #b3c7be;
	border-right-color: #b3c7be;
	border-left-color: #b3c7be;
	
}


/*******************************************************************************

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(../../../images/SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(../../../images/SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a \"hover\" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(../../../images/SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a \"hover\" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(../../../images/SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************/

/* Note that these below will be used only IE */
*ul.MenuBarHorizontal ul ul
{
	
position: absolute;
text-align: center;
background-color: #5c8727; /* <<<—— Change the background color here. Default #004D29 */
}
*ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
      background-color: #e0ebe4; /* <<<—— Change the background color here. Default #b4c9c0 */
      color: #FFF
}

*ul.MenuBarHorizontal li a
{
	text-align: left;
background-color: #5c8727; /* <<<—— Change the background color here. Default #004D29 */
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}

/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background-color: #5c8727; /* <<<—— Change the background color here. Default #004D29 */
		position: static;
	}
}

.bodytext-12pt {
	font-family: Arial, Helvetica, sans-serif;
	color : #333333;
	font-size : 12pt;
}

.bodytext-10pt {
	font-family: Arial, Helvetica, sans-serif;
	color : #333333;
	font-size : 10pt;
}

.bodytext-9pt {
    font-family: Arial, Helvetica, sans-serif;
    color : #333333;
    font-size : 9pt; }

.rsscredit {
    font-family: Arial, Helvetica, sans-serif;
    color : #333333;
    font-size : 8pt; }

.rsslinks {
    font-family: Arial, Helvetica, sans-serif;
    color : #666666;
    font-size : 8pt; }

.DigestTitle {
    font-family: Arial, Helvetica, sans-serif;
    color : #666666;
    font-size : 14px;
	line-height : 24px;
    font-weight : bold; }

.FeedTitle {
    font-family: Arial, Helvetica, sans-serif;
    color : #666666;
    font-size : 12px;
	line-height : 13px;
    font-weight : bold; }

a.FeedTitle {
    text-decoration : none; }

a.FeedLink:hover   {
    color : #555555; }

a.FeedLink {
    color : #333333; }

.FeedDescription {
    font-family: Arial, Helvetica, sans-serif;
    color : #333333;
    font-size : 12px;
    text-decoration : none;  }

.FeedLink {
    text-decoration : none;}


.title {
     font-size : 18px;
     color : #666666;
     font-family: Arial, Helvetica, sans-serif;
     font-weight : bold;
     font-style : italic;
     border-style : solid;
     border-color : #3366cc;
     border-bottom-width : 1px;
     border-top-width : 0px;
     border-left-width : 0px;
     border-right-width : 0px; }

.2ndline {
     font-size : 12px;
     font-style : italic;
     font-family: Arial, Helvetica, sans-serif;
     color : #666666; }

.headline {
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 24px;
    font-weight: bold; }

.Subhead-black {
    font-family: Arial, Helvetica, sans-serif;
    color : #000000;
    font-size : 13px;
    font-weight : bold; }
	
.Subhead-18px-Gray {
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 18px;
    font-weight: bold; }
	
.Subhead-16px-Gray {
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 16px;
    font-weight: bold; }
	
.Subhead-14px-italic-Gray {
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    font-style : italic; }
	
.Subhead-18px-Green { 
    font-family: Arial, Helvetica, sans-serif;
    color: #5c8727; /* <<<—— Change the color here. Default #004D29 */
    font-size: 18px;
    font-weight: bold; }
	
.Subhead-16px-Green {
    font-family: Arial, Helvetica, sans-serif;
    color: #5c8727; /* <<<—— Change the color here. Default #004D29 */
    font-size: 16px;
    font-weight: bold; }
	
.Subhead-14px-italic-Green {
    font-family: Arial, Helvetica, sans-serif;
    color: #5c8727; /* <<<—— Change the color here. Default #004D29 */
    font-size: 14px;
    font-weight: bold;
    font-style : italic; }
	
.Subhead-18px-Gold {
    font-family: Arial, Helvetica, sans-serif;
    color: #D19700;
    font-size: 18px;
    font-weight: bold; }
	
.Subhead-16px-Gold {
    font-family: Arial, Helvetica, sans-serif;
    color: #D19700;
    font-size: 16px;
    font-weight: bold; }
	
.Subhead-14px-italic-Gold {
    font-family: Arial, Helvetica, sans-serif;
    color: #D19700;
    font-size: 14px;
    font-weight: bold;
    font-style : italic; }
	
.Subhead-12px-Uppercase-Brown {
	font-family: Arial, Helvetica, sans-serif;
	color: #2F2019;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

.Subhead-12px-Uppercase-Gray {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

.Subhead-12px-Uppercase-Gold {
	font-family: Arial, Helvetica, sans-serif;
	color: #D19700;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

.Subhead-12px-Uppercase-Green {
	font-family: Arial, Helvetica, sans-serif;
	color: #5c8727; /* <<<—— Change the color here. Default #004D29 */
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

.devotionteaser {
    font-family: Arial, Helvetica, sans-serif;
    color : #333333;
    font-size : 12px;
    text-decoration : none;  }

a.devotionteaser {
    text-decoration : none;  }

a.devotionteaser:hover {
    color : #555555;
    text-decoration : none;  }

.address {
    font-family: Arial, Helvetica, sans-serif;
    color : #FFFFFF;
    font-size : 12px; }

.body {
    font-family: Arial, Helvetica, sans-serif;
    color : #333333;
    font-size : 10px; }

.sitename {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #666666;
}

.caption {
    font-family: Arial, Helvetica, sans-serif;
    color : #666666;
    font-size : 10px; }

.pullquote {
    font-family: Arial, Helvetica, sans-serif;
    color : #666666;
    font-size : 14px;
    font-style : italic; }

.credit {
    font-family: Arial, Helvetica, sans-serif;
    color : #666666;
    font-size : 14px;
    font-style : italic; }

.bottom_links {
    font-family: Arial, Helvetica, sans-serif;
    font-size : 8pt; 
    text-align : center; 
    color : #999999; }

a.bottom_links {
    font-family: Arial, Helvetica, sans-serif;
    font-size : 8pt; 
    text-align : center; 
    color : #999999;
	text-decoration : none; }

a.bottom_links:hover {
    font-family: Arial, Helvetica, sans-serif;
    color : #999999;
    text-decoration : underline; }


.footer {
    font-family: Arial, Helvetica, sans-serif;
    font-size : 8pt;
	text-decoration : none;
    color : #999999;
    text-align : center; }

a.footer {
    font-family: Arial, Helvetica, sans-serif;
    color : #999999;
    font-weight : bold;
	text-decoration : none; }

a.footer:hover {
    font-family: Arial, Helvetica, sans-serif;
    color : #999999;
    text-decoration : underline; }

.whatsnew-title { 
    font-family: Arial, Helvetica, sans-serif;
    color : #333889;
    font-size : 12px;
    line-height : 13px;
    font-weight : bold;
    text-decoration : none; }

.whatsnew {
    font-family: Arial, Helvetica, sans-serif;
    color : #333333;
    font-size : 12px;
    text-decoration : none; }

.whatsnew:hover {
    color : #555555; }

.eventsnew-title { 
    font-family: Arial, Helvetica, sans-serif;
    color : #666666;
    font-size : 12px;
    line-height : 13px;
    font-weight : bold;
    text-decoration : none; }

.eventsnew {
    font-family: Arial, Helvetica, sans-serif;
    color : #666666;
    font-size : 12px;
    text-decoration : none; }

.eventsnew:hover {
    color : #555555; }

.subpages-description {
    font-family: Arial, Helvetica, sans-serif;
    color : #333333;
    font-size : 12px;
    text-decoration : none; }

.subpages-description:hover {
    color : #555555; }

.navlinks {
	color : #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a.navlinks {
	color : #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
    padding: 10px; }

a.navlinks:hover {
	color: #FFFFFF;
	text-decoration: underline; }

.navcell2 {
	color: #999999;
}

.navlinks2 {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
    text-decoration: none; }

a.navlinks2 {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    padding: 0px; }

a.navlinks2:hover {
	color: #999999;
	text-decoration: underline; }

.vertical-links {
    color: #666666;
	font-weight : bold;
	text-decoration : none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
    line-height : 18px;
	max-height : 40px; }

.vertical-links:hover {
    color: #555555; }

a   {
    font-family: Arial, Helvetica, sans-serif;
    color : #5c8727; /* <<<—— Change the color here. Default #D19700 */
    text-decoration: none; }

a:hover { 
	color: #5c8727; /* <<<—— Change the color here. Default #D19700 */
	text-decoration: underline;
	}

.printlink {
    font-family: Arial, Helvetica, sans-serif;
    color: #999999;
    font-size : 8pt; }

a.printlink {
    font-family: Arial, Helvetica, sans-serif;
    color: #999999;
    font-size : 8pt; }

a.printlink:hover {
    font-family: Arial, Helvetica, sans-serif;
    color: #cccccc;
    font-size : 8pt; }

.system {
	color : #666666;
    font-size : 10pt;
   	font-family: Arial, Helvetica, sans-serif; }

.syssmall {
	font-size : 8pt;
   	font-family: Arial, Helvetica, sans-serif;
   	color : #666666; }

.bodysmall {
	font-size : 8pt;
        color : #666666;
   	font-family: Arial, Helvetica, sans-serif; }

.bodysmallgrey {
	font-size: 8pt;
   	font-family: Arial, Helvetica, sans-serif;
   	color: #999999; }

table { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt; }
	
.GalleryPopupTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size : 11pt;
    font-weight: bold; 
    color : #555555; }

.GalleryPopupDescription {
    font-family: Arial, Helvetica, sans-serif;
    font-size : 10pt;
	color : #555555; }

.GalleryPopupDetails {
    font-family: Arial, Helvetica, sans-serif;
    font-size : 10pt;
	color : #555555; }

.GalleryExplainText {
    font-family: Arial, Helvetica, sans-serif;
    font-size : 10pt;
	color : #555555; }

.GalleryThumbnailTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size : 10pt;
    font-weight: bold;
	color : #555555; }

.GalleryThumbnailDescription {
    font-family: Arial, Helvetica, sans-serif;
    font-size : 10pt;
	color : #555555; }

.GalleryHeadline {
    font-family: Arial, Helvetica, sans-serif;
    font-size : 18px;
	font-weight: bold;
	color : #666666; }

.GalleryIntro {
   font-family: Arial, Helvetica, sans-serif;
    font-size : 10pt;
	color : #666666; }

.GalleryEditorLink {
    font-family: Arial, Helvetica, sans-serif;
    font-size : 10pt;
	color : #666666; }

.GalleryNavigation {
    font-family: Arial, Helvetica, sans-serif;
    font-size : 20pt;
	color : #666666; }

.GalleryTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size : 10pt;
    font-weight: bold;
	color : #666666; }

.GalleryDescription {
    font-family: Arial, Helvetica, sans-serif;
    font-size : 10pt;
	color : #555555; }

.GalleryNoPhotos {
    font-family: Arial, Helvetica, sans-serif;
    font-size : 10pt;
	color : #666666; }

.GalleryInactive {
    font-family: Arial, Helvetica, sans-serif;
    font-size : 10pt;
	color : #666666; }	

a.forum:link {
        color : #666666;
        text-decoration : underline;
        font-size: 10pt; }

a.forum:visited {
        color : #666666;
        text-decoration : underline;
        font-size: 10pt; }

a.forum:hover {
        color : #666666;
        text-decoration : none;
        font-size: 10pt; }

a.forum:active {
        text-decoration : underline;
        color : #0a5593;
        font-size: 10pt; }

.forum_title {
    font-family: Arial, Helvetica, sans-serif;
    color: #273872;
    font-size: 18px;
    font-weight: bold; }

.forum_intro {
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size: 11pt; }

.forum_table {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt; }

.forum_td {
     font-family: Arial, Helvetica, sans-serif;
     color:#666666;
     background-color:#ffffff; }

.flat {
     background-color:#CCCCCC; }

.table_header {
     background-color:#273872;
     color:#ffffff; 
	 font-family: Arial, Helvetica, sans-serif;
     font-size: 10pt; }

.latest_post {
     font-family: Arial, Helvetica, sans-serif;
     font-size:8pt;
     color:#666666; }

.latest_post_link {
      background-color:#ff9966;
      color:#333333;
      font-size:9pt;
      font-family:arial;
      border: solid 1px #666666;
      text-decoration:none; }

.new {
      font-family: Arial, Helvetica, sans-serif;
      font-size:7pt;
      color:#ff0000;
      font-weight:bold; }

.notnew {
      font-family:verdana;
      font-size:7pt;
      color:#555555; }

.message {
      border-bottom:solid 1px #666666;
      background-color:#CCCCCC;
      font-size : 10pt }

.highlight {
      background-color:#CCCCCC; }

.quote {
      padding:5px;
      border:solid 1px #666666;
      background-color:#e6e6e6;
      color:#666666; }

.pollquestion{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
}

/* CUSTOM CSS */

body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-image: url(../../../site/1/template/RioLindo_MtnBckgd.png);
	background-repeat: repeat-x;
	background-position: center top;
}

/* Top shadow */

#topShadow {
	height: 15px;
	width: 872px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 4px;
	margin-bottom: 0px;
	background-image: url(../../../site/1/template/RioLindo_topShadow.png);
	background-position: center top;
	background-repeat: no-repeat;
}

/* Center shadow */

#centerShadow {
	background-image: url(../../../site/1/template/RioLindo_centerShadow.png);
	background-repeat: repeat-y;
	background-position: center top;
	width: 872px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* Bottom shadow */

#bottomShadow {
	height: 41px;
	width: 872px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../../../site/1/template/RioLindo_bottomShadow2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;
}


/* Clear */

.clear {
  clear: both;
}

/* Main wrapper */

#wrapper {
	background-color: #FFFFFF;
	width: 850px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* Header */

#header {
	height: 68px;
	width: 850px;
	overflow: hidden;
	position: relative;
	background-color: #FFFFFF;
}

/* Logo */

#logo {
	background-image: url(../../../site/1/template/RioLindo_logo.jpg);
	background-repeat: no-repeat;
	height: 60px;
	width: 147px;
	position: absolute;
	left: 8px;
	top: 0px;
}


#logo a {
	background-image: url(../../../site/1/template/RioLindo_logo.jpg);
	background-repeat: no-repeat;
	height: 60px;
	width: 147px;
	text-indent: -99999px;
	display: block;
	overflow: hidden;
}

/* Top header links - Staff Gmail, Staff RenWeb, Facebook */

#topHeaderLinksWrapper {
	height: 25px;
	width: 76px;
	position: absolute;
	top: 27px;
	right: 230px;
	margin: 0px;
	border: 0px;
	padding: 0px;
}

#topHeaderLinks {
	height: 25px;
	width: 76px;
	position: relative;
	margin: 0px;
	border: 0px;
	padding: 0px;
}

#staffGmail {
	height: 16px;
	width: 16px;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	border: 0px;
	padding: 0px;
}

#staffRenweb {
	height: 16px;
	width: 16px;
	position: absolute;
	top: 0px;
	left: 30px;
	margin: 0px;
	border: 0px;
	padding: 0px;
}

#facebook {
	height: 16px;
	width: 16px;
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0px;
	border: 0px;
	padding: 0px;
}

#topHeaderLinksWrapper-WA {
  height: 25px;
  width: 105px;
  position: absolute;
  top: 27px;
  right: 230px;
  margin: 0px;
  border: 0px;
  padding: 0px;
}

#topHeaderLinks-WA {
  height: 25px;
  width: 105px;
  position: relative;
  margin: 0px;
  border: 0px;
  padding: 0px;
}

#staffGmail-WA {
  height: 16px;
  width: 16px;
  position: absolute;
  top: 0px;
  left: 30px;
  margin: 0px;
  border: 0px;
  padding: 0px;
}

#staffRenweb-WA {
  height: 16px;
  width: 16px;
  position: absolute;
  top: 0px;
  left: 60px;
  margin: 0px;
  border: 0px;
  padding: 0px;
}

#csiForm {
  height: 16px;
  width: 16px;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: 0px;
  border: 0px;
  padding: 0px;
}

.fb-like {
  float:right;
}

/* Search */

#search {
	text-align: left;
	height: 22px;
	width: 179px;
	position: absolute;
	top: 21px;
	right: 20px;
	margin: 0;
	padding: 0;
	border: 0;	
}

.search_field {
	text-align: left;
	width: 114px;
	border: 1px solid #DADADA;
	color: #999999;
	margin: 0 9px 0 0;
	height: 14px;
	padding: 3px;
}

/* Main top nav */

#mainNav {
	background-color: #5c8727; /* <<<—— Change the background color here. Default #004D29 */
	text-align: center;
	margin: 0px;
	padding: 3px 0 3px 0;
	width: 850px;
	text-transform: uppercase; 
}

.navcell {
	color : #5c8727; /* <<<—— Change the color here. Default #004D29 */
} 

#mainNavContainter {
	background-color: #5c8727; /* <<<—— Change the background color here. Default #004D29 */
	text-align: center;
	margin: 0px;
	padding: 3px 0 3px 0;
	width: 850px;
	text-transform: uppercase; 
}

#mainNav2 {
	background-color: #5c8727; /* <<<—— Change the background color here. Default #004D29 */
	text-align: center;
        padding: 0px;
	margin: 0 auto;
	display: table;
}

/* Main home image/ Article 1 main image and text at top */

#mainHomeImage, #mainArticle1ImageText, #mainArticle2Image {
	height: 275px;
	width: 850px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	overflow: hidden;
}

/* Article 1 main image at top */

#mainArticle1Image {
	height: 275px;
	width: 560px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	float: left;
	overflow: hidden;
}

/* Article 1 main image at top for carousel */

#mainArticle1Carousel {
  height: 275px;
  width: 850px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  float: left;
  overflow: hidden;
}

/* Article 1 main text at top */

#mainArticle1TextWrapper {
	height: 255px;
	*height: 275px;
	width: 270px;
	*width: 290px;
	margin: 0px;
	padding: 10px;
	border: 0px;
	float: left;
	background-color: #FFFFFF; /* <<<—— Change the background color here. Default #FFFFFF */
	background-image: url(../../../site/1/template/RioLindo_Article1TextBckgd.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

#mainArticle1Text {
	height: 255px;
	width: 270px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: left;
	overflow: auto;
}

/* Main home tagline */

#mainHomeTagline {
	background-color: #e0ebe4; /* <<<—— Change the background color here. Default #E0DCC5 */
	text-align: center;
	margin: 0px;
	padding: 4px 0 4px 0;
	width: 850px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	color: #2F2019;
}

/* Main colored bar in between pic and content or below main nav */

#mainColoredBar {
	background-color: #FFFFFF; /* <<<—— Change the background color here. Default #ABA997 */
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 10px;
	width: 850px;
}

/* Main home content wrapper */

#mainHomeContentWrapper {
	width: 830px;
	*width: 850px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #FFFFFF; /* <<<—— Change the background color here. Default #E4E0CC */
	/*background-image: url(../../../site/1/template/RioLindo_homeContentBckgd.jpg);
	background-repeat: repeat-x;
	background-position: center top;*/
	text-align: left;	
}


/* Main home content */

#mainHomeContent {
	width: 830px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

/* Main home content left column for 2 column layout */

#mainHomeContentLeftCol2Col {
	width: 545px;
	*width: 550px;
	margin: 0px;
	padding: 0 5px 0 0;
	text-align: left;
	vertical-align: top;
}

/* Main home content left column, middle column and right column (2 column too) for 3 column layout */

#mainHomeContentLeftCol3Col {
	width: 265px;
	*width: 270px;
	margin: 0px;
	padding: 0 5px 0 0;
	text-align: left;
	vertical-align: top;
}

#mainHomeContentMiddleCol3Col {
	width: 260px;
	*width: 270px;
	margin: 0px;
	padding: 0 5px 0 5px;
	text-align: left;
	vertical-align: top;
}

#mainHomeContentRightCol {
	width: 265px;
	*width: 270px;
	margin: 0px;
	padding: 0 0 0 5px;
	text-align: left;
	vertical-align: top;
}

/* Main home content column background */

#mainHomeContentColBckgd {
	width: 10px;
	margin: 0px;
	padding: 0px;
	background-image: url(../../../site/1/template/RioLindo_mainHomeContentColBcgkd.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

/* Main content wrapper */

#mainContentWrapper {
	width: 850px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #FFFFFF;
	text-align: left;
	overflow: hidden;
}

/* Main content left column */

#mainContentLeftCol {
	width: 170px;
	*width: 190px;
	margin: 0px;
	padding: 10px;
	border: 0px;
	background-color: #e0ebe4; /* <<<—— Change the background color here. Default #F0EEE9 */
	text-align: left;
	background-image: url(../../../site/1/template/RioLindo_ArticleLeftColBckgd2.png);
	background-repeat: repeat-x;
	background-position: top;
	vertical-align: top;
}

/* Main content 2 column layout */

#mainContent2Col {
	width: 640px;
	*width: 660px;
	margin: 0px;
	padding: 10px;
	border: 0px;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
}

/* Main content 3 column layout */

#mainContentMiddle3Col {
	width: 450px;
	*width: 460px;
	margin: 0px;
	padding: 10px 0px 10px 10px;
	border: 0px;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
}

#mainContentMiddle3ColColumn {
	width: 20px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #FFFFFF;
	background-image: url(../../../site/1/template/RioLindo_ArticleMiddleColBckgd.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

#mainContentRight3Col {
	width: 170px;
	*width: 180px;
	margin: 0px;
	padding: 10px 10px 10px 0;
	border: 0px;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
}

/* Sub articles and Sibling articles nav */ 

.childpages, .siblingpages {
	width: 160;
	padding: 10px 0 10px 0;
	border: 0px;
	margin: 0px;
	float: left;
} 

.childpages ul, .siblingpages ul {
	padding: 0px;
	border: 0px;
	margin: 0px;
} 

.childpages li, .siblingpages li {
	display: block;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px;
	border: 0px;
	margin: 0px;
} 

.childpages li a, .siblingpages li a {
	display: block;
	float: left;
	clear: left;
	font-weight: bold;
	color: #666666;
	padding: 3px 0 2px 10px;
	text-decoration: none;
	background-image: url(../../../site/1/template/RioLindo_subarticlesArrow.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.childpages li a:hover, .siblingpages li a:hover {
	background-image: url(../../../site/1/template/RioLindo_subarticlesArrowCurrent2.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: underline;
	color: #666666;
}

li.childpages_current a, li.siblingpages_current a {
	background-image: url(../../../site/1/template/RioLindo_subarticlesArrowCurrent2.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/* Sub articles subhead link */

.subarticlesSubhead {
	color: #80a1b6;	
	font-size: 11pt;
}

a.subarticlesSubhead {
	color: #80a1b6;
	text-decoration: none;
	font-size: 11pt;
}

a.subarticlesSubhead:hover {
	color: #80a1b6;
	text-decoration: underline;
	font-size: 11pt; }


/* Main admin content */

#mainAdminContent {
	width: 830px;
	*width: 850px;
	margin: 0px;
	padding: 10px;
	background-color: #FFFFFF;
	text-align: left;	
}

/* Bottom information: Name, address, phone number */

#bottomInfoWrapper {
	height: 30px;
	width: 850px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: absolute;
	top: 0px;
	left: 11px;
	z-index: 1;	
}

#bottomInfo {
	background-color: #80a1b6; /* <<<—— Change the background color here. Default #2F2019 */
	text-align: center;
	height: 22px;
	*height: 30px;
	width: 850px;
	padding-top: 8px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;	
}


/* Admin links */

#footerLinks {
	text-align: center;
	width: 850px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}

/* Misc */

.picture { 
	background-color: #e0ebe4; /* <<<—— Change the background color here. Default #eeede8 */
	/*border: 1px solid #333333; */
	padding: 3px;
	font: 11px/1.4em Arial, sans-serif; 
}

.picture img { 
	/*border: 1px solid #CCCCCC;*/
	vertical-align:middle; 
	margin: 7px 6px 3px 6px;
}

.right { 
	margin: 0.5em 0pt 0.5em 0.8em; 
	float:right; 
}

.left { 
	margin: 0.5em 0.8em 0.5em 0; 
	float:left; 
}
 
li {
        margin: 8pt 0;
}

img {
     border-color:#e0ebe4
}

#wpadminbar { display: none; }

/* CSS for faculty staff page */

div.float {
  float: left;
  margin:10px 10px;
  width:180px;
  }
  
div.float p {
   text-align: left;
   }

/* CSS for calendar token */

#calendarlisttoken_wrapper div.calendar_event .event_description {
	display:none;
}
#calendarlisttoken_wrapper div.calendar_event img.event_thumb{
      width:40px;
      border-width:0px;
}
.cal-token-link {
     font-size: 12px;
     font-weight: bold;
}
.cal-token-link a:link {
     font-size: 13px;
     font-weight: bold;
}
.cal-token-link img {
     padding: 0 10px 0 0;
}