@import url(http://fonts.googleapis.com/css?family=Exo:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);

/* browser reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-family: Open Sans, Arial, Helvetica, Sans-Serif; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* common / general purpose */
.clearleft { clear: left; }
.clearright { clear: right; }
.clearboth { clear: both; }
.10wide { width: 10%; }
.20wide { width: 20%; }
.30wide { width: 30%; }
.40wide { width: 40%; }
.50wide { width: 50%; }
.60wide { width: 60%; }
.70wide { width: 70%; }
.80wide { width: 80%; }
.90wide { width: 90%; }
.100wide { width: 100%; }

/* page specific */

#pagebin { width: 990px; margin-left: auto; margin-right: auto; }

#topmenu { font-family: Open Sans Condensed, Arial Narrow, Sans-Serif; text-align: center; background-color: #003B1B; }
#topmenu ul { list-style-type: none; width: auto; position: relative; display: block; font-size: 0.8em; }
#topmenu li { display: block; float: left; margin: 0; padding: 0.5em 2.7em; }
#topmenu a { font-family: Open Sans Condensed, Arial Narrow, Sans-Serif; color: #FFFFFF; background-color: #003B1B; font-weight: 700; text-transform: uppercase; text-decoration: none; }

#masthead { height: 90px; color: #000000; background-color: #FFFFFF; }
#masthead #logo { width: 30%; float: left; }
#masthead #member { width: 30%; float: right; }
#masthead #search { margin-left: 31%; margin-right: 31%; text-align: center; }

#mainmenu { font-family: Exo, Arial, Sans-Serif; text-align: center; background-color: #009E49; }
#mainmenu ul { list-style-type: none; width: auto; position: relative; display: block; font-size: 1.0em; }
#mainmenu li { display: block; float: left; max-width: 10%; margin: 0; padding: 0.5em 1.8em; vertical-align: middle; }
#mainmenu a { font-family: Exo, Arial Narrow, Sans-Serif; color: #FFFFFF; background-color: #009E49; font-weight: 700; text-transform: uppercase; text-decoration: none; }
#mainmenu a:hover { color: #FFFF00; background-color: #009E49; }

#contentbin { font-family: Open Sans, Arial Narrow, Sans-Serif; }
#contentbin #column1 { width: 640px; float: left; min-height: 300px; }
#contentbin #column2 { margin-left: 660px; min-height: 300px; }