BODY { text-align:center; font-family: Arial, helvetica, verdana, sans-serif; font-size: 100%; margin: 0; padding: 0; background: #221e0d url( /images/raft/global-bkg.jpg) no-repeat top center fixed; }
#SiteWrapper { text-align: left;  width: 898px; margin: 20px auto;  border: none; }

A { color: #524426; text-decoration: none; }
A:VISITED { outline: none; }
A:HOVER { color: #000; outline: none; }

/* Navigation Styles
-------------------------------- */
#Navigation LI { display: inline; list-style: none; float: left; }
#Navigation LI A { display: block; visibility: visible; }
#Navigation LI A:HOVER IMG { visibility: hidden;}
#Navigation LI.Selected A:HOVER IMG { visibility: hidden;}
#Navigation LI IMG { border: none; }

#Navigation LI.btnRaft A        { background: url( /images/raft/nav-btn_over_what_is_raft.gif) no-repeat left top; }
#Navigation LI.btnInitiatives A { background: url( /images/raft/nav-btn_over_initiatives.gif) no-repeat left top; }
#Navigation LI.btnResources A   { background: url( /images/raft/nav-btn_over_resources.gif) no-repeat left top; }
#Navigation LI.btnEvents A      { background: url( /images/raft/nav-btn_over_events.gif) no-repeat left top; }
#Navigation LI.btnNews A        { background: url( /images/raft/nav-btn_over_news.gif) no-repeat left top; }
#Navigation LI.btnAction A      { background: url( /images/raft/nav-btn_over_take_action.gif) no-repeat left top; }
#Navigation LI.btnContact A     { background: url( /images/raft/nav-btn_over_contact_us.gif) no-repeat left top; }

#Intro { background: #c54d01 url( /images/raft/intro-bkg.gif) repeat-y right; border-left: 1px solid #FFF; border-right: 1px solid #FFF;  display: block; clear: both; margin: 0; padding: 0;  }
#Intro .Title { float: left; width: 631px; }
#Intro .SearchBox { float: left; width: 220px; padding: 15px 15px 0 15px; }
#Intro .SearchBox TABLE { width: 200px; margin: 3px 0 0 0; border: 1px solid #FFF; }
#Intro .SearchBox LABEL { color: #43423f; font-size: 80%; } 
#Intro .SearchBox INPUT { margin: 0; float: left; padding: 5px;   }
#Intro .SearchBox INPUT.UserInput { padding: 4px 5px 4px 5px; width: 185px; border: none; }
#Intro .SearchBox INPUT.Button { border: none; padding: 3px 5px 4px 5px; background-color: #9d9a93; font-weight: bold; color: #FFF; }

.Left { float: left; }
.Right { float: right; }
.Content { padding: 15px; }
.Item P { font-size: 75%; line-height: 1.25em; }

H3 { margin: 0; padding: 0; font-size: 150%; font-weight: bold; }
H5 { font-size: 100%; }
P { line-height: 1.5em; font-size: 90%; }

/* Columns 
-------------------------------- */
#Columns { width: 896px; float: left; background: url( /images/raft/global-column_bkg.png); display: block; clear: both; margin: 0; padding: 0; border-left: 1px solid #FFF; border-top: 1px solid #FFF;  border-right: 1px solid #FFF; border-bottom: 1px solid #FFF;}
#Column1 { width: 631px; float: left; background-color: #eeeeed; }
#Column2 { width: 263px; float: right; }


#Home .Item .Content { padding: 10px; height: 110px; overflow: hidden;  }
#Home .Item .Content P { font-size: 70%; }
#Home #CatMenu .Item { width: 157px; background: #d1d1d0; float: left; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; }
#Home #CatMenu .Item.Last { border-right: none; }
#Home #Column1 H2 { font-size: 120%; font-weight: bold; letter-spacing: .1em; color: #FFF; display: block; clear: both; padding: 7px 15px; background-color: #c9c5bc; }
#Home #BlogPosts { width: 631px; display: block; float: left; background-color: none; }
#Home #BlogPosts .Item { padding: 10px 0; margin: 0 10px; float: left; width: 190px;  }
#Home #BlogPosts H4,
#Home #BlogPosts H5 { padding: 10px 0 10px 0; font-weight: bold; font-size: 90%; height: 45px; line-height: 1.15em;  }
#Home #BlogPosts DL { font-size: 75%; }
#Home #BlogPosts DT { font-weight: bold; padding-top: 10px; border-top: 1px dotted #999; }
#Home #BlogPosts DD { font-size: 90%; color: #999; padding: 0 0 10px 0; }

#Promos { border-top: 1px solid #FFF; clear: both; display: block; background: #e4e4e3; float: left; width: 896px; }
#Promos .Promo { margin: 15px 10px 15px 15px; width: 273px;  float: left; } 
#Promos .Promo IMG { float: left; border: 3px solid #ccc9c4; }
#Promos .Promo .Item { float: left; padding: 0 0 0 10px; width: 144px;}
#Promos .Promo .Item P { line-height: 1.5em; }

#Footer { padding: 10px 0; margin: 10px 0; display: block; clear: both; }
#Footer LI { display: inline; list-style: none; padding-right: 10px;  }
#Footer LI A { color: #FFF; text-decoration: none; font-size: 90%; font-weight: bold; }
#Footer LI A:HOVER { color: #999; }
#Footer P { color: #FFF; font-size: 80%; }