/* Oasis by Design Styles --by Kaoru Kawasaki-- */

body {
 background: #fff url(../i/bg_bar.png) top left repeat-x;
 border: 0;
 color: #333;
 font: 12px Verdana, Arial, Helvetica, Sans-serif;
 margin: 0;
 padding: 0;
}

#wrapper {
 width: 800px;
 margin: 0 auto;
 padding: 0;
 background: #d0cd91;
 border-left: 4px solid #fff;
 border-right: 4px solid #fff;
 position: relative;
 clear: both;
}


/* Header ---------------------------------------------------------------*/
#header {
 height: 80px;
}

.logo {
 width: 201px;
 height: 41px;
 border: 0;
 margin: 20px 0 0 15px;
}


/* Main image -----------------------------------------------------------*/
#main-image250 {
 height: 250px;
 background: transparent url(../i/main_img_bg.gif) top left repeat-y;
 border-top: 2px solid #fff;
 border-bottom: 2px solid #fff;
 position: relative;
}

#main-image250-twork {
 height: 250px;
 background-color: #bdb48e;
 border-top: 2px solid #fff;
 border-bottom: 2px solid #fff;
}


/* Contents -------------------------------------------------------------*/
#content-wrapper {
 width: 800px;
 float: left;
 margin: 0;
 padding: 0;
 background-color: #d0cd91;
}

#cont-left-wrapper {
 width: 177px;
 float: left;
 margin: 0;
 padding: 0;
 background: #d0cd91;
}

#cont-right-wrapper {
 width: 623px;
 float: right;
 margin: 0;
 padding: 0;
 background: #d0cd91;
}

#cont-right {
 width: 519px;
 margin: 27px 0 40px 0;
 padding: 37px 45px 25px 45px;
 background: #fdfdfb;
 border: 7px solid #ecebd3;
 float: right;
}

#cont-right-bottom {
 width: 519px;
 margin: 0 0 40px 0;
 padding: 37px 45px 25px 45px;
 background: #fdf9f7;
 border: 7px solid #ebc2ad;
 float: right;
}

h2.header {
 font: 16px Georgia, "Times New Roman", Times, serif;
 color: #990;
 font-style: italic;
 margin: 0;
 padding: 0;
}

#cont-right p.main-text {
 font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
 color: #664c4c;
 margin: 30px 0 0;
 padding: 0;
}

#cont-right p.main-text-ext {
 font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
 color: #664c4c;
 margin: 36px 0 12px;
 padding: 0;
}

#cont-right p.main-text-ds {
 font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
 color: #c63;
 margin: 12px 0 0;
 padding: 0;
}

#cont-right p.main-text-lessmargin {
 font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
 color: #664c4c;
 margin: 0;
 padding: 0;
}

#cont-right #how-works p.main-text-ds a:link, #cont-right #how-works p.main-text-ds a:visited {
 color: #c63;
 text-decoration: underline;
 font-weight: bold;
}

#cont-right #how-works p.main-text-ds a:hover {
 color: #c63;
 text-decoration: none;
 font-weight: bold;
}

#cont-right p.main-text-learn {
 font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
 color: #664c4c;
 margin: 15px 0 0 0;
 padding: 0;
}

.bold {
 color: #664c4c;
 font-weight: bold;
}

.bold-org {
 color: #c63;
 font-weight: bold;
}

#how-works a.bold-org:link, #how-works a.bold-org:visited {
 color: #c63;
 font-weight: bold;
 text-decoration: underline;
}

#how-works a.bold-org:hover {
 color: #c63;
 font-weight: bold;
 text-decoration: none;
}


.learn {
 color: #c63;
 padding: 0;
 font-weight: bold;
}

.learn a:link, .learn a:visited {
 color: #39c;
 text-decoration: none;
}

.learn a:hover {
 color: #39c;
 text-decoration: underline;
}

#how-works p.brwn {
 margin: 5px 0 0 0;
 padding: 0;
}

#how-works p.brwn a:link, #how-works p.brwn a:visited {
 font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
 color: #990; /* It's green. */
 text-decoration: underline;
}

#how-works p.brwn a:hover {
 font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
 color: #990; /* It's green. */
 text-decoration: none;
}

p.registration {
 margin: 0 0 24px;
}

div#how-works p.registration a:link, div#how-works p.registration a:visited {
 color: #c63;
 text-decoration: none;
 font-weight: bold;
}

div#how-works p.registration a:hover {
 color: #c63;
 text-decoration: underline;
 font-weight: bold;
}

div#how-works form {
 margin: 0;
 padding: 0 0 0 2px;
}


/* Global Navigation --------------------------------------------------*/
#navwrap {
 width: 108px;
 height: 151px;
 margin: 0;
 padding: 0;
 position: relative;
 z-index: 10;
}

#navwrap #gnav {
 margin: 52px 0 0 17px;
 padding: 0;
 }

#navwrap #gnav li {
 display: inline;
}

#navwrap #gnav li a {
 float: left;
 width: 108px;
 height: 0px;
 padding-top: 20px;
 overflow: hidden;
 background: url(../i/gnav.gif) no-repeat;
}

/* Mouse off */
#navwrap #gnav li#home a {
 background-position: 0 0;
 }

#navwrap #gnav li#presentation a {
 background-position: 0 -20px;
 }
 
#navwrap #gnav li#service a {
 background-position: 0 -40px;
 }
 
#navwrap #gnav li#prod a {
 background-position: 0 -60px;
 }
 
#navwrap #gnav li#research a {
 background-position: 0 -80px;
 }
 
#navwrap #gnav li#about a {
 background-position: 0 -100px;
 }
 
#navwrap #gnav li#sponsor a {
 background-position: 0 -120px;
 }
 
#navwrap #gnav li#contact a {
 background-position: 0 -140px;
 }
 
 
 /* Mouse over */ 
#navwrap #gnav li#home a:hover {
 background-position: -161px 0;
 } 
 
#navwrap #gnav li#presentation a:hover {
 background-position: -161px -20px;
 }
 
#navwrap #gnav li#service a:hover {
 background-position: -161px -40px;
 }
 
#navwrap #gnav li#prod a:hover {
 background-position: -161px -60px;
 }
 
 #navwrap #gnav li#research a:hover {
 background-position: -161px -80px;
 }
 
 #navwrap #gnav li#about a:hover {
 background-position: -161px -100px;
 }
 
 #navwrap #gnav li#sponsor a:hover {
 background-position: -161px -120px;
 }
 
 #navwrap #gnav li#contact a:hover {
 background-position: -161px -140px;
 }
 
 /* You are here */
#navwrap.home #gnav li#home a {
 background-position: -161px 0;
 } 
 
#navwrap.presentation #gnav li#presentation a {
 background-position: -161px -20px;
 }
 
#navwrap.service #gnav li#service a {
 background-position: -161px -40px;
 }
 
#navwrap.prod #gnav li#prod a {
 background-position: -161px -60px;
 }
 
 #navwrap.research #gnav li#research a {
 background-position: -161px -80px;
 }
 
 #navwrap.about #gnav li#about a {
 background-position: -161px -100px;
 }
 
 #navwrap.sponsor #gnav li#sponsor a {
 background-position: -161px -120px;
 }
 
 #navwrap.contact #gnav li#contact a {
 background-position: -161px -140px;
 }


/* Footer -------------------------------------------------------------*/
#footer {
 height: 20px;
 text-align: right;
 clear: both;
 background-color: #d0cd91;
 font: 11px Arial, Helvetica, sans-serif;
 color: #fff;
 letter-spacing: 1px;
 margin: 0;
 padding: 0 3px 0 0;
}

.copyright_dark {
 color: #494c2d;
}

/* Sign up form ----------------------------------------------------------*/
table {
 margin: 7px 0 0;
}

td.field {
 padding: 0 0 0 10px;
}

td.field input {
 background: #fff;
 border: 1px solid #664c4c;
}

td.btn {
 padding: 3px 0 0 10px;
}