html,body{ padding: 0; margin: 0; }
body{ text-align: center; min-width: 890px; background-color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #000; }
#wrapper{ width: 900px; margin: 0 auto; text-align:left; }

/* page layout */
#footer{ clear:both; text-align: center; font-size: 0.8em; padding: 2px 0; }
#three-column-layout{background: #ececec url(images/design/three-column-bg.jpg) repeat-y; height: 100%}
#left-column-layout{background: #ececec url(images/design/left-column-bg.jpg) repeat-y; height:100%}
#right-column-layout{background: #ececec url(images/design/right-column-bg.jpg) repeat-y; height:100%;}

#one-column-layout, #left-content, #right-content, #middle-content{ padding: 15px 20px 0 20px; background: #ececec url(images/design/content-gradient.jpg) repeat-x;}
#left-content{width:610px; float:left;}
#right-content{width:610px; float:right;}
#two-column-content{width:650px; float:right;}
#middle-content{float:left; width:360px;}

#left-column{float:left;}
#right-column{float: right;}
#right-column, #left-column{background:#2c7689 url(images/design/column-gradient.jpg) repeat-x; width:220px; padding: 15px; color:#fff;}

.google-ads{padding:10px 70px;}
/* end page layout */

/* navigation */
#nav{ background: #151515 url(images/design/navigation.jpg) no-repeat; height: 30px; }
#nav ul{ list-style: none; margin: 0 auto; padding: 0;}
#nav ul li{ float: left;}
#nav a{ display:block; width: 11.3em; height:30px; line-height:2.7em; background: url(images/design/nav-divider.jpg) no-repeat right; text-decoration:none; font-weight: bold; color:#fff; text-align:center;}
#nav a.last{background:none;}
#left-column ul, #right-column ul{ list-style: url(images/design/arrow-white.gif); line-height: 1.8em; margin-left: 15px; padding-left:0; }
/* end navigation */

/* links */
a{color:#355585;}
a:visited{color:#603585;}
#left-column ul a, #right-column ul a{color:#fff; text-decoration:none;}
#left-column ul a:visited, #right-column a:visited, #nav a:hover{color:#acc0c5;}
#left-column ul a:hover, #right-column ul a:hover{font-weight: bold;}
#right-column a{color:#fff;}
/* end links */

/* misc */
.clear{
clear:both;
}

.arrowDark{
background:url(images/design/arrow-blue.gif) no-repeat left center;
padding-left: 10px;
}
.error{ color: #ff0000; }
h1{ font-size: 1.2em; color:#2c7689; }
h2{ font-size: 1.0em; color:#2c7689; }
#right-column h2, #left-column h2{ color:#fff;}
/* end misc */


/* form layout */
legend{ color: #2c7689; font-weight: bold; }
#one-column-layout fieldset{ border: none; border: 1px solid #355585; margin-bottom: 20px; }
#one-column-layout fieldset p, #one-column-layout fieldset h2{ padding-left: 5px;}
p label{ float:left; width: 12em;}
p label.nofloat{ float:none; }
p label.block{ height: 8em; }

/***** VOLUNTEER FORM *****/
#volunteer p label.block{ height: 2em; }
#write-pairings, #read-pairings{ vertical-align:middle; width:250px; }
#volunteer .hidden{ display: none;}
#volunteer .error{ display: inline; color: #ff0000; }
/***** /END VOLUNTEER FORM *****/
/* end form layout */



/************* OLD ***********************/
/* misc */
.indent{
text-indent: -2000em;
width:0;
}

.small{
font-size: 0.8em;
}
/*

input, textarea, option, select {background-color: #001C7A; font: 11px arial; color: #FFFFFF; letter-spacing: 1px; border-style: solid; border-color: #000000; border-width: 1px}
*/