/*		CSS Document		*/
body {font-family: Arial, Helvetica, sans-serif; color:#333; margin: 5px auto; width: 815px; font-size: small;} /* if width any smaller, nav bar is doubled in IE */
p, h1, h2, h3, h4, h5 {margin: 5px 0px; padding: 0px;}
h1, h2, h3, h4, h5 {color: #034d85; margin-bottom: -3px;}
h1 {font-size: 1.8em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1em;}
h6 {font-size: .8em;}
.spacey {margin-top: 12px; margin-bottom: 4px;}
.centertext {text-align: center;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
a:visited {color: #8000ff;}
hr {margin-right: 5px; clear: both;}

#banner {margin: 0; padding: 0px 10px; float: left;}

/*		Navigation Bar		*/
/* width of li changes in 4 places */
#menu {margin: 5px auto; clear: both; padding: 0;}
#nav, #nav ul {list-style: none; line-height: 1; padding: 0; margin: 0; font-weight: bold;}
#nav a {display: block; width: 10em; text-decoration: none; padding: 5px 0; text-align: center; color: #034d85;}
#nav li {float: left; width: 10em; border: solid #ccc; border-width: 1px 0 1px 1px; background: url(images/menu-up.png) repeat-x; background-color: #ddd;} /* width needed for Opera */
#nav li li {border-width: 1px 1px 0 1px; padding: 1px 3px; font-weight: normal;}
#nav .bottomline {border-width: 1px;}
#nav li ul {position: absolute; left: -999em; width: 10em;} /* use width instead of display for screen readers */
#nav li ul a {text-align: left;} 
#nav li ul ul {margin: -1.5em 0 0 9.5em; } /* aligns sublist items to dropdown */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;} /* lists nested under hovered list items */
#nav li:hover, #nav li.sfhover {background:url(images/menu-down.png) repeat-x; background-color: #a5c0d3;}

.breadcrumbs {font-size: 85%; text-decoration: none; margin: 3px 0 0 5px;}
.breadcrumbs a, .breadcrumbs a:link, .breadcrumbs a:hover, .breadcrumbs a:visited {color: blue; text-decoration: none;}

/*		Body of Site		*/
#main {margin: 0; padding: 0 10px 0 0; clear: both;}
.calloutl {float: left;}
.calloutr {float: right;}
.calloutl, .calloutr {padding: 0px 5px; width: 170px; font-size: 150%; font-family: Georgia, "Times New Roman", Times, serif; color: #034d85; font-style: oblique; line-height: normal;}
.greybox {padding: 2px; margin-top: 10px; margin-bottom: 4px; background: url(images/horz-bkg.png) repeat-y #ddd; color: #000; background-color: #ccc; }
.titlebox {background: url(images/titlebox-bkg.png) repeat-y; color: #fff; background-color: #034d85; padding: 2px 5px; margin: 5px 10px 5px 0px;}
p.titlebox {font-weight: 600;}
.arrow {background-image: url(images/star.png); background-repeat: no-repeat; text-indent: 17px;}
.emphbar, .emphquot {border-left: 5px solid #B42C33; padding-left: 5px;}
.emphquot {color: #183c7d; font-style: oblique; font-family: Georgia, "Times New Roman", Times, serif; position: relative; top: 30px;}
.dropcap {font-size: 340%; line-height: 90%; width: auto; float: left; color: #034d85; padding: 0; margin: -2px 5px -5px 0;}
.footer {margin: 25px; padding: 2px 0 0; clear: both; font-size: 90%; text-align: center; border-top: dotted #aaa thin;}
.footer p {margin-bottom: 1em;}

/*		Split Column		*/
.col2 {width: 49%; float: left; margin: 0px; padding: 2px;}
.col3 {width: 33%; float: left; margin: 0px; padding: 0px;}
.col3 p {margin-right: 1.5em;}
.col3 li {list-style-type: none;}
.col3 ul {margin-top: 0; margin-bottom: 1em;}
#leftside {clear: both; float: left; margin-top: 10px; width: 160px;}
#leftside p {margin: 0 0 5px 0; padding: 0 0 0 5px;}
#leftside img {margin-bottom: 1em; text-align: center;}
#rightside {padding: 5px 5px 0 5px; margin-left: 180px;}

/* 		Leftside Navigation Group	*/
.leftnav {font-weight: bold; text-align: center; margin-top: 10px; border: 1px outset #ccc; padding: 3px;}
ul.leftnavlist {margin: 0 auto; padding: 0; list-style: none;}
.leftnavlist li {margin: 0 auto; border: 1px dotted white;}
.leftnavlist li a {display: block; background: url(images/menu-up.png) repeat-x; background-color: #fbfaf9; border: 1px #ddd solid; color: #ddd; text-decoration: none; text-align: center; padding: 5px; margin: 0 3px;}
.leftnavlist a:link, .leftnavlist a:visited {color: #034d85; text-decoration: none;}
.leftnavlist a:hover, .leftnavlist li.sfhover {background:url(images/menu-down.png) repeat-x; background-color: #a5c0d3;}
.leftnavlist .current, .leftnavlist a:hover.current, .leftnavlist li.sfhover.current {border: 2px #ddd inset; background: #eee;}

.jstate, #main .jstate {font-size: large; background-color: #e4edf2; border-top: thin solid #034d85; padding-left: 3px; margin-top: 1.1em;}
.jtitle {font-weight: 700;}
.jtext {margin-top: -5px;}
.jtext img, .jtitle img {padding-right: 5px; margin-bottom: -3px; border: none;}
.updatedate {font-size: 85%; margin: 0 0 0 5px; text-align: right; margin-right: 10px;}

/*		Page Specifics		*/
#fronttext {font-family: Garamond, "Times New Roman", Times, serif; line-height: 1.5em;} 
#fronttext p {font-size: medium; text-align: justify;}
#fronttext h1, #fronttext h2 {line-height: 100%; text-align: center; color: #034d85; font-size: 200%;}
.assoctype {font-family: "Courier New", Courier, monospace; color: black; list-style: none;}
.assoclinksub {list-style: none; margin: 0 45px 5px 15px;}
.portrait {width: 80%; margin: 0 0 15px 15px; clear: left;}
.portrait p {margin: 0px; padding: 0px; text-align: justify;}
.pimage {float: left; margin-right: 10px; margin-bottom: 10px; border: 1px solid #034d85;}
.pmail {margin-right: 6px; border: none; vertical-align: middle;}
.pname, .ptitle, strong {font-weight: bold; color: #034d85;}
.contactpage {text-align: center; color: #034d85; margin: 0px 40px 30px 40px;}
.contactpagenew {width: 50%; float: left; color: #333; margin: 0px; padding-left: 35px; padding-bottom: 10px;}
.contactform {width: 40%; float: left; font-family: Arial, Helvetica, sans-serif; color:#333; margin: 0px; padding: 5px;}
.contactform legend {margin-bottom: 10px;}
.contactform fieldset {padding: 5px;}
.contactform form label {clear: left; float: left; margin: 0px 5px 10px 5px; text-align: right; width: 80px;}
.contactform form input, form textarea {margin: 0px; float: left;}
.contactform form button {clear: left; float: left; margin: 5px 5px 5px 90px;}
.memberlogo img {padding: 5px; margin: 5px; border: 1px solid #999;}

#erreur {margin: 10px; padding: 10px; clear: both;}
#erreur p {margin-bottom: 10px;}
#erreur p.red {color: red; font-size: large;}