/*
 * Start: Utility Methods
 */
.display-image {
	display: block;
	float: right;
	padding: 5px;
	margin: 0 0 5px 10px;
	border: 1px solid #61cdb4;
	background:#fff;
}

.display-image.alt {
	float: left;
	margin: 0 10px 5px 0;
}

.display-image.bare {
	border: 0;
}

.hidden, .modal {
	display: none;
}

.legal {
	font-size: .625em;
	font-style: italic;
}

.listColumn {
	overflow: auto;
	padding: 20px;
}

.listColumn li {
	float: left;
	width: 33%;
}

.subContent {
	margin:20px 0 10px;
	padding-bottom:10px;
}

.math {
	text-align:right;
}

/*
 * End: Utility Methods
 */
body {
	background: #402634 url(/img/background/lake.jpg) no-repeat center top;
}

#page-wrapper {
	position: relative;
	margin: 0 auto;
	width: 970px;
}

/*
 * Start: Global Header
 */
#header {
	position: relative;
	height: 245px;
}

#header img {
	position: absolute;
	top: 60px;
	left: 25px;
}

/*
 * End: Global Header
 */ /*
 * Start: Global Footer
 */
#footer {
	line-height: 40px;
	text-align: center;
	clear: both;
	background: #402634;
	overflow: hidden;
	color: #fff;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}

#footer p {
	margin: 0;
}

#footer a {
	color: #fff;
}

/*
 * Start: Form Layouts
 */
label,input,select {
	display: block;
}

label {
	margin-top: 5px;
}

input[type=text], textarea {
	padding: 2px 5px;
}

select {
	padding: 2px;
}

input[type=checkbox] {
	margin: 0 3px 0 0;
	padding: 0;
	display: inline;
}

input[type=checkbox]+label {
	display: inline;
}

input[type=submit].button {
	font-size: .875em;
	padding: 3px;
	font-weight: bold;
	color: #303030;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	cursor: pointer;
	margin-top:10px;
}

form h3 {
	margin-top: 15px;
}

.button-pane {
	margin-top:5px;
}

button {
	cursor:pointer;
}

/*
 * Start: Utility Navigation
 */
#utilities {
	line-height: 40px;
	height: 40px;
	color: #686868;
	padding: 0 10px;
	overflow: hidden;
}

#quick-links {
	float: left;
	width: 40%;
}

#quick-links p {
	float: left;
}

#quick-links ul {
	overflow: hidden;
}

#quick-links ul li {
	padding-left: 5px;
	float: left;
	list-style-type: none;
}

#quick-links ul li a {
	display: block;
	text-decoration: none;
	color: #686868;
}

#quick-links li a span {
	border-left: 1px solid #686868;
	padding-left: 5px;
}

#quick-links li:first-child a span {
	border: 0;
}

#search {
	float: right;
}

#search input[type="text"] {
	font-family: inherit;
	color: #afafaf;
	padding: 2px 5px;
	display: inline;
}

#search input[type="image"] {
	display: inline;
	vertical-align: text-bottom;
}

/**
 * Start: Main Navigation
 * @id main-nav
 */
#main-nav {
	position: absolute;
	top: 265px;
	left: 10px;
	height: 40px;
	width: 950px;
	background: #402634;
	overflow: hidden;
}

#main-nav li {
	line-height: 40px;
	float: left;
	list-style-type: none;
}

#main-nav li a {
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
}

#main-nav li a:hover {
	background-color:#562F57;
}

#main-nav li a span {
	border-left: 1px solid #fff;
	padding: 0 15px;
}

#main-nav li:first-child a span {
	border: 0;
}

#main-nav li a.active {
	background: url(/img/icons/active_nav.png) no-repeat center bottom;
}

/**
 * Start: Sub Navigation
 */
#sub-nav {
	position: absolute;
	top: 305px;
	left: 10px;
	height: 30px;
	width: 950px;
	background: transparent url(/img/background/sub_nav_bg.gif) repeat-x;
	margin: 0;
}

#sub-nav li {
	float: left;
	position: relative;
	list-style-type: none;
	padding: 0 20px;
}

#sub-nav a {
	text-decoration: none;
	color: #a64646;
	font-weight: bold;
	line-height: 30px;
}

#sub-nav li span { /*--Drop down trigger styles--*/
	display: block;
	width: 17px;
	height: 35px;
	float: right;
	background: url(/img/icons/subnav_dropdown.png) no-repeat center 10px;
	cursor: pointer;
}

#sub-nav li ul.dropdown {
	display: none;
	list-style: none;
	font-size: inherit;
	position: absolute;
	/*--Important - Keeps dropdown from affecting main navigation flow--*/
	left: -20px;
	top: 30px;
	float: left;
	width: 170px;
	z-index: 500;
}

#sub-nav li ul.dropdown li {
	clear: both;
	width: 170px;
}

#sub-nav li ul.dropdown li a {
	float: left;
	text-transform: capitalize;
	font-size: inherit;
	width: 145px;
	line-height: 30px;
	padding-left: 10px;
	background: transparent url(/img/background/sub_nav_bg.gif) repeat-x;
	color: #A64646;
}

#sub-nav li ul.dropdown li a:hover {
	/*--Hover effect for dropdown links--*/
	background: #402634 url(dropdown_linkbg.gif) no-repeat 10px center;
	color: #fff;
}

/**
 * Start: Content Container
 */
.container {
	padding: 30px 10px 0 10px;
	background: #f2f2f2;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

.container.subnaved {
	padding-top: 61px;
}

/**
 * Start: Modules
 */
.module {
	background: #fff;
	border: 2px solid #83618c;
	margin-bottom: 10px;
	padding: 10px;
	overflow:auto;
}

.module.promo {
	padding: 0;
}

.module.promo img {
	display: block;
}

.module h1,.module h2 {
	color: #593649;
	font-family: georgia, serif;
	font-size: 1.5em;
	line-height: 1em;
	padding: 5px 0;
	margin-bottom: 15px;
}

.module h3 {
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 10px;
	margin:20px 0 10px 0;
	font-size: .825em;
	color: #6a6a6a;
	font-weight: bold;
}

.module h4 {
	font-size: .75em;
	color: #6a6a6a;
	font-weight: bold;
}

.module p,.module ul,.module ol,.module label, .module table, .module dl {
	color: #73434f;
}

.module p {
	padding-bottom:10px;
}

.module ul *,.module ol * {
	font-size: inherit;
}

.module * ul,.module * ol {
	padding-bottom: 1.5em;
}

/**
 * Start: News
 */
#news .headline {
	padding-top: 10px;
	border-top: 1px solid #61cdb4;
}

#news .headline:first-child {
	border: 0;
	padding-top: 0;
}


/**
 * Start: Twitter
 */
#twitter_div .twitter-logo {
	vertical-align: text-bottom;
}

#twitter_update_list {
	margin: 0;
	list-style-type: none;
}

#twitter_update_list li {
	overflow:hidden;
	padding-top: 35px;
	margin-top: 10px;
	background: url(/img/icons/twitter_icon.jpg) no-repeat center top;
}

#twitter_update_list li:first-child {
	margin-top: 0;
	padding-top: 0;
	background: none;
}

#twitter_update_list .avatar {
	float:left;
	border: 1px solid #61CDB4;
	padding:2px;
	margin-right:5px;
}

.twitter-link {
	line-height: 32px;
    padding-left: 36px;
    background: url(/img/icons/twitter-block.png) no-repeat left center;
    overflow: visible;
}


/**
 * Start: Featured Articles
 */
.article-previews {
	margin:0;
	padding:0 !important;
}

.article-previews li {
	list-style-type: none;
	overflow: hidden;
	margin-top: 10px;
}

.article-previews li:first-child {
	margin-top: 0;
}

.columns .article-previews {
	overflow: hidden;
}

.columns .article-previews li {
	float: left;
	width: 425px;
	margin-right: 10px;
}

.article-previews li:first-child {
	margin-top: 10px;
}

.article-previews li img {
	display: block;
	float: left;
	border: 1px solid #61cdb4;
	margin-right: 10px;
	padding: 3px;
}

.article-previews a {
	color: #6a6a6a;
	text-decoration: none;
}

.article-previews a:hover {
	text-decoration: underline;
}

/*
 * Start: Tips
 */
.tips span {
	display: block;
	font-style: italic;
}

/*
 * Start: Class, Article Pages
 */
.class h2,.article h2 {
	padding-bottom: 0;
}

.class h2 span,.article h2 span {
	display: block;
}

.class ul,.article ul {
	padding-top:10px;	
}

.class ul h4,.article ul h4, 
.class ol h4,.article ol h4 {
	margin:0;
}

.class p,.article p {
	padding-bottom:5px;	
}

/*
 * Start: Testimonial Modules
 */
.testimonials blockquote {
	font-size: .75em;
	margin: 0 0 10px 0;
}

.testimonials blockquote span {
	display: block;
	text-align: right;
}

/*
 * Start: Ratings
 */
.ratings li {
	position: relative;
	overflow: hidden;
	width: 100%;
	border-top: 1px solid #eee;
	padding-top: 5px;
	margin-top: 5px;
}

.ratings li span {
	display: block;
	width: 50%;
}

.ratings span:last-child {
	width: auto;
	position: absolute;
	top: 5px;
	right: 0;
	color: red;
	font-weight: bold;
}

/*
 * Start: Lightbox Gallery
 */
.lightbox-gallery .thumbs li {
	list-style-type: none;
	display: inline;
	margin: 5px 0 0 5px;
	padding: 5px;
}

.lightbox-gallery .thumbs li img {
	padding: 1px;
	border: 1px solid #ccc;
}

/*
 * Copy Comparisons
 */
.copy-compare {
	overflow: hidden;
	padding-bottom: 15px;
}

.copy-compare .example {
	border: 1px solid #ccc;
	float: right;
	width: 45%;
	padding: 10px 10px 0 10px;
}

.copy-compare .example:first-child {
	float: left;
}

/*
 * FAQs
 */
.question {
	font-weight: bold;
	font-size: .875em;
	margin:15px 0 10px 0;
	padding:10px;
	background:#f2f2f2;
	border:1px solid #dadada;
	color:#5B4040 !important;
}


/*
 * Control File Lists
 */
.file-list li {
	list-style-type:none;
	margin:0;
	padding:5px;
	border-bottom:1px solid #eee;
	overflow:hidden;
}

.file-list li:hover {
	background:#eee;
}

.file-list a {
	float:right;
	margin-left:10px
}


/*
 * Website Previews
 */
.website-previews {
	margin:15px 0 0 0;
	overflow:hidden;
} 

.website-previews li {
 	float:left;
 	list-style-type:none;
	width:49%;
	margin-bottom:15px;
}

.website-previews li img {
	border:1px solid #ccc;
	padding:2px;
}

.website-previews li img, .website-previews li a {
	display:block;
}

/*
 * Add This Module
 */
a.addthis {
	display:block;
	width:83px;
}

#atffc {
	display:none;
}

/*
 * Icons
 */

.video {
	background:url(/img/icons/video.jpg) no-repeat left center;
	padding-left:85px;
	min-height:73px;
}

.video .disclaimer {
	display:block;
	font-size:10px;
}

/*
 * Video Player
 */
.video-player {
	display:block;
	margin:15px auto;
}
.video-player img {
	display:block;
	margin: 0 auto;
	padding-top:25%;
}

/*
 * New Indicator
 */
.newIndicator {
	overflow:hidden;
	margin-bottom:10px;
	}

.newIndicator p {
	float:left;
	font-size:1em;
	padding:10px ;
	font-weight:bold;	
	line-height:1;
	color:#fff;
	background:#A63220;
}
