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


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

body {
	background-color:#666666;
}

#top { display:none; }

#page {
	background-color:#FFFFFF;
	border:10px solid #FFFFFF;
	border-top-width: 0px;
	width:760px; 
	margin:0 auto; 
	text-align: left;
	
}

.rightad img, .leftad img { margin: 5px 0px; }

.paging { text-align: right; float: right; }


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

#header {
	margin:0;
	padding:10px 0 0 0;
	height:auto;
}
#cwm {
	text-align:right;
	float:right;
}

#banner {
	height:114px;
	background: #667788 url('/images/banner.jpg') top center no-repeat;
	color:#FFFFFF;
}
#banner h1 {
	color:#000000;
	font-family:"Times New Roman", Times, serif;
	font-size:1.9em;
	font-weight:bold;
	padding:65px 0 0 0;
	text-align:center;
	margin:0;
	letter-spacing:1px;
}
#banner h2 {
	font-family:arial, sans-serif;
	color:#000000;
	font-size:1.1em;
	text-align:center;
	margin:0;
	padding:0;
}

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

#menu {
	background-color: #000;
	border:1px solid #FFFFFF;
	border-width:1px 0;
}
#menu ul {
	list-style-type: none; 
	margin: 0 auto; 
	padding: 0;
}
#menu li {
	white-space: nowrap; 
	padding: 0 0 0 4px;
	margin: 0;
	background:none;
	border: none;
	float: left; 
	width: 121px;
	text-align:left;
	border-left: 1px solid #FFFFFF;
}
#menu>ul>li { /* This is a fix for all browsers and IE7+ */
 width: auto;
 min-width:121px;
}
#menu li.first {
	border-left-width:0;
}
#menu a {
	color: #FFFFFF;
	background-color: #000;
	font-weight:bold;
	text-decoration:none;
	font-size:1.1em;
	padding: 2px 0;
	display:block;
	outline:none;
}
#menu a:hover {
	color: #FFFFFF;
}

/* BREADCRUMBS ------------------------------------------------------------------- */

#breadcrumbs {
	margin:0;
	padding:5px 0;
	font-size:1.05em;
}
#breadcrumbs a, #breadcrumbs .next {
	padding-right:8px;
	background:url('/images/page-next.gif') right 4px no-repeat;
}
#breadcrumbs .separator {
	color:#999999;
}
#breadcrumbs a:hover {
	color:#3366CC;
}

/* LEFT HAND NAVIGATION ----------------------------------------------------- */

#nav ul, #nav li {
	padding:0;
	margin:0;
	background:none;
}
#nav li {
	padding-bottom:1px;
	margin-bottom:-1px;
}

#nav li a {
	color:#FFFFFF;
	background-color:#CC0033;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:3px 8px;
	border-bottom:1px solid #FFFFFF;
	outline:none;
}
#nav li a.search-all {
	color:#CC0033;
}
#nav a:hover {
	text-decoration:underline;
}


#nav li li a {
	color:#000000;
	background-color:#CCCCCC;
	border-bottom:1px dotted #AAAAAA;
	font-weight:normal;
}
#nav li li li a {
	padding-left:28px;
	background-color:#B3B3B3;
	border-bottom:1px dotted #999999;
	font-weight:normal;
}
#nav li li li li a {
	padding-left:38px;
	font-weight:normal;
}

/* LEFT HAND SUBNAVIGATION -------------------------------------------------- */

#subnav {
	margin:40px 0;
}

#subnav ul, #subnav li {
	padding:0;
	margin:0;
	background:none;
}
#subnav li {
	padding-bottom:1px;
	margin-bottom:-1px;
}

#subnav a {
	color:#fff;
	background-color:#666;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:3px 8px;
	outline:none;
	border-bottom:1px solid #ccc;
}
#subnav a:hover {
	text-decoration:underline;
}

#subnav li.last a {
	font-weight:normal;	
	color:#000;
	background-color:#ccc;
	border-top:15px solid #c03;
}

#subnav ul, #subnav li {
	padding:0;
	margin:0;
	background:none;
}
#subnav li {
	padding-bottom:1px;
	margin-bottom:-1px;
}

/*#subnav a {
	color:#fff;
	background-color:#666;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:3px 8px;
	outline:none;
	border-bottom:1px solid #ccc;
}*/
#subnav a:hover {
	text-decoration:underline;
}

.navbutton {
  background: url('/images/navbutton.gif') 0px -40px no-repeat;
  display:block;
  padding: 5px 8px;
  color: #ffffff;
  font-weight:bold;
  text-decoration: none;
  margin: 2px 0px;
}
.navbutton:hover { background-position: 0px -0px; color: #ffffff; }
.navbutton.invest { background-position: 0px -120px; padding: 10px 8px }
.navbutton.invest:hover { background-position: 0px -80px; color: #ffffff; }

#buttons {
	margin: 0 0 20px 0;
}
#buttons a, a.emailbutton {
	display:block;
	margin-bottom:1px;
	outline:none;
	padding:4px 5px 5px 30px;
	font-size:0.9em;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
#buttons a:hover, a.emailbutton:hover {
	text-decoration:underline;
}
#buttons a.joinbutton {
	background: #666 url('/images/button-join.gif') top left no-repeat;
}
#buttons a.emailbutton, a.emailbutton {
	background: #666 url('/images/button-email.gif') top left no-repeat;
}

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

#search {
	background-color:#666;
	padding:5px;
	margin:0 0 20px 0;
}
#search .label {
	color:#fff;
	font-weight:bold;
	margin: 0 0 3px 0;
}
#search .input input {
	height:1.35em; 
	width:105px; 
	padding:3px 0 0 3px;
	font-size:0.9em;
	color:#666;
	border:none;
	background: url('/images/textfield-bg.gif') top left no-repeat;
	margin:0 5px 0 0;
}
#search .button input {
	width:27px;
	height:17px;
	color:#fff;
	font-weight:bold;
	padding:0;
	overflow:hidden;
	background:url('/images/button-blank.gif') top left no-repeat;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
}

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

#content {
	background:url('/images/content-bg.gif') left repeat-y;
}
#content-3col {
	background:url('/images/content-bg-3col.gif') left repeat-y;
}
#content, #content-3col, #content-full, #content-main {
	height:auto !important;
	height:350px;
	min-height:350px;
}

#content-left {
	width:150px;
	margin: 0 5px 0 0;
}

#content-main {
	width:605px;
}

#flash {
	margin:0 0 5px 0;
}

#content-right {
	width: 195px;
	/*background: url('/images/right-bg.gif') left repeat-y;*/
	float:right;
	overflow:hidden;
	/*padding:0 0 0 10px;*/
}
#content-right h2 {
	color:#FFFFFF;
	background: #434343 url('/images/right-h2.gif') top left no-repeat;
	font-size:1.2em;
	line-height:1.5em;
	padding:0 5px 0 10px;
	margin:0;
	height:auto !important;
	height:21px;
	min-height:21px;
}
#content-right ul {
	margin:10px 0;
	padding:0;
	list-style:none;
	line-height:1.2em;
}
#content-right li {
	margin:0 0 0 5px;
	padding:0 0 0.5em 17px;
	background:url('/images/bullet-grey.gif') 0px 0.45em no-repeat;
}
#content-right-bottom {
  height: 5px;
  padding: 0px; margin: 0px;
  background:url('/images/right-bottom.gif') bottom left no-repeat;
}
#content-content {
	width:405px;
	margin:0 5px 0 0;
}
#content-full {
	width:605px;
	margin:0;
}



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

.mediahome h1 {
	padding:25px 0 0 10px;
	background:url('/images/mediahome-top.jpg') top right no-repeat;
	height:55px;
	color:#FFFFFF;
	font-weight:normal;
}
#home-top .title {
	padding:10px 0 5px 0;
	font-size:1.6em;
	font-weight:bold;
}
#home-top .intro {
	padding-left:30px;

}

.heading {
	margin:10px 0;
	border-bottom:1px solid #E1E1E1;
	font-size:1.25em;
	font-weight:bold;
}
.home-title {
	padding:12px 15px 0 0;
	background:url('/images/home-heading-bg.jpg') top right no-repeat;
	float:left;
	height:18px;
	text-decoration:none;
}
a:hover.home-title {
	text-decoration:underline;
	color:#CC0033;
}
a:hover .imgborder {
	border-color:#B4B4B4;
}
.mediahome .thum {
	float:left;
	margin:0 30px;
}
.mediahome .text {
	width:435px;
	padding-right:20px;
	float:right;
}



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

#footer {
	margin:5px 0 0 0;
}
#footerline {
	height:15px;
	background-color: #dfdfdf;
	margin: 0 0 5px 0;
}
#foot1 {
	width:250px;
}
#foot2 {
	width:259px;
	text-align:center;
	line-height:1.9em;
}

#foot3 {
	width:250px;
	text-align:right;
}
#footer a {
	color:#333333;
}
#footer a:hover { 
	color:#6699cc;
}

#sitemaplink {
	margin-top:5px;
}



/* Extras ----------------------------------------------------------------------*/

#content-full .textbox {
	background-image: url('/images/textbox_background2.jpg');
}

.navaid {
	height: 0; 
	font-size: 0;
	margin:0;padding:0;
	visibility: hidden;
}

#skip-head {
	float:left;
	display:block;
	margin:auto;
	position:absolute;
	top:0;
	left:250px;
}

#skip-head a {
	zoom:1;
	filter: alpha(opacity=0);
	opacity:0;
	color: #000;
	background-color: #CCC;
	border:1px solid #333;
	position: relative;
	font-size: 1.2em;
	padding:5px;
}

#skip-head  a:hover, #skip-head  a:active {
	filter: alpha(opacity=100);
	opacity:1.0;
}




#foot2 img { text-decoration: none !important; }

/* Landing Page ---------------------------------------------------------------*/

body#landing {
	background:none;
}

body#landing #page {
	padding:20px 0 40px 0; 
	width:600px;
}

#splashimage {
	margin:25px 0 5px 0;
	height:83px;
	padding-top:168px;
	background: #a8a8a8 url('/images/splash.jpg') top left no-repeat;
}

#splashimage h1 {
	margin:0;
	font-weight:bold;
}

#splashimage #firstrow {
	height:30px;
}
#splashimage #firstrow div h1 {
	font-size:1.3em;
	color:#fff;
	line-height:30px;
}

#splashimage #secondrow {
	height:52px;
}
#splashimage #secondrow div h1 {
	font-size:1.6em;
	line-height:52px;
}

#splashimage #firstrow div, #splashimage #secondrow div {
	width:260px;
	margin-left:30px;
	overflow:hidden;
	display:inline;
}

#leftlinks {
	width:460px;
}

#languagebuttons a, #languagebuttons2 a {
	float:left;
	display:inline;	
	width:116px;
	padding:5px 0;
	margin:20px 30px 0 0;

	color:#fff;
	background-color:#f00;
	font-size:1em;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;

	overflow:hidden;
	border-top:2px solid #f66;
	border-left:2px solid #f66;
	border-right:2px solid #c33;
	border-bottom:2px solid #c33;
}

#languagebuttons2 a {
	color:#f00;
	background-color:#fff;
}

a.rightbutton {
	display:block;
	margin-bottom:1px;
	outline:none;
	padding:4px 5px 5px 25px;
	font-size:0.8em;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	background: #666 url('/images/button-email.gif') top left no-repeat;
}
a.rightbutton:hover 
{
  color:#fff;
	text-decoration:underline;
}
a.middlebutton {
	display:block;
	margin-bottom:1px;
	outline:none;
	padding:4px 5px 5px 25px;
	font-size:0.8em;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	background: #666;
}
a.middlebutton:hover 
{
  color:#fff;
	text-decoration:underline;
}

.notice {
	float:left;
	display:inline;	
	width:120px;
	margin:20px 30px 0 0;
	overflow:hidden;
}

#wordmark {
	float:right;
	margin-top:20px;
}