/* General
--------------------------------------- */

/* <textEditor> */
.left {float: left; margin-right: 1em;}
.right {float: right; margin-left: 1em;}
.small {font-size: smaller; line-height: 1.5em;}
.large {font-size: larger; line-height: 1.5em;}
/* </textEditor> */
.hide {display: none;}

li ul, li ol { margin:0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }

ul { list-style-type: disc; }
ol { list-style-type: decimal; }
li { list-style-position: inside; margin-bottom: 1em;}

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em;}
	
pre,code { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

abbr, acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }

blockquote { margin: 1.5em; color: #666; font-style: italic; }
cite {margin: 0 0 1.5em; display: block;}
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
p {margin: 0 0 1.5em 0;}

label { font-weight: bold; }
fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }

input, textarea, select { 
	background-color:#FFF9DD !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #FCD694;
	color:#7F5D2B;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:1.0em;
	}
}


/* Structure and Layout
--------------------------------------- */
html {overflow-y: scroll;}
body {text-align: center; background: #1a1a16;}

#body {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.5em;
	}


/* Links
--------------------------------------- */

a, a:link, a:visited {COLOR: #e45000; text-decoration: none;}

p a, ul p, ol p {
	font-weight: bold;
}

a:hover, a:active {color: #89BA00;}

#footer a, #footer a:visited {color: #b3af9e; text-decoration: none;}
#footer a:hover {color: #f1eeda; text-decoration: underline;}

.leftmenu 
{
	text-align: left;
	background-image: url('images/announcements.gif');
	background-repeat: no-repeat
}



/* Announcements
---------------------------------------*/
.announcements
{
    COLOR: #A05804;
}
.announcements normal
{
    COLOR: #A05804;
}
.announcements A:visited
{
    COLOR: #BA3D00;
    TEXT-DECORATION: none
}
.announcements A:link
{
    COLOR: #BA3D00;
    TEXT-DECORATION: none
}
.announcements A:active
{
    COLOR: #BA3D00;
    TEXT-DECORATION: none
}
.announcements A:hover
{
    COLOR: #BA3D00;
    TEXT-DECORATION: none
}

/* Navigation
--------------------------------------- */

.nav {margin: 0; padding: 0;}
.nav li {display: inline; list-style: none;}

#header .navigation {
	padding: 0 0 0 11px;
	float: right;
}
	
#header .nav {
	height: 50px;
	padding: 0 11px 0 22px;
}

* html #header .navigation { width: 48em}
	
#header .nav a {
	font-size: 1.333em;
	font-weight: bold;
	padding: 0.1875em 0.3125em 0;
	margin-right: 1.375em;
	line-height: 50px;
}

#header .nav a:hover, #header .nav .selectedPage a, #header .nav .selectedPageParent a, #header .nav .selectedPageRoot a {
	text-decoration: none;
}

#extraCol .sideBox {margin: 0 0 1.5em;}

#extraCol .nav, #extraCol .sideBox .middle {
	display: block;
	padding: 12px 0 8px;
}

*:first-child+html #extraCol .nav {
	height: 1%;
}

#extraCol .sideBox.quote .middle {
	padding: 4px 0 5px 0;
	height: auto !important;
	height: 110px;
	min-height: 110px;
}

p#quotes {
	margin: 0 0 -18px 0;
	padding: 0 !important;
}

*:first-child+html p#quotes {
	margin-bottom: 0 !important;
	padding: 10px 0 0 0 !important;
}

.quoteOpen {
	padding: 6px 0 0 16px;
	line-height: 1;
	}
	
.quoteClose {
	padding: 2px 0 0 20px;
	line-height: 1;
	margin-left: 4px;
	margin-top: 5px;
	}

#extraCol .nav li {	
	display: block;
	padding: 0 22px;
	margin: 0;
}

#extraCol .nav a {
	display: block;
	font-weight: bold;
	text-decoration: none;
	padding: 0.75em 0 0.75em 28px;
	font-size: 1.333em;
}

#extraCol .sideBox .bottom {
	height: 16px;
	margin-bottom: -12px;
}
#extraCol .sideBox .bottom.quote {height: 29px;}

#extraCol .sideBox blockquote {
	font-size: 1.1667em;
	font-style: italic;
	line-height: 1.2857em;}

#extraCol .sideBox blockquote.normal {font-style: normal; font-size: 1em; line-height: 1.5em;}

#extraCol cite {
	font-style: normal;
	padding-left: 30px;
	font-size: 1.1667em;
	line-height: 1.2857em;
}


/* Headings
--------------------------------------- */

h1 {
	font-size: 2.5em;
	line-height: 1.2em;
	margin: 0.75em 0 0.125em;
	font-weight: bold;
	}
	
h2, h1.title {
	font-size: 1.8333em;
	line-height: 1.2em;
	margin: 1.2272em 0 0.409em;
	font-weight: bold;
	}

h3 {
	font-size: 1.5em;
	line-height: 1.222em;
	margin: 1.5em 0 0.5em;
	font-weight: bold;	
	}

h4 {
	font-size: 1.1667em;
	line-height: 1.286em;
	margin: 1.929em 0 0.643em;
	font-weight: bold;
	}
	
h5 {
	font-size: 1em;
	line-height: 1.5em;
	margin: 2.25em 0 0.75em;
	font-weight: bold;
	}

h6 {
	font-size: 1em;
	line-height: 1.2857em;
	margin: 2.25em 0 0;
	font-weight: bold;
}

.home #feature h2 {
	font-size: 3em;
	font-weight: bold;
	font-style: italic;
	font-family: candara, "Lucida Grande", tahoma, arial, helvetica, sans-serif;
	line-height: 1em;
	letter-spacing: -0.025em;
	margin: 0.5em 0 0.25em;
}

*:first-child+html .home #feature h2 {
	font-size: 2.5em !important;
}

/* Content
--------------------------------------- */

#header h1 {
	width: 169px;
	margin: 0;
	text-indent: -9999em;
	float: left;
}

#header h1 a {
	display: block;
	height: 71px;
}

#promo {margin: -1px 0;}

#promo p {text-align: right; font-size: 1.0833em; margin: 0.5em 1.5em 1em;}

#promo .btn {
	width: 31px !important;
	height: 0 !important;	
	text-indent: -999em;
	padding: 34px 0 0 0 !important;	
	border: none;
	background: url(i/btn_x.png) no-repeat left top;
	float: right;
	margin: -0.75em 0 0 0.5em;
	font-size: 1em;
	overflow: hidden;	
}

* html #promo .btn {
	padding: 0;
	height: 34px;
}

#promo .btn:hover {background-position: left -34px;}
.home #promo .contents {display: none;}

a#signUp {
	width: 131px;
	text-indent: -9999em;
	overflow: hidden;
	text-decoration: none;
	float: right;
	background: url(i/btn_sign-up.png) no-repeat left top;
	padding-top: 34px;	
	height: 0px;	
	margin: -0.5em 0 0 1em;
}

* html a#signUp {
	height: 34px;
	padding-top: 0;
	text-align: left;
}

.home a#signUp {float: left; margin: 0 15px 0 0;}
a#signUp:hover {background-position: left -34px;}
a#signUp.on{background-position: left -68px;}

#sign {
	position: absolute;
	bottom: 17px;
	left: 36px;
	background: url(i/sign_bar.gif) no-repeat;
	width: 400px;
	height: 34px;
	padding: 15px 27px 11px 17px;
	font-size: 13px;
	color: #FFF;
	line-height: 14px;
	font-weight: bold;
	overflow: hidden;
	display: block;
}

#signUpForm {padding: 1.5em 0;}

#signUpForm .L {
	float: left;
	width: 300px;
	font-size: 1.1667em;
	padding-left: 60px;
	background: url(i/icon_clock.png) no-repeat 0 2em;
}

#signUpForm .R {
	float: right;
	width: 480px;
	font-size: 1.1667em;
}

#signUpForm h1, #signUpForm h2, #signUpForm h3, #signUpForm h4, #signUpForm h5, #signUpForm h6 {color: #FFF;}

#promo a#signUp {visibility: visible;}
#signUpForm {display: none;}

#signUpForm a {font-weight: bold;}

#signUpForm .form {
	padding: 0 24px;
	margin: 2.5em 0 0;
}

#signUpForm .form h4 {
	padding: 0.75em 24px;
	margin: 0 -24px 1em;
}

#signUpForm .form h4 span {
	float: left;
	font-weight: bold;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	background: url(i/circle.gif) no-repeat;
	font-family: "Arial Black", arial, helvetica, sans-serif;
	margin: -0.25em 0.5em 0 -0.5em;
}

#signUpForm .form input {
	padding: 0.25em;
	font-size: 1.1667em;
	font-weight: bold;	
}

#signUpForm #step1 input {width: 10em;}

#signUpForm #step2 label, #signUpForm #step3 label,#signUpForm #step4 label  {
	width: 170px;
	text-align: right;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 2.4em;
	margin-right: 0.5em;
}

#signUpForm .form .message {
	padding: 0.5em 1em 0.5em 30px;
	display: block;
	background: #dfedb5;
}
#signUpForm .form .success {background: #dfedb5 url(i/icon_success.png) no-repeat 6px 6px;}
#signUpForm .form .fail {background: #ffe99e url(i/icon_fail.png) no-repeat 6px 6px;}
#signUpForm h4, #signUpForm .form p {margin-bottom: 0.5em;}
#signUpForm li {list-style: none; margin-bottom: 0.5em;}
#signUpForm li img {vertical-align: middle; margin-right: 0.25em;}

#signUpForm .form p .btn {
	width: 54px !important;
	height: 0 !important;
	height: 34px;
	text-indent: -999em;
	padding: 34px 0 0 0 !important;
	padding: 0;
	border: none;
	background: url(i/btn_go.png) no-repeat left top;
	float: right;
	margin: 0 0 0 1em;
	font-size: 1em;	
}

#signUpForm .form p .next {
	width: 62px !important;
	background-image: url(i/btn_next.png);
}
#signUpForm .form p .finish {
	width: 71px !important;
	background-image: url(i/btn_finish.png);
}
#signUpForm .form p .btn:hover {background-position: left -34px;}

#signUpForm .form p.foot {
	padding: 0.5em 24px;
	margin: 0 -24px;
}

#signUpForm .form .foot span {float: left; line-height: 34px;}
#step2, #step3, #step4, #step5 {display: none;}

code {
	display: block;
	text-indent: 0;
	padding: 0.75em 1.5em;
	font-size: 1.25em;
	}

#footer .credits {
	color: #b3afa0;
	float: left;
	padding: 1em 0;
	height: auto !important;
	height: 76px;
	min-height: 76px;
	width: 216px;
}

#footer .credits h1 {
	text-indent: -999em;
	width: 167px;
	font-size: 1em;
	line-height: 1em;
	margin: 0 0 0.5em;
}
#footer .credits a {
	text-decoration: none;
	display: block;
	background: url(images/footer-bg.jpg);
	height: 42px;
}

#footer dl {
	float: left;
	border-left: 1px solid #58554a;
	padding: 1em 1.5em;
	height: auto !important;
	height: 76px;
	min-height: 76px;
	width: 173px;
	margin-top: 1em;
}

#footer dt {
	color: #b3afa0;
	font-size: 1.1667em;
	font-weight: bold;
	padding: 0 0 0.5em;
	line-height: 1em;
}

#footer dt img {
	vertical-align: -15%;
	margin-right: 0.25em;
}

#footer dd {
	color: #b3afa0;
	background: url(images/arrow.gif) no-repeat left 0.5em;
	display: block;
	padding-left: 1em;
	margin-left: 0.75em;
}

.home #frame p, .home #frame h1, .home #frame h2, .home #frame h3, .home #frame h4 {
	padding: 0 10px 0 14px;
}

.home #frame h1, .home #frame h2, .home #frame h3, .home #frame h4 {
	margin: 0.75em 0 0.25em 0;
}

.eventsList li a {
	font-weight: bold;
}

.blogList li, .eventsList li {
	margin-bottom: 1em;
}

.blogList h2.postTitle {
	margin: 0;
	font-weight: bold;
	line-height: 1.5em;
	font-size: 1em;
}

.blogList .postInfo, .blogList .postInfo em, .blogList .postDate {
	font-style: normal;
}

#featuresColOne {
	float: left;
	width: 47%;
	margin-right: 5%;
}

#featuresColTwo {
	float: left;
	width: 47%;
}


/* Clearing
--------------------------------------- */

.clearfix:after, #container:after, .contents:after, #signUpForm .form p:after, #featuresList:after, #promo:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix, #container, .contents, #signUpForm .form p, #featuresList, #promo {display: inline-block;}
* html .clearfix, * html #container, * html .contents, * html #signUpForm .form p, * html #featuresList, * html #promo {height: 1%;}
.clearfix, #container, .contents, #signUpForm .form p, #featuresList, #promo {display: block;}

.clear { clear:both; }