/* Global Styles
----------------------------------------- */

html { height: 100%; margin-bottom: 1px; }
body {text-align: center; color: #333; background: #fff url(images/bg_head.gif) repeat-x; margin-top: 5px; font-family:verdana,geneva,sans-serif; font-size:.8em; }
form, fieldset, h1, h2, h3, h4, h5, h6, pre, blockquote, ul, li, ol, dl, dd, dt, address { margin: 0; padding: 0; }
ul, li { list-style: none; }
img { border: none; }
h1 { color: #0303DB; background-color: inherit; font-size: 1.35em; }
h2 { text-align: center; color: #0303DB; background-color: inherit; font-size: 1.35em; }
h3 { text-align: center; color: #0303DB; background-color: inherit; font-size: 1.1em; }
h4 { font-size: 1.25em; text-decoration: underline; }
hr { color: #a20000; background-color: #a20000; border: 0; width: 90%; height: 1px; margin: 2em auto; padding: 0; }
p { margin: 1em 0; line-height: 1.3; }
a { color: #0155AA; background-color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }
.clr { clear: both; }

/* delete these styles - designer notes only to highlight question areas to be removed before publishing */
.ques { color: #C00; font-weight: bold; background-color:#CCC; padding: 1px 3px; }

/* Wrapper, etc
----------------------------------------- */
#header { height: 136px; margin: 0 auto; }
#wrapper { width: 774px; margin: 0 auto; background: url(images/content_bkg.gif) repeat-y 0 180px; }
#background { text-align: left; }

/* For pages without sidebar column
----------------------------------------- */
#wrap2col { width: 774px; margin: 0 auto;  background: url(images/content_bkg2.gif) repeat-y 0 180px; }
#container2col { float: left; text-align: left; }
#main2col { float: right; width: 590px; padding: 15px 10px 15px 0; }

/* Styles for Regional Minutes without sidebar column
----------------------------------------- */
.minutes { border-collapse: collapse; border: none; padding: 3px; width: 95%; text-align: center; }
fieldset.table { border: 1px solid #CCC; color: inherit; background-color: #fbfae0; }
legend.tabletitle { color: #333; background-color: inherit; font-weight: bold; font-size: 1em; }


/* Content Area
----------------------------------------- */
#container { float: left; text-align: left; margin-right: -774px; }

#main { margin-left: 168px; width: 430px; padding: 15px 0; }
#main #map { }
#main .back {font-size: .8em; color: inherit; background-color: #dedede; font-weight: bold; margin-top: 3em; padding: 1px 0 4px 2px; }

#main ul { margin-left: .5em; }
#main li { padding: 0 15px 5px 20px; }
.arrow li{ background: url(images/arrow_blue.gif) no-repeat 10px 6px; padding: 0 15px 7px 20px;  }
.num li{ list-style: decimal; padding: 0 10px 7px 0; margin-left: 25px; }
blockquote {padding-left: 1em; }

#main .box { border: 1px solid #b9b9b9; margin: 0 auto; padding: 6px 10px; width: 85%; }
#main .quote { padding: 0 1.5em; margin: 0; }
#main .sig { text-align: right; padding: 0 1.5em 0 0; margin: 0; font-style: italic; }

#mainNavArea {float: left; height: 100%; margin: 0; padding: 10px 0 0 0; width:156px; font-size: .85em; }
#mainNavArea ul {list-style: none; margin: 0; padding: 0; border: none; }
#mainNavArea li {border-bottom: 1px dotted #b9b9b9; margin: 0 2px 0 4px; }
#mainNavArea a {display: block; padding: 5px 10px 4px 10px; color: #0155AA; background-color: inherit; text-decoration: none; }
#mainNavArea a:hover, .home #mainNavArea a.nhome, .new #mainNavArea a.nnew, .pro #mainNavArea a.npro, .meet #mainNavArea a.nmeet, .help #mainNavArea a.nhelp, .order #mainNavArea a.norder, .regional #mainNavArea a.nregional, .fellow #mainNavArea a.nfellow, .events #mainNavArea a.nevents, .nccna #mainNavArea a.nnccna, .contact #mainNavArea a.ncontact { color: #000; background-color: #e4e4e4; }

#infoBox { background: url(images/box_meet_bkg.gif) repeat-y; margin: 25px 3px 0 5px; }
#infoBox dt { margin-bottom: 5px; font-weight: bold; color: #0303DB; background-color: inherit; background: url(images/icon_people.gif) no-repeat 5px 3px; padding: 5px 0 0 25px; }
#infoBox dd { padding: 4px 4px 4px 6px; }
#infoBox dd.link a { background: url(images/icon_link.gif) no-repeat 9px 3px; padding-left: 30px; }
#infoBox dd.link a:hover { color: #9D9D9D; background-color: inherit; text-decoration: underline; }
#infoBoxBot { height: 6px; background: url(images/box_meet_bot.gif) no-repeat left bottom; }

.column2 { width: 85%; margin: 0 auto; font-size: .85em; }
.column2 td { width: 50%; }
.column2 th { text-align: left; }

.column2a { width: 90%; margin: 0 auto; font-size: .85em; border: 1px solid #D2D2D0; }
.column2a td { width: 50%; padding: 3px 5px; }
.column2a th { padding: 2px 4px; text-align: center; }

#colList { width: 100%; font-size: .85em; padding: 1.5em 0; }
#colList ul.left { float: left; width: 48%; margin: 0 0 0 5px; padding: 0; border: 0 none; }
#colList ul.right { float: right; width: 48%; margin: 0; padding: 0; border: 0 none; }
#colList li { text-align: left; padding: 0 15px .75em 5px; background: url(images/bullet_arrow.gif) no-repeat 0 5px; }

#table4col { width: 99%; padding: 2px 5px; margin-top: 2em; border-collapse: collapse; border: 1px solid #7E7E7F; font-size: .85em; }
#table4col th { color: inherit; background-color: #CECFCE; padding: 2px 4px; text-align: center; }
#table4col td { padding: 5px; border: 1px solid #D2D2D0; vertical-align: top; }
#table4col td.odd { color: inherit; background-color: #E7E7E7; }

#sidebar { width: 143px; float: right; text-align: left; padding: 10px 7px 10px 10px; font-size: .85em; }
#sidebar h2 { color: #fff; background-color: #0303db; text-align: left; font-size: 1em; font-weight: bold; padding: 2px; }
#sidebar dt.orange { margin-bottom: 5px; font-weight: bold; background: url(images/disc_orange.gif) no-repeat 5px 9px; padding: 5px 0 0 20px; }
#sidebar dt.green { margin-bottom: 5px; font-weight: bold; background: url(images/disc_green.gif) no-repeat 5px 9px; padding: 5px 0 0 20px; }
#sidebar dt.purple { margin-bottom: 5px; font-weight: bold; background: url(images/disc_purple.gif) no-repeat 5px 9px; padding: 5px 0 0 20px; }
#sidebar dd { padding: 0 4px 4px 6px; }
#sidebar dd.link a { background: url(images/icon_link.gif) no-repeat 54px 4px; padding-left: 75px; }
#sidebar dd.link a:hover { color: #9D9D9D; background-color: inherit; text-decoration: underline; }

.threeup { float: left; margin: 0; }
.threeup dt { padding: 8px 20px 0 20px; }
.threeup dd { text-align: center; margin: 3px 0 1em 0; }



/* Styles for Forms
----------------------------------------- */
form {margin: 0; padding: 0; }
fieldset {padding: 0 0 10px 10px; margin: 0 0 10px 0; border: 1px solid #7E7E7F; }
fieldset.table { padding: 0 0 10px 10px; margin: 0 0 10px 0; border: 1px solid #7E7E7F; width: 95%; }
legend {font-weight: bold; font-size: 1.2em; padding-bottom: 8px; color: #0303DB; background-color: inherit; }
label {float: left; width: 35%; text-align: right; padding: 5px 10px 0 0; }
label.last {font-weight: bold; text-align: left; padding-left: 10px; }
input, textarea, select {clear: right; margin: 2px 0; border: 1px solid #a7a7a7; font-family:inherit; font-size: 1em; padding:1px 3px; }
input.submit {margin: 1em 0 0 0; padding: 3px; color: inherit; background-color: #FDFE9A; }
p.line { padding-left: 1.6em; padding-top: 1em; }
.errorMessage {color: red; background-color: inherit; font-weight: bold; font-size: 1.1em; }

#convention { border-collapse: collapse; border: 0; }
#convention td { padding: .5em 1em; vertical-align: top; }
#convention td.left { border-right: 1px dotted #a5a4a4; width: 25%; text-align: right; }
#convention .sm { font-size: .85em; }

/* Bottom Curve
----------------------------------------- */
#contentBot { margin: 0 auto; }

/* Footer Area
----------------------------------------- */
#footer { margin: 5px auto; padding-bottom: 12px; font-size: 70%; }
#footer ul { padding-bottom: 5px; }
#footer li { display: inline; background: url(images/nav_bullet.gif) no-repeat 0 50%; padding: 0 9px 0 16px; }
#footer li.first { background: none; padding-left: 6px; }
#footer a { color: #0155AA; background-color: inherit; text-decoration: none; }
#footer a:hover { color: #9D9D9D; background-color: inherit; text-decoration: underline; }
#footer p { margin-bottom: 0; padding-top: 13px; }


/* Images
----------------------------------------- */
img.map { width: 415px; height: 270px; margin-bottom: -20px; }
img.curve { width: 774px; height: 25px; }
img.nccna { width: 125px; height: 167px; padding: 0 0 1em 5px; }
img.icon { width: 14px; height: 14px; }
img.link { width: 14px; height: 7px; }
img.nav { width: 8px; height: 8px; }