/* ----- Master Style Sheet for Mello Yello ----- */
/* ----- Author: Ableit - 0845 33 12 987  ----- */
/* ----- Year : 2007 ----------------- */
/* ----- CSS Document -----*/

body { text-align: center; min-width: 755px; font-family: 'Arial'; margin: 0; padding: 0; }
#wrapper { margin: 0 auto 0 auto; background: #fff; width: 755px; text-align: left; }
img { border: 0; }

/************** header styles *****************/

#header { width: 755px; height: 165px; margin: 0 auto 0 auto; padding: 0;}
.header-left { width: 175px; float: left; }
.header-right { background: url(images/header/mop-header.jpg) top left no-repeat; width: 575px; height: 165px; float: right;  }
#book { margin: 100px 20px 0 0; float: right; }
.header { top: 0; }

/************** layout styles *****************/

#main { clear: both; width: 100%; margin: 0; padding: 0; color: #000; }
#right { width: 73%; float: right; margin: 0; padding: 0.5%; background: #fff;  }
#left { margin-right: 70%; padding: 0.5%; }
.clear { clear: both; height: 1px; overflow: hidden; margin: 0; }

#navcontainer { width: 150px; }
#navcontainer ul { margin-left: 0; padding-left: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; }
#navcontainer a { background-image: url(images/menu/arrow.gif); background-repeat: no-repeat; background-position: 0 .5em; display: block; padding:9px 0 9px 25px; width: 150px; background-color: #FFAD0C; border-bottom: 1px solid #eee; font-size: 0.7em;  font-weight: bold; }
#navcontainer a:link, #navlist a:visited { color: #fff; text-decoration: none; } 

#content { width: 100%; margin-top: 10px; height: 160px; }
.content { float: left; width: 140px; }
.content-home { float: right; width: 370px; font-size: 0.7em; margin: 15px 0 0 25px; line-height: 1.6em; color: #333; }
.clear {clear:both;}

/************** feature styles *****************/

#feature { width: 100%; margin-top: 20px; height: 265px; }
#feature-1 { width: 174px; height: 250px; background: #e4e4e4; float: left; margin-right: 14px; } 
#feature-2 { width: 174px; height: 250px; background: #e4e4e4; float: left; margin-right: 14px; }
#feature-3 { width: 174px; height: 250px; background: #e4e4e4; float: left; }
.feature { padding: 0; margin: 0; }

/************** form styles *****************/

.form-select { width: 179px; }

/************** content styles *****************/

h3 { font-size: 0.7em; font-weight: normal; padding: 0 10px 0 10px; line-height: 1.6em; }
a.link-1 { text-decoration: none; color: #000; }
a.link-1:hover { text-decoration: underline; }
a.link-2 { text-decoration: none; color: #1B49A1; }
a.link-2:hover { text-decoration: underline; }

/************** footer styles *****************/

#footer { width: 100%; border-top: 1px solid #FFAD0C; height: 25px; text-align: right; }
.footer { font-size: 0.6em; color: #333; padding-top: 5px; }
.footer a { color: #FFAD0C; text-decoration: none; padding-left: 10px; }
.footer a:hover { text-decoration: underline; }

#keywords { display:block; height: 15px; float: right; overflow: hidden; position:absolute; z-index:3; top:740px; bottom:52px; width:760px; background:#fff; color: #999; margin-bottom: 5px; }
.keywords { font-size: 0.7em;  color: #999; font-weight: normal; text-align: right; }