/* CSS Document */

/********** General styles and resets **********/
html, body {
	margin: 0;
	padding: 0;
	background: #93b875;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #666666;
	line-height: 1.3em;
}

div {
	margin: 0;
	padding: 0;
}

a {
	color: #ffffff;
	text-decoration: underline;
	outline: none;
}

a:hover {
	text-decoration: none;
}

h1 {
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1em;
}

h2 {
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1em;
}

h3, h4, h5, h6 {
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.3em;
}

p {
	margin: 1em 0 0 0;
	padding: 0;
	overflow: hidden;
	line-height: 1.3em;
}

p.required {
	display: none;
}

img {
	margin: 0;
	padding: 0;
	border: none;
}

ul, ol, li {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.5em;
}

hr {
	width: 100%;
	height: 0px;
	margin: 1em 0 0 0;
	padding: 0;
	overflow: hidden;
	background: #cccccc;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px 0 0 0;
}

form {
	margin: 0;
	padding: 0;
}

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
}

input:focus, 
textarea:focus, 
select:focus {
	border-color: #d68c62;
	border-style: solid;
	border-width: 1px;
}

.button {
	width: auto;
	padding: 3px 10px;
	background: #514a30;
	color: #ffffff;
	font-weight: bold;
	border-color: #514a30;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
}

.button:hover {
	background: #bfbba6;
	border-color: #bfbba6;
	border-style: solid;
	border-width: 1px;
}

/********** IE6 warning box **********/

#ie6-warning {
	display: none;
	clear: both;
	background: #cc0000;
	color: #ffffff;
	overflow: hidden;
}
* html #ie6-warning {
	display: block;
}

#ie6-warning p {
	margin: 0;
	padding: 10px;
}

#ie6-warning a {
	color: #ffffff;
	text-decoration: underline;
}

#ie6-warning a:hover {
	text-decoration: none;
}

/********** Content lists **********/

.col1 ul, .col1 ol,
.col2 ul, .col2 ol,
.col3 ul, .col3 ol,
.col4 ul, .col4 ol,
.row1 ul, .row1 ol {
	padding: 0.5em 0 0 15px;
}

/********** Document container **********/

.content-container {
	clear: both;
	width: 100%;
	min-height: 1000px;
	overflow: hidden;
	font-size: 1em;
	background: transparent url('/templates/default/images/backgrounds/content-bg-new.jpg') no-repeat top center;
}

/********** Top Menu **********/

.top-menu-container {
	clear: both;
	width: 100%;
	height: 15px;
}

.top-menu-sub-container {
	clear: both;
	width: 100%;
	height: 40px;
	background: transparent url('/templates/default/images/top-menu/top-menu-bg-new.png') repeat top left;
	
}

.top-menu-container ul.top-menu {
	clear: both;
	width: 980px;
	padding: 8px 0;
	margin: 0 auto;
	text-align: right;
}

.top-menu-container ul.top-menu li {
	position: relative;
	display: inline;
	height: 15px;
	margin: 0 0 0 2em;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}

.top-menu-container ul.top-menu li.first {
	border: none;
}

.top-menu-container ul.top-menu li a {
	padding: 10px;
	color: #ffffff;
	text-decoration: none;
}

.top-menu-container ul.top-menu li a:hover {
	color: #cccccc;
}

ul.top-menu li.sign-in {
	position: relative;
	z-index: 98;
}

ul.top-menu li.sign-in a {
	
}

ul.top-menu li.sign-in-hover a {
	background: #ffffff;
	color: #cccccc;
}

ul.top-menu li.sign-in .login {
	z-index: 98;
	display: none;
	position: absolute;
	top: 15px;
	right: 4px;
	width: 290px;
	height: 400px;
}
* html ul.top-menu li.sign-in .login {
	top: 25px;
	left: -126px;
}

.top-menu .login-form {
	width: 250px;
	font-size: 0.85em;
	text-align: left;
	color: #ffffff;
	border-color: #ffffff;
	border-style: solid;
	border-width: 10px;
	-moz-box-shadow: 0 10px 10px #69613F;
	-webkit-box-shadow: 0 10px 10px #69613F;
	box-shadow: 0 10px 10px #69613F;
}

.top-menu .login-form .message {
	width: 230px;
}

.top-menu .login-form p {
	float: left;
	width: 250px;
	margin: 1em 0 0 0;
}

.top-menu-container ul.top-menu li .login-form a {
	padding: 0;
	background: none;
	color: #ffffff;
	text-decoration: underline;
	font-weight: normal;
}

.top-menu-container ul.top-menu li .login-form a:hover {
	text-decoration: none;
}

.top-menu .login-form input {
	width: 200px;
}

.top-menu .login-form .button {
	width: auto;
}

/********** Header **********/

.header-container {
	clear: both;
	width: 100%;
	overflow: hidden;
}

.header-container .header {
	width: 980px;
	margin: 0 auto;
	padding: 0 20px 0 0;
	overflow: hidden;
	background: transparent url('/templates/default/images/header/header-shadow.png') no-repeat bottom left;
}

.header-container .header .logo {
	float: left;
	width: 420px;
	height: 86px;
	background: transparent url('/templates/default/images/header/logo.png') no-repeat top left;
	text-indent: -9000px;
}

.header-container .header .logo a {
	display: block;
	height: 96px;
}

.header-container .header .tagline {
	float: right;
	width: 520px;
	height: 19px;
	margin: 50px 0 0 0;
	font-size: 1.6em;
	text-align: right;
	color: #ffffff;
}

/********** Body content container **********/

.main-content-container {
	clear: both;
	width: 980px;
	padding: 0 10px;
	margin: 0 auto;
	overflow: hidden;
	background: transparent url('/templates/default/images/backgrounds/body-bg.png') repeat-y top left;
}

/********** Main menu **********/

.main-menu {
	width: 980px;
	padding: 0 10px;
	margin: 0 auto;
	overflow: hidden;
	background: transparent url('/templates/default/images/backgrounds/body-bg.png') repeat-y top left;
}

.main-menu ul {
	clear: both;
	width: 960px;
	margin: 10px 0 0 10px;
	overflow: hidden;
	background: #bdb9a4 url('/templates/default/images/main-menu/menu-bg-new.jpg') repeat-x top left;
}

.main-menu ul li {
	float: left;
	width: 238px;
	border-color: #ffffff;
	border-style: solid;
	border-width: 0 0 0 2px;
	color: #ffffff;
	font-size: 1.2em;
}

.main-menu ul li.first {
	width: 240px;
	border: none;
}

.main-menu ul li a {
	display: block;
	height: 100%;
	padding: 6px 20px;
	color: #ffffff;
	text-decoration: none;
}

.main-menu ul li a:hover {
	background: #847b57;
}

/********** Main content container **********/

.content {
	clear: both;
	width: 980px;
	margin: 2px 0 0 0;
	overflow: hidden;
	position: relative;
}

.content ul,
.content ol {
	margin: 0;
}

.content ul li,
.content ol li {
	margin: 0.5em 0 0 0;
	padding: 0 0 0 1em;
	list-style: square;
}

.content ol li {
	list-style: decimal;
}


/*********** Full width content **********/

.layout1 {
	width: 980px;
	background: #ffffff url('/templates/default/images/backgrounds/layout1.gif') repeat-y top left;
}

.layout1 .col1 {
	display: inline;
	float: left;
	width: 940px;
	margin: 0 0 0 10px;
	padding: 0 20px 20px 20px;
}

/********** 2 columns wide/narrow **********/

.layout2 {
	width: 980px;
	background: #ffffff url('/templates/default/images/backgrounds/layout2.gif') repeat-y top left;
}

.layout2 .col1 {
	display: inline;
	float: left;
	width: 680px;
	margin: 0 0 0 10px;
	padding: 0 20px 20px 20px;
}

.layout2 .col2 {
	float: left;
	width: 198px;
	margin: 0 0 0 2px;
	padding: 0 20px 20px 20px;
}

/********** 2 columns narrow/wide **********/

.layout3 {
	width: 980px;
	background: #ffffff url('/templates/default/images/backgrounds/layout3.gif') repeat-y top left;
}

.layout3 .col1 {
	display: inline;
	float: left;
	width: 200px;
	margin: 0 0 0 10px;
	padding: 0 20px 20px 20px;
}

.layout3 .col2 {
	float: left;
	width: 678px;
	margin: 0 0 0 2px;
	padding: 0 20px 20px 20px;
}

/********** 2 equal columns **********/

.layout4 {
	width: 980px;
	background: #ffffff url('/templates/default/images/backgrounds/layout4.gif') repeat-y top left;
}

.layout4 .col1 {
	display: inline;
	float: left;
	width: 440px;
	margin: 0 0 0 10px;
	padding: 0 20px 20px 20px;
}

.layout4 .col2 {
	float: left;
	width: 438px;
	margin: 0 0 0 2px;
	padding: 0 20px 20px 20px;
}

/********** 3 equal columns **********/

.layout5 {
	width: 980px;
	background: #ffffff url('/templates/default/images/backgrounds/layout5.gif') repeat-y top left;
}

.layout5 .col1 {
	display: inline;
	float: left;
	width: 319px;
	margin: 0 0 0 10px;
	padding: 0 20px 20px 20px;
}

.layout5 .col2 {
	float: left;
	width: 319px;
	margin: 0 0 0 2px;
	padding: 0 20px 20px 20px;
}

.layout5 .col3 {
	float: left;
	width: 198px;
	margin: 0 0 0 20px;
	margin: 0 0 0 2px;
	padding: 0 20px 20px 20px;
}

/********** 3 columns narrow - wide - narrow **********/

.layout6 {
	width: 980px;
	background: #ffffff url('/templates/default/images/backgrounds/layout6.gif') repeat-y top left;
}

.layout6 .col1 {
	display: inline;
	float: left;
	width: 200px;
	margin: 0 0 0 10px;
	padding: 0 20px 20px 20px;
}

.layout6 .col2 {
	float: left;
	width: 438px;
	margin: 0 0 0 2px;
	padding: 0 20px 20px 20px;
}

.layout6 .col3 {
	float: left;
	width: 198px;
	margin: 0 0 0 2px;
	padding: 0 20px 20px 20px;
}

/********** header block + 3 equal columns **********/

.layout7 {
	width: 980px;
	background: #ffffff url('/templates/default/images/backgrounds/layout7.gif') repeat-y top left;
}

.layout7 .row1 {
	float: left;
	width: 960px;
	margin: 0 0 0 10px;
	padding: 0 0 2px 0;
	color: #666666;
	background: #ffffff;
}

.layout7 .row1 a {
	color: #666666;
}

.layout7 .col1 {
	display: inline;
	float: left;
	width: 319px;
	margin: 2px 0 0 10px;
	padding: 0 20px 20px 20px;
}

.layout7 .col2 {
	float: left;
	width: 319px;
	margin: 2px 0 0 2px;
	padding: 0 20px 20px 20px;
}

.layout7 .col3 {
	float: left;
	width: 198px;
	margin: 2px 0 0 2px;
	padding: 0 20px 20px 20px;
}

/********** 3 equal columns with left aligned header block **********/

.layout8 {
	width: 980px;
	background: #ffffff url('/templates/default/images/backgrounds/layout8.gif') repeat-y top left;
}

.layout8 .col1 {
	display: inline;
	float: left;
	width: 728px;
}

.layout8 .row1 {
	float: left;
	width: 680px;
	margin: 0 0 0 10px;
	padding: 0 20px 20px 20px;
	background: #a29c91;
	border-color: #ffffff;
	border-style: solid;
	border-width: 0 0 2px 0;
}

.layout8 .col2 {
	clear: both;
	float: left;
	width: 319px;
	margin: 2px 0 0 10px;
	padding: 0 20px 20px 20px;
}

.layout8 .col3 {
	float: left;
	width: 319px;
	margin: 2px 0 0 2px;
	padding: 0 20px 20px 20px;
}

.layout8 .col4 {
	float: left;
	width: 198px;
	margin: 2px 0 0 2px;
	padding: 0 20px 20px 20px;
}

/********** 3 equal columns with right aligned header block **********/

.layout9 {
	width: 980px;
	background: #ffffff url('/templates/default/images/backgrounds/layout9.gif') repeat-y top left;
}

.layout9 .row1 {
	float: left;
	width: 678px;
	margin: 0 10px 0 2px;
	padding: 0 20px 20px 20px;
	background: #a29c91;
	border-color: #ffffff;
	border-style: solid;
	border-width: 0 0 2px 0;
}

.layout9 .col1 {
	display: inline;
	float: left;
	width: 200px;
	margin: 2px 0 0 10px;
	padding: 0 20px 20px 20px;
}

.layout9 .col2 {
	float: left;
	width: 728px;
}

.layout9 .col3 {
	float: left;
	width: 318px;
	margin: 2px 0 0 2px;
	padding: 0 20px 20px 20px;
}

.layout9 .col4 {
	float: left;
	width: 318px;
	margin: 2px 0 0 2px;
	padding: 0 20px 20px 20px;
}

/********** 2 equal columns with header block **********/

.layout10 {
	width: 980px;
	background: #ffffff url('/templates/default/images/backgrounds/layout10.gif') repeat-y top left;
}

.layout10 .row1 {
	float: left;
	width: 960px;
	margin: 0 0 0 10px;
	padding: 0 0 2px 0;
	color: #666666;
	background: #ffffff;
}

.layout10 .col1 {
	display: inline;
	float: left;
	width: 440px;
	margin: 2px 0 0 10px;
	padding: 0 20px 20px 20px;
}

.layout10 .col2 {
	float: left;
	width: 438px;
	margin: 2px 0 0 2px;
	padding: 0 20px 20px 20px;
}

/********** 2 columns narrow & wide with header block **********/

.layout11 {
	width: 980px;
	background: #ffffff url('/templates/default/images/backgrounds/layout11.gif') repeat-y top left;
}

.layout11 .row1 {
	float: left;
	width: 960px;
	margin: 0 0 0 10px;
	padding: 0 0 2px 0;
	color: #666666;
	background: #ffffff;
}

.layout11 .col1 {
	display: inline;
	float: left;
	width: 200px;
	margin: 2px 0 0 10px;
	padding: 0 20px 20px 20px;
}

.layout11 .col2 {
	float: left;
	width: 678px;
	margin: 2px 0 0 2px;
	padding: 0 20px 20px 20px;
}

/********** 2 columns wide * narrow with header block **********/

.layout12 {
	width: 980px;
	background: #ffffff url('/templates/default/images/backgrounds/layout12.gif') repeat-y top left;
}

.layout12 .row1 {
	float: left;
	width: 960px;
	margin: 0 0 0 10px;
	padding: 0 0 2px 0;
	color: #666666;
	background: #ffffff;
}

.layout12 .col1 {
	display: inline;
	float: left;
	width: 680px;
	margin: 2px 0 0 10px;
	padding: 0 20px 20px 20px;
}

.layout12 .col2 {
	float: left;
	width: 198px;
	margin: 2px 0 0 2px;
	padding: 0 20px 20px 20px;
}

/********** General column styles **********/

.row1,
.row2,
.col1,
.col2,
.col3,
.col4 {
	color: #ffffff;
}

/********** Footer **********/

.footer {
	clear: both;
	width: 960px;
	margin: 2px 10px 0 10px;
	padding: 0 0 20px 0;
	overflow: hidden;
	background: #bdb9a4;
	font-size: 0.8em;
}

.footer ul {
	display: inline;
	float: left;
	width: 155px;
	margin: 10px 0 0 20px;
	padding: 0;
	overflow: hidden;
}

.footer ul li {
	float: left;
	width: 155px;
	padding: 0 0 5px 0;
	margin: 10px 0 0 0;
	border-color: #ffffff;
	border-style: solid;
	border-width: 0 0 1px 0;
}

.footer ul li.first {
	
}

.footer p {
	float: right;
	width: 560px;
	margin: 20px 20px 0 0;
	color: #ffffff;
}

.footer a {
	color: #ffffff;
}

.footer a:hover {
	color: #ffffff;
}

.footer-border {
	clear: both;
	width: 1000px;
	height: 20px;
	margin: 0 auto 20px auto;
	background: transparent url('/templates/default/images/footer/footer-border.png') no-repeat bottom left;
}

/********** JQuery slideshow **********/

.slideshow {
	position: relative;
	clear: both;
	width: 100%;
	height: 300px;
	margin: 1em 0 0 0;
	overflow: hidden;
}

.slideshow .wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.slideshow .wrapper ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 99999px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #efefef;
}

.slideshow ul li {
	position: relative;
	display: block;
	float: left;
	height: 100%;
	margin: 0;
	padding: 0;
}

.slideshow ul li .image {
	width: 100%;
	height: 100%;
}

.slideshow ul li .caption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: transparent url('/cms/plugins/slideshow-content/assets/images/caption-bg.png') repeat top left;
	color: #ffffff;
	font-size: 1.5em;
}

.slideshow ul li .caption a {
	display: block;
	padding: 20px;
	text-decoration: none;
	color: #ffffff;
}

.slideshow .arrow  { 
	display: block;
	position: absolute;
	top: 50%;
	height: 60px;
	width: 60px;
	margin: -30px 0 0 0;
	background: transparent url('/cms/plugins/slideshow-content/assets/images/arrows.png') no-repeat 0 0;
	text-indent: -9999px;
	cursor: pointer;
}

.slideshow .forward {
	background-position: 0 0; 
	right: 20px;
}

.slideshow .back { 
	background-position: -60px 0; 
	left: 20px;
}

.slideshow .forward:hover {
	background-position: 0 -60px;
}

.slideshow .back:hover { 
	background-position: -60px -60px;
}

#thumbNav {
	position: relative;
	top: 0;
	left: 50px;
}

#thumbNav a { 
	float: left;
	display: block;
	width: 15px;
	height: 20px;
	padding: 0 5px 5px 5px;
	margin: 0 5px 0 0;
	background: #ffffff;
	text-align: center;
	color: #666666;
	font-size: 0.8em;
}

#thumbNav a:hover {
	color: #ffffff;
	background: #5d7d67;
}

#thumbNav a.cur { 
	color: #ffffff;
	background: #43664e;
}

#start-stop { 
	position: absolute;
	left: 20px;
	top: 0;
	width: 15px;
	height: 15px;
	background: #ffffff url('/cms/plugins/slideshow-content/assets/images/play-button.gif') no-repeat top left;
	color: #ffffff;
	padding: 5px;
	text-indent: -9000px;
}

#start-stop.playing { 
	background: #ffffff url('/cms/plugins/slideshow-content/assets/images/pause-button.gif') no-repeat top left;
}

#start-stop:hover { 
	
}

.slideshow .wrapper ul ul { 
	position: static;
	margin: 0;
	background: none;
	overflow: visible;
	width: auto;
	border: 0;
}

.slideshow .wrapper ul ul li { 
	float: none;
	height: auto;
	width: auto;
	background: none;
}

.row1 .slideshow {
	margin: 0;
}

/********** Page menus **********/

ul.page-menu {
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
}

ul.page-menu li {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 5px 0 15px 40px;
	border-color: #ffffff;
	border-style: solid;
	border-width: 0 0 1px 0;
	background: transparent url('/templates/default/images/elements/list-arrow.png') no-repeat top left;
	color: #ebd09d;
}

ul.page-menu li.title {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 1.3em;
	background: none;
	color: #ffffff;
}

ul.page-menu li a {
	color: #ffffff;
}

/********** Blog post list **********/

.blog-post-container {
	/*font-size: 0.85em;*/
}

.blog-post-container h2 {
	margin: 1em 0 0 0;
}

.blog-post-container ul {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.blog-post-container ul li {
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	list-style: none;
	border-color: #ffffff;
	border-style: solid;
	border-width: 0 0 1px 0;
}

.blog-post-container ul li h3 {
}

.blog-post-container ul li h3 .date-modified {
	font-size: 0.8em;
}

.blog-post-container ul li .blog-post-link {
	margin: 1em 0 0 0;
}

.blog-post-container ul li .blog-post-link a {
	
}

.blog-post-container ul li .blog-post-link a:hover {
	
}

/********** Media **********/

ul.media-menu {
	clear: both;
	margin: 1em 0 0 0;
	padding: 0;
	overflow: hidden;
}

ul.media-menu li {
	float: left;
	width: 218px;
	margin: 0 0 0 2px;
	padding: 0;
	list-style: none;
}

ul.media-menu li a {
	display: block;
	padding: 10px 20px;
	text-decoration: none;
	background: #69613f;
}

ul.media-menu li a:hover {
	background: #514a30;
}

ul.media-menu li.first {
	margin: 0;
}

ul.article-list {
	clear: both;
}

.media-player-container {
	margin: 1em 0 0 0;
	overflow: hidden;
}

.media-player-container .media-player {
	float: left;
	background: #000000;
}

.media-player-container .media-link {
	float: right;
	margin: 10px 0 0 0;
	text-align: right;
}

.media-player-container .media-link a {
	
}

.media-player-container .media-link a:hover {
	
}

.media-player-main {
	width: 438px;
	height: 330px;
	margin: 1em 0 0 0;
	background: #000000;
}

.media-group-selection {
	clear: both;
	float: left;
	width: 100%;
	margin: 1em 0 0 0;
}

.media-thumb {
	float: left;
	width: 120px;
	height: 190px;
	margin: 20px 20px 0 0;
	padding: 0 0 10px 0;
	overflow: hidden;
	background: #69613f;
}

.media-thumb .thumb {
	float: left;
	width: 120px;
}

.media-thumb p {
	float: left;
	width: 100px;
	margin: 10px 0 0 0;
	padding: 0 10px 10px 10px;
}

/********** Email form **********/

.email-form p.required {
	display: none;
}

.email-form .form-row {
	clear: both;
	margin: 1em 0 0 0;
	overflow: hidden;
	font-weight: bold;
}

.email-form .form-row label {
	float: left;
	width: 100%;
	font-weight: bold;
}

.email-form .form-row input,
.email-form .form-row textarea,
.email-form .form-row select {
	float: left;
	width: 250px;
}

.email-form .form-row .checkbox,
.email-form .form-row .radio {
	width: auto;
}

.email-form .form-row .options {
}

.email-form .form-row .options input {
	clear: both;
	float: left;
	margin: 0.5em 1em 0 0;
}

.email-form .form-row .options label {
	float: left;
	width: auto;
	margin: 0.5em 0 0 0;
}

.email-form .form-message-success {
	padding: 10px;
	background: #448211;
	color: #ffffff;
}

.email-form .form-message-error {
	padding: 10px;
	background: #d68c62;
	color: #ffffff;
}

/********** Google Map **********/

.google-map {
	margin: 1em 0 0 0;
	color: #666666;
}

/********** Custom styles **********/

.link-button {
	
}

.link-button a {
	
}

.link-button a:hover {
	
}

.image-left {
	margin: 0 10px 10px 0;
}

.image-right {
	margin: 0 0 10px 10px;
}

/********** Project Information Button **********/

.content .project-information {
	text-align: center;
	
}

.content .project-information li {
	width: 80%;
	list-style: none;
	margin: 10px 0 10px 20px;
}

.content .project-information li a {

	display: block;
	height: 100%;
	padding: 5px;
	background: #847B57;
	font-size: 1.2em;
	line-height: 1.2em;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	
}

.content .project-information li a:hover {

	text-decoration: underline;
	background: #D3BBB2;
}

/********** Registration form **********/

.content .registration-type-selection {
	overflow: hidden;
	width: 920px;
	margin: 1em 0 0 0;
	padding: 0;
	list-style: none;
	text-align:center;
}

.content .registration-type-selection li {
	float: left;
	width: 450px;
	margin: 0 0 0 20px;
	padding: 0;
	list-style: none;  
}

.content .registration-type-selection li.first {
	margin: 0;
}

.content .registration-type-selection li a {
	display: block;
	height: 100%;
	padding: 20px;
	background: #54725e;
	font-size: 1.2em;
	line-height: 1.2em;
	text-decoration: none;
}

.content .registration-type-selection li a:hover {
	text-decoration: underline;
	background: #69613f;
}

.registration-form {
}

.registration-form label {
	float: left;
}

.registration-form input,
.registration-form select,
.registration-form textarea {
	display: inline;
	float: left;
	width: 100%;
}

.registration-form .radio,
.registration-form .checkbox {
	width: auto;
	margin: 0.25em 0 0 0;
}

.registration-form .step {
	display: block;
	float: left;
	width: 900px;
	margin: 20px 0 0 0;
	padding: 0 0 20px 20px;
	background: #54725e;
}
* html .registration-form .step {
	overflow: hidden;
}

.registration-form .hidden {
	display: none;
}

.registration-form .closed {
	display: block;
	height: 30px;
	overflow: hidden;
	background: #688c74;
}

.registration-form .completed {
	display: block;
	height: 30px;
	overflow: hidden;
	background: #60816b;
}

.registration-form .open {
	display: block;
	height: auto;
	background: #54725e;
}

.registration-form .completed h2.step-title {
	cursor: pointer;
}

.loading {
	z-index: 99;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 198px;
	margin: 0 0 0 -100px;
	padding: 10px;
	background: #ffffff;
	color: #333333;
	font-weight: bold;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
	-moz-box-shadow: 0 0 20px #274d5a;
	-webkit-box-shadow: 0 0 20px #274d5a;
	box-shadow: 0 0 20px #274d5a;
}
* html .registration-form p {
	clear: both;
}

.form-error {
	margin: 1em 0 0 0;
	padding: 5px 10px;
	background: #d68b64;
	color: #ffffff;
}

.registration-form .step .step-error {
	margin: 1em 20px 0 0;
	padding: 5px 10px;
	background: #d68b64;
	color: #ffffff;
}

.registration-form .step div {
	display: inline;
	float: left;
	width: 100%;
}
* html .registration-form .step div {
	overflow: hidden;
}

.registration-form .step div div {
	display: inline;
	float: left;
	width: 200px;
	margin: 0.5em 20px 0 0;
}

.registration-form .attorney-selection label {
	margin: 0 2em 0 0.5em;
}

.registration-form .step .attorney-selection,
.registration-form .step .personal {
	width: 440px;
	margin: 0 20px 0 0;
}

.registration-form .step .personal .company {
	width: 420px;
}

.registration-form .step .personal .title {
	width: 60px;
}

.registration-form .step .personal .firstname {
	width: 120px;
}

.registration-form .step .personal .telephone {
	clear: both;
}

.registration-form .step .attorney-company,
.registration-form .step .address {
	width: 440px;
}

.registration-form .step .attorney-company input,
.registration-form .step .address textarea {
	width: 95%;
}

.registration-form .fsa .eligable-investor {
	width: 100%;
}

.registration-form .fsa .eligable-investor label {
	margin: 0 2em 0 0.5em;
}

.registration-form .fsa .fsa-info {
	clear: both;
	float: left;
	width: 100%;
	margin: 1em 0 0 0;
	padding: 0;
	list-style: none;
}

.registration-form .fsa .fsa-info li.info-box {
	position: relative;
	z-index: 1;
	float: left;
	width: 260px;
	height: 60px;
	margin: 0 0 0 20px;
	padding: 0 10px 10px 10px;
	list-style: none;
	background: #514a30;
	cursor: help;
}

.registration-form .fsa .fsa-info li.financial {
	margin: 0;
}

.registration-form .fsa .fsa-info li:hover .popup,
.registration-form .fsa .fsa-info li.over .popup {
	display: block;
}

.registration-form .fsa .fsa-info li .popup {
	display: none;
	position: absolute;
	z-index: 2;
	bottom: 70px;
	left: 0;
	width: 880px;
	height: 380px;
	padding: 0 0 20px 0;
}

.registration-form .fsa .fsa-info li .popup .scroller {
	overflow: hidden;
	width: 840px;
	height: 340px;
	padding: 20px;
	background: #ffffff;
	color: #333333;
	-moz-box-shadow: 0 0 20px #274d5a;
	-webkit-box-shadow: 0 0 20px #274d5a;
	box-shadow: 0 0 20px #274d5a;
}

.registration-form .fsa .fsa-info li .popup .scroller div {
	overflow: auto;
	width: 820px;
	height: 330px;
	padding: 0 20px 0 0;
	background: #ffffff;
	color: #333333;
}

.registration-form .fsa .fsa-info li .popup .scroller div h3 {
	margin: 0;
}

.registration-form .fsa .fsa-info li.cert-net-worth .popup {
	left: -300px;
}

.registration-form .fsa .fsa-info li.cert-sophisticated .popup {
	left: -600px;
}

.registration-form .step .login .create-email,
.registration-form .step .login .create-password {
	clear: both;
	width: 100%
}

.registration-form .step .terms,
.registration-form .step .terms div {
	width: 100%;
}

.registration-form .step .terms div label {
	float: left;
	width: 850px;
	margin: 0 0 0 1em;
}

.registration-form .step .register .comments,
.registration-form .step .register .newsletter {
	width: 880px;
}

.registration-form .step .register .how-hear {
	width: 300px;
}

.registration-form .step .register .comments textarea {
	height: 100px;
}

.registration-form .step .register .newsletter label {
	float: left;
	width: 850px;
	margin: 0 0 0 1em;
}

.registration-form .confirm {
	clear: both;
	display: inline;
}

.registration-form .confirm .button {
	clear: both;
	float: right;
	margin: 20px 0 0 0;
	padding: 10px 40px;
	font-size: 1.4em;
	font-weight: normal;
}

/********** Login **********/

.login-form {
	clear: both;
	overflow: hidden;
	padding: 0 10px 10px 10px;
	margin: 1em 0 0 0;
	background: #69613f;
}

.login-form .message {
	padding: 10px;
	background: #d68c62;
	color: #ffffff;
}

.forgotten-password .message {
	padding: 10px;
	background: #d68c62;
	color: #ffffff;
}

/********** My Account **********/

.my-account-form .personal,
.my-account-form .contact,
.my-account-form .address,
.my-account-form .password-details,
.my-account-form .newsletter,
.my-account-form .confirm {
	clear: both;
	float: left;
	width: 440px;
	margin: 1em 0 0 0;
}

.my-account-form div div {
	float: left;
	width: 200px;
	margin: 1em 20px 0 0;
}

.my-account-form .newsletter div {
	width: 440px;
}

.my-account-form .personal .title {
	width: 80px;
}

.my-account-form .personal .firstname {
	width: 100px;
}

.my-account-form label {
	float: left;
	width: 100%;
}