@import '/cms/styles/common.css';
@import '/styles/events.css';
@import '/style.css';

/* COMMON ---------------------------------------------------------------------- */

body {
  background:url('/images/bg.gif') top repeat-x;
}

#bg-top {
  background:url('/images/bg-top.jpg') top center no-repeat;
}
#bg-top-fr {
  background:url('/images/bg-top-fr.jpg') top center no-repeat;
}

#page {
  width:920px;
  margin:0 auto;
}



/* HEADER ---------------------------------------------------------------------- */

#headerlinks {
  padding:0 12px;
}
#headerlinks a {
  height:22px;
  overflow:hidden;
  outline:none;
  text-decoration:none;
  color:#fff;
  font-size:12px;
}
#headerlinks a:hover {  
  text-decoration:underline;
}
#headerlinks-left {
  width:300px;
  float:left;
}
#headerlinks-left li, #headerlinks-left ul {
  padding:0;
  margin:0;
  background:none;
}
#headerlinks-left ul {
  float:left;
}
#headerlinks-left li {
  background:url('/images/headerlinks-separator.gif') top right no-repeat;
  padding:6px 0 0 2px;
  float:left;
}
#headerlinks-left li.fontsize{
  background:none;
}
#headerlinks-left li.first{
  margin-left:10px;
  padding:0 10px 0 3px;
  color:#FFFFFF;
  background:url('/images/headerlinks-separator.gif') top right no-repeat;
}
#headerlinks-left a {
  padding:0 15px;
  vertical-align:baseline;
}

#headerlinks-left li.fontsize a {
  background:none;
  padding:0px 3px 0 3px;
}

#headerlinks-right {
  width:500px;
  float:right;
}
#headerlinks-right li, #headerlinks-right ul {
  padding:0;
  margin:0;
  background:none;
}
#headerlinks-right ul {
  float:right;
}
#headerlinks-right li {
  background:url('/images/headerlinks-separator.gif') top left no-repeat;
  padding:6px 0 0 2px;
  float:right;
}
#headerlinks-right a {
  padding:0 15px;
}

#header {
  height:111px;
  overflow:hidden;
}

#logo a {
  outline:none;
}
#logo img {
  width:390px;
  height:72px;
  margin:20px 0 0 20px;
}

#search {
  margin:35px 0 0 168px;
  width:320px;
}

#search .input input {
  width:185px;
  margin-right:5px;
}

#search .label {
  margin-right:5px;
  font-weight:bold;
  width:100px;
  text-align:right;
  padding-top:2px;
  color:#10365f;
}

#date {
  color:#92B5C8;
  margin:30px 0 0 0;
  text-align:right;
}



/* MENU ------------------------------------------------------------------------ */

#menu {
  background:url('/images/menu-bg.jpg') top left no-repeat;
  height:27px;
  overflow:hidden;
  padding:0 10px;
}

#menu ul, #menu li {
  padding:0;
  margin:0;
  background:none;
}

#menu li {
  background:url('/images/menu-separator.gif') right repeat-y;
  padding-right:2px;
}

#menu a {
  float:left;
  color:#15487c;
  font-weight:bold;
  text-decoration:none;
  padding:6px 12px 0 12px;
  height:21px;
  font-size:12px;
  outline:none;
}

#menu a:hover {
  background:url('/images/menu-hover.jpg') top left no-repeat;
  color:#fff;
}



/* SUBNAV ---------------------------------------------------------------------- */

#breadcrumbs {
  background:url('/images/hr.gif') bottom repeat-x;
  padding-bottom:5px;
}
#breadcrumbs, #breadcrumbs a, #breadcrumbs .current {
  color:#44709b;
}
#breadcrumbs a:hover {
  color: #f35a00; 
}


#rootname {
  background: #375b7e url('/images/rootname-bg.gif') top left no-repeat;
  padding:5px 5px 5px 15px;
}

#rootname #unlink, #rootname a {
  color:#fff;
  font-weight:bold;
  font-size:13px;
  text-decoration:none;
  display:block;
  text-transform:uppercase;
}
#rootname a:hover {
  text-decoration:underline;
}

#nav li, #nav ul {
  padding:0;
  margin:0;
}
#nav li {
  background:url('/images/hr.gif') bottom repeat-x;
  padding-bottom:1px;
  margin-bottom:-1px;
}
#nav li a {
  display:block;
  padding:5px 5px 5px 10px;
  color:#15487c;
  text-decoration:none;
  font-size:12px;
  outline:none;
}
#nav li.navactive a,
#nav li a:hover {
  background:url('/images/nav-hover.gif') 0px 8px no-repeat;
  color:#900;
}
#nav li li a,
#nav li.navactive li a {
  padding-left:25px;
  font-size:11px;
  color:#15487c;
  background:none;
}
#nav li li.navactive a,
#nav li li a:hover {
  background:url('/images/nav-hover.gif') 15px 7px no-repeat;
  color:#900;
}
#nav li li li a,
#nav li li.navactive li a {
  padding-left:40px;
  font-size:10px;
  color:#15487c;
  background:none;
}
#nav li li li.navactive a,
#nav li li li a:hover {
  background:url('/images/nav-hover.gif') 30px 7px no-repeat;
  color:#900;
}



/* CONTENT --------------------------------------------------------------------- */

#banner {
  background:url('/images/banner.jpg') top left no-repeat;
  height:89px;
}
#bg-top-fr #banner {
  background-image:url('/images/banner-fr.jpg');
}
#content {
  padding:0 10px;
  background:url('/images/content-bg2.gif') left repeat-y;
  height:auto !important;
  height:420px;
  min-height:420px;
}
.full #content { background-image: none; }

#content #left {
  width:160px;
  margin-right:15px;
}

#content #middle {
  width:485px;
  margin-right:15px;
}

#content #full {
  width:690px;
  margin-right:15px;
}

#content #right {
  width:205px; /* 225 */
  padding:0 0 0 20px;
}
#content #right h2 {
  margin-left:-20px;
}
#content #right .morelink {
  float:left;
}

h1.pagetitle {
  margin-top:0;
}
.print{
  text-align:right;
}
.print .text{
  vertical-align:top;
}



/* HOME ------------------------------------------------------------------------ */

#login-banner {
  background:url('/images/home-banner.jpg') top left no-repeat;
  height:156px;
  overflow:hidden;
  padding:5px 0 0 683px;
}
#bg-top-fr #login-banner {
  background-image:url('/images/home-banner-fr.jpg');
}

#login-banner .label {
  font-weight:bold;
  color:#2f5b8a;
  font-size:10px;
}
#login-banner .input input {
  width:160px;
  margin:0 5px 5px 0;
}
#login-banner #loginlinks a {
  font-size:10px;
  color:#2f5b8a;
}
#login-banner #loginlinks a:hover {
  color:#f35a00; 
}

body.homepage #content {
  background-image:url('/images/content-bg.gif');
  height:auto !important;
  height:330px;
  min-height:330px;
}

body.homepage #content #left {
  width:400px;
  margin-right:15px;
}
body.homepage #content #middle {
  width:245px;
  margin-right:15px;
}
body.homepage #content #middle h1 {
  background-image:url('/images/h1-home.jpg');
}



/* FOOTER ---------------------------------------------------------------------- */

#footer {
  margin:10px;
  background: #10365c url('/images/footer-bg.gif') top repeat-x;
  padding:8px 12px;
}

#footer ul, #footer li {
  padding:0;
  margin:0;
  background:none;
}

#footer li a {
  color:#fff;
  text-decoration:none;
  margin-right:7px;
  padding-right:7px;
  border-right:1px solid #5c7d9f;
  float:left;
  font-weight:bold;
}
#footer li.fonts 
{
    line-height:20px;
  vertical-align:bottom;
}
#footer li.fonts a 
{
  vertical-align:bottom;
  margin-right:3px;
  padding-right:3px;
  font-weight:normal;
}
#footer li.last a {
  border:none;
}

#footer a:hover {
  text-decoration:underline;
}

#footer #credit {
  float:right;
}

#footer #credit a {
  color:#89a1b8;
  text-decoration:none;
  font-size:10px;
}
#footer #credit a:hover {  
  color:#fff;
  text-decoration:underline;
}

#copyright {
  margin:0 22px;
  font-size:10px;
  color:#777;
}
#copyright a {
  color:#2f5b8a;
  margin-left:7px;
  padding-left:7px;
  border-left:1px solid #ccc;
}
#copyright a.first {
  margin:0;
  border:none;
}
#copyright a.last {
  padding-right:7px;
  margin-right:5px;
  border-right:1px solid #ccc;
}
#copyright a:hover {
  text-decoration:underline;
  color: #f35a00; 
}
#copyright a.fontsize {
  text-decoration:none;
  margin:0 2px;
  padding:0;
  border:none;
}

#credit {
  float:right;
  margin-right:20px;
}

#credit a {
  font-size:10px;
  color:#777;
  text-decoration:none;
}
#credit a:hover {
  color: #f35a00; 
  text-decoration:underline;
}  



/* FORMS ----------------------------------------------------------------------- */

input.styled, textarea.styled {
  border:none;
  border-bottom:1px solid #e3e3e3;
  border-right:1px solid #e3e3e3;
  color:#999999;
  padding:3px 2px 2px 4px;
  font-size:10px;
  background:url('/images/formfield-bg.gif') top left no-repeat;
}
select.styled {
  border:1px solid #cccccc;
  color:#999999;
  padding:0;
}
input.button {}  
.messagebox {
	padding:10px 15px;
	background-color:#fee;
	border:1px solid #c99;
	color:#900;
	width:300px;
	margin:10px auto;
	text-align:center;
}



/* SITE MAP ------------------------------------------------------------------- */

.sitemap ul {
  margin:0 0 0 50px;
}
.sitemap ul ul {
  padding:0 0 0 22px;
  margin:0;
}
.sitemap li {
  background:none;
  list-style-image:url('/images/bullet-page.gif');
  margin:0 0 10px 0;
  background:none;
  padding:0;
}
.sitemap li a {
  font-size:12px;
  font-weight:bold;
}
.sitemap li li {
  margin: 0 0 4px 0;
  list-style-image:none;
  list-style-type:circle;  
}
.sitemap li li a {
  font-size:10px;
  font-weight:normal;
}
.sitemap li li li {
  margin:0;
}
.sitemap a:visited {
  color: #977;
}
.sitemap a:hover {
  color: #f35a00; 
}



/* CUSTOMIZATIONS -------------------------------------------------------------- */

#bodpic {
  width:80px;
  float:left;
  margin-right:20px;
}

#bod {
  padding-bottom:10px;
  border-top:1px solid #e4e4e4;
  clear:both;
  padding-top:10px;
}

#bodinfo {
  width:380px;
  float:right;
  margin-bottom:20px;
}

#bod h3 {
  margin:0;
}

.fieldbox {
  width:220px;
  float:left;
  margin-left:10px;
}

.desc {
  width:110px;
  text-align:right;
  float:left;
}

.contactspacing {
  margin-right:40px;
  margin-bottom:20px;
  width:200px;
}



/* MEMBER FORMS ---------------------------------------------------------*/

#membership .red {
  color:red;
}
#membership .col .label {
  font-weight:bold;
  width:240px;
  padding:5px 0 2px 0;
}
#membership .col .input {
  width:240px;
  padding-bottom:5px;
}
#membership .col .input input,#membership .col .input select {
  width:95%;
}

form#login .row {
    margin: 0 0 4px 0;
    width: 250px;
}
form#login .label {
    text-align:left;
    margin:0;
    width: 60px;
}
form#login .input {
    margin:0;
    width: 160px;
    margin-left:5px;
}

/* CUSTOM ---------------------------------------------------------*/
.txt-indent {
	padding-left: 35px;
}

.fr-txt-indent {
	position: absolute;
	margin-left: -35px;
}

/* POLL --------------------------------------------------*/

.poll .content {
  padding-left: 5px;
  padding-bottom: 8px;
}
.poll .name {
  padding: 4px 5px 1px 5px;
  font-size: 13px;
  font-weight: bold;
  color:#183D52;
}
.poll .tools {
  text-align:right;
  padding-right:20px;
}
.poll .votes {
  padding: 0 5px;
  margin-bottom: 5px;
}
.poll .answers {
  padding: 0 2px;
}
.poll .answer {
  padding: 0 5px;
  line-height:1.4;
}
.poll .answer-name {
  font-weight: bold;
}
.poll .bar {
  width: 125px;
  background-color: #e3e3e3;
  margin-bottom: 5px;
}
.poll .bar-vote {
  height: 5px ;
  font-size: 4px; /* because of ie*/
  background-color: #225774 !important;
}