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

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

body {
  background-color: #333333;
}

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

#bgy {
  background: url('/images/bgy.gif') center repeat-y;
}

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

#bgx-bottom {
  background: #ffffff  url('/images/bgx-bottom.gif') bottom repeat-x;
}

#bg-bottom {
  background: url('/images/bg-bottom.gif') bottom center no-repeat;
}

.page {
  width:762px;
  margin:0 auto;
}



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


#header {
  background:url('/images/header-tag.jpg') right 30px no-repeat;
  height:139px;
}

#headerfrench {
  background:url('/images/header-tag2.jpg') right 30px no-repeat;
  height:139px;
}

#header .row, #headerfrench.row {
  height:auto;
}

#logo {
  width:245px;
}
#logo a {
  outline:none;
}

#topnav {
  width:517px;
}
#topnav a {
  margin-top:2px;
  padding:7px 15px 6px 15px;
  color:#ffffff;
  text-transform:uppercase;
  text-decoration:none;
  float:right;
  margin-left:5px;
  font-size:10px;
  outline:none;
}
#topnav a:hover {
  background:url('/images/topnav-hover.gif') top repeat-x;
}

#search {
	float:right;
	margin:30px 130px 0 0;
}
#headerfrench #search {
	float:right;
	margin:30px 130px 0 0;
}
#search .button {
	margin:1px 0px 0px 7px;
}
#search .label {
	color:#FFFFFF;
	font-weight:bold;
	margin:3px 5px 0px 0px;
}
.searchbox {
	width:200px;
}


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

#menu {
  padding-top:3px;
}

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

#menu a {
  display:block;
  color:#cccccc;
  font-weight:bold;
  text-align:center;
  width:122px;
  padding:8px 0;
  text-decoration:none;
  background:url('/images/menu-bg.jpg') top left no-repeat;
  outline:none;
}

#menulong a {
  display:block;
  color:#cccccc;
  font-weight:bold;
  text-align:center;
  width:122px;
  line-height:11px;
  padding:0px 0;
  padding:4px 0px 4px 0px;
  text-decoration:none;
  background:url('/images/menu-bg.jpg') top left no-repeat;
  outline:none;
}

#menu a:hover {
  background-image:url('/images/menu-hover.jpg');
  color:#ebce48;
}



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

#nav {
  width:159px; /* 161 */
  margin-left:2px;
  display:inline;
  padding-bottom:50px;
}

#rootname {
  font-weight:bold;
  text-transform:uppercase;
  padding:4px 5px 5px 10px;
  background-color:#000;
  margin:0 0 2px 0;
}
#rootname #unlink, #rootname a {
  color:#b49402;
  font-size:14px;
  text-decoration:none;
	outline:none;
}
#rootname a:hover {
  text-decoration:underline;
}

#navbox {
  background: #e7e1d7 url('/images/nav-top.jpg') top left no-repeat;
  padding:10px 0 30px 0;
  border-bottom:1px solid #dccfc0;
}

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

#navbox ul {
  margin-left:3px;
}
#navbox li {
  border-bottom:1px solid #ffffff;
  height:1%;
}

#navbox li a {
  display:block;
  text-decoration:none;
  color:#333333;
  font-weight:bold;
  border-bottom:1px solid #dccfc0;
  padding:3px 5px 3px 20px;
  outline:none;
}
#navbox li a:hover {
  background:url('/images/bullet.gif') 5px 6px no-repeat;
  background-color:#f2efeb;
}
#navbox li.navactive a {
  background:url('/images/bullet.gif') 5px 6px no-repeat;
}

#navbox ul ul {
  margin-left:0;
  background-color:#eeeae3;
}
#navbox li li {
  border:none;
}
#navbox li.navactive li a {
  background:none;
}
#navbox li li a {
  padding-left:35px;
  border:none;
  font-size:10px;
}
#navbox li li a:hover {
  background-color:#f7f5f3;
  background:url('/images/bullet.gif') 20px 6px no-repeat;
}
#navbox li li.navactive a {
	background-position:20px 6px;
}

#navbox li li.navactive li a {
  background:none;
}
#navbox li li li a {
  padding-left:45px;
	font-weight:normal;	
}
#navbox li li li a:hover {
  background-color:#f7f5f3;
  background:url('/images/bullet.gif') 30px 6px no-repeat;
}
#navbox li li li.navactive a {
	background-position:30px 6px;
}



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

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

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

#footer ul {
  padding:8px 0 0 0;
}

#footer li a {
  margin-right:10px;
  padding-right:10px;
  border-right:1px solid #444444;
  color:#ffffff;
  font-size:10px;
  text-decoration:none;
  display:inline;
  float:left;
  outline:none;
}
#footer li.last a {
  margin:0;
  padding:0;
  border:none;
}
#footer li a:hover {
  text-decoration:underline;
}

#footer #copyright {
  margin:20px 0 5px 0;
}

#footer #credit {
	xwidth:100%;
	margin:0 0 10px 0;
}

#footer #copyright, #footer #copyright a, #footer #credit a {
  color:#999999;
  font-size:10px;
  outline:none;
}
#footer #copyright a:hover, #footer #credit a:hover {
  color:#ffffff;
}
#footer #credit a {
  text-decoration:none;
}

.separator {
	color:#444444;
	padding:0 5px;
	font-size:10px;
}


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

#content {
  background:url('/images/banner.jpg') top left no-repeat;
  padding:55px 0 0 0;
}

#contentfrench {
  background:url('/images/banner-fr.jpg') top left no-repeat;
  padding:55px 0 0 0;
}

h1.pagetitle {
  margin-top:0;
  padding-bottom:3px;
  border-bottom:1px solid #e3e3e3;
}

#content-wrapper2 {
  background:url('/images/nav-bottom.jpg') bottom left no-repeat;
  height:1%;
}

#content-wrapper {
  background:url('/images/nav-bg.gif') 2px 0px repeat-y;
}

#content-main {
  background:url('/images/content-bg.jpg') top left no-repeat;
  margin-top:27px;
  height:auto !important;
  height:400px;
  min-height:400px;
}

#content-content {
  width:358px; /* 388 */
  background:url('/images/vr.gif') right repeat-y;
  padding:15px;
}

#content-full {
  width:570px; /* 600 */
  padding:15px;
}

#content .right, #contentfrench .right {
  width:182px; /* 212 */
  background:url('/images/vr.gif') left repeat-y;
  margin-left:-1px;
  padding:15px;
}
#content .right h1, #contentfrench .right h1 {
  background:url('/images/h1-right.gif') 0px 3px no-repeat;
  color:#333333;
}

#signup {
  background: #f7f3ee url('/images/signup-bg2.gif') bottom repeat-x;
  border-top:1px solid #ffffff;
  padding:10px 15px;
  border-bottom:1px solid #dccfc0;
  font-size:9px;
}

#signup h1 {
  background:none;
  font-size:12px;
  padding:0;
  margin:5px 0 2px 0;
}
#signupform .styled {
  width:120px;
  margin:5px 0;
}


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

body.homepage #content {
  height:auto !important;
  height:105px;
  min-height:105px;
  padding:5px 0 10px 0;
  background:url('/images/vr.gif') 256px 0px repeat-y;
}

body.homepage #content .left {
  width:241px; /* 256 */
  padding-right:15px;
  display:inline;
} 

body.homepage #content .middle {
  width:241px; /* 271 */
  padding:0 15px;
  display:inline;
}

body.homepage #content .right {
  width:233px; /* 235 */
  display:inline;
  padding:0;
  margin:0;
  background:none;
}

body.homepage #signup {
  background:url('/images/signup-bg.gif') bottom repeat-x;
  padding:5px 15px;
  margin:10px 0 5px 0;
	font-size:10px;
}
body.homepage #signup h1 {
  font-size:14px;
  padding-left:12px;
}
body.homepage #signupform .styled {
  width:195px;
  margin:5px 0;
}

body.homepage #news {
  background:url('/images/news-bg.gif') top repeat-x;
  padding:15px;
}

body.homepage #news h1, body.homepage #signup h1 { 
  margin:0 0 3px 0;
}



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

input.styled, textarea.styled {
  border:none;
  border-bottom:1px solid #e3e3e3;
  border-right:1px solid #e3e3e3;
  color:#999999;
  padding:4px 2px 2px 4px;
  font-size:10px;
  background:url('/images/formfield-bg.gif') top left no-repeat;
}
textarea.styled {
  width:375px;
  height:100px;
}
select.styled {
  border:1px solid #cccccc;
  color:#999999;
  padding:0;
}
input.button {
  margin:0;
  font-size:9px;
  background:url('/images/button-bg.gif') bottom repeat-x;
  padding:1px 15px;
  cursor:pointer;
  outline:none;
  border:none;
}  



/* 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: #bfaa86;
}
.sitemap a:hover {
  color: #796717;
}



/* SEARCH -------------------------------------------------------------------- */

#searchpage .button {
	margin:1px 0px 0px 7px;
}
#searchpage .input input {
	width:260px;
	color:#666;
}
#searchpage #searchstats {
	margin:20px 0 0 0;
}
#searchpage #searchstats * {
	color:#aaa;
	font-size:10px;
}
#searchpage #numresults {
	color:#999;
	font-size:12px;
}
#searchpage #numresults span {
	font-weight:bold;
	color:#666;
	font-size:13px;
}
#searchpage .paging {
	margin:10px 0;
	line-height:12px;
	text-align:right;
	color:#666;
}
#searchpage .paging a {
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	padding:0 3px;
	font-family:"Courier New", Courier, monospace;
	outline:none;
}
#searchpage .paging a:hover {
	background-color:#E3B152;
	color:#fff;
}
#searchpage #noresults {
	font-size:13px;
	font-weight:bold;
	color:#aaa;
}


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

.formdesc {
	width:85px;
}
.formfield {
	margin-bottom:5px;
	width:220px;
}