/* CSS Document */

body {
	background: #ccc;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

form.rightcol {
	margin: 5px 11px 5px 11px;
	padding: 0;
	font-size: 12px;
	color: #333;
	font-weight: normal;
	}

form {
	margin: 0;
	padding: 0;
	}

/**************** structural elements ******************/

#wrapper {
	position: relative;
	width: 900px;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0;
	}

#folio {
	position: absolute;
	top: 4px;
	left: 0px;
	width: 900px;
	height: auto;
	margin: 0;
	padding: 0;
	background: #fff;
	}

/**************** site container ******************/

#site_wrapper {
	float: left;
	width: 870px;
	height: auto;
	margin: 13px 15px 0px 15px;
	padding: 0 0px 13px 0px;
	display: inline;
	}

/**************** logo area ******************/

#logo_wrap {
	float: left;
	width: 870px;
	height: auto;
	margin: 0;
	padding: 0;
	}

#logo {
	float: left;
	width: 250px;
	height: auto;
	margin: 0;
	padding: 0;
	}

#top_right {
	float: right;
	width: 500px;
	height: auto;
	margin: 41px 0 0 0;
	padding: 0;
	text-align: right;
	}

#top_right p {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #999;
	}

#top_right a {
	color: #981a1d;
	text-decoration: none;
	}

#top_right a:hover {
	color: #981a1d;
	text-decoration: underline;
	}


/**************** navigation styles ******************/

#navigation_wrap {
	float: left;
	width: 870px;
	height: auto;
	margin: 9px 0 0 0;
	padding: 0;
	background: url(img/nav-bg.gif) repeat-x;
	}

#nav {
	float: left;
	width: 700px;
	height: 31px;
	margin: 0 0 0 0;
	padding: 0;
	}

#nav p, #nav_right p {
	margin: 8px 12px 0 12px;
	padding: 0;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	}

#nav sup, .nav sup {
	font-size: 10px;
	color: #fff;
	font-weight: normal;
	}

#nav a, #nav_right a {
	color: #fff;
	text-decoration: none;
	}

#nav a:hover, #nav_right a:hover {
	color: #fff;
	text-decoration: underline;
	}

#nav a.selected, #nav_right a.selected {
	color: #afafaf;
	}


#nav_right {
	float: right;
	width: 120px;
	height: 31px;
	margin: 0 0 0 0;
	padding: 0;
	text-align: right;
	}

/*************** Subnav ****************/

#subnavigation {
	float: left;
	width: 870px;
	background: url(img/subnav-bg.gif) no-repeat;
	margin: 0;
	padding: 0;
	}

.subnav {
	float: left;
	width: 870px;
	margin: 0;
	padding: 0;
	height: 27px;
	}

.subnav p {
	font-size: 12px;
	color: #333;
	margin: 0;
	padding: 6px 13px 0 13px;
	}

.subnav a {
	color: #333;
	text-decoration: none;
	}

.subnav a:hover {
	color: #333;
	text-decoration: underline;
	}

.subnav a.selected {
	color: #111;
	text-decoration: none;
	font-weight: bold;
	}


/*** space item between nav links ***/

.navspacer {
	margin: 0 12px;
	font-weight: normal;
	color: #d2d2d2;
	}

/**************** main column class ******************/

#main_content {
	float: left;
	width: 870px;
	height: auto;
	margin: 12px 0 0 0;
	padding: 0;
	background: #fff url(img/main-bg.gif) repeat-y;
	}

#main_content_full {
	float: left;
	width: 870px;
	height: auto;
	margin: 12px 0 0 0;
	padding: 0;
	background: #fff;
	}

/******************* full column styles *****************/

#full_column {
	float: left;
	width: 870px;
	height: auto;
	margin: 12px 0 0 0;
	padding: 0;
	background: #fff url(img/content-bg.gif) no-repeat;
	}

.full_content {
	float: left;
	width: 846px;
	height: auto;
	margin: 6px 0 0 12px;
	padding: 0 0 12px 0;
	background: none;
	display: inline;
	}

.full_content sup {
	font-size: 14px;
	font-weight: normal;
	}


/**************** left column styles ******************/

#left_column {
	float: left;
	width: 560px;
	height: auto;
	margin: 0;
	padding: 0;
	background: #fff url(img/content-bg.gif) no-repeat;
	}

.left_content {
	float: left;
	width: 560px;
	height: auto;
	margin: 6px 0 0 12px;
	padding: 0;
	background: none;
	display: inline;
	}

.tour-strip {
	float: left;
	width: 560px;
	height: 150px;
	padding:0 0 20px 0;
	margin:0;
	background: none;
	border-bottom: dotted 1px #ccc;
	}
.screenshot {
	float: left;
	width: 160px;
	height: 150px;
	padding: 0;
	margin:0;
	background: none;
	}
	


.tour-text{
	float: right;
	width: 400px;
	height: 150px;
	padding: 0;
	margin:0;
	background: none;
	}
	
	.tour-text p{
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:12px !important;
	padding: 20px 10px 0 10px !important;
	}
	
	.tour-text p a{
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:12px !important;
	color:#000000 !important;
	text-decoration:none !important;
	}
	
.clearit {
	clear: both;
	height: 0;
	overflow: hidden;
	}
	
.people_module {
	float: left;
	width: 560px;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	background: none;
	}

.left_content_topmrg {
	float: left;
	width: 560px;
	height: auto;
	margin: 14px 0 0 12px;
	padding: 0;
	background: none;
	display: inline;
	}

.left_content h1, .left_content_topmrg h1, .full_content h1, .people_module h1 {
	font-family: Georgia, Times New Roman, serif;
	font-size: 26px;
	color: #444;
	letter-spacing: -0.02em;
	background: url(img/h1-bg.gif) bottom left repeat-x;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0 0 3px 0;
	}

.left_content h2, .left_content_topmrg h2, .full_content h2 {
	font-size: 17px;
	color: #981a1d;
	font-weight: bold;
	margin: 6px 0 6px 0;
	padding: 0 0 6px 0;
	}


.heading {
	font-size: 14px;
	color: #981a1d;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: normal;
	}

.subheading {
	font-size: 12px;
	color: #666;
	font-weight: normal;
	margin: 0 0 2px 0;
	padding: 0 0 0 0;
	line-height: normal;
	}

.people_module p {
	font-size: 12px;
	color: #000;
	font-weight: normal;
	margin: 12px 0 10px 0;
	padding: 12px 0 2px 0;
	line-height: 1.5em;
	}


/* Note - <h3> style is the same as <h2> style to make it easier to copy/paste content from existing site */

.left_content h3, .left_content_topmrg h3, .full_content h3, .people_module h3 {
	font-size: 15px;
	color: #222;
	font-weight: bold;
	margin: 12px 0 6px 0;
	padding: 0 0 6px 0;
	}

.left_content h4, .left_content_topmrg h4, .full_content h4, .people_module h4 {
	font-size: 14px;
	color: #222;
	font-weight: bold;
	margin: 12px 0 0px 0;
	padding: 0 0 6px 0;
	}

.left_content p, #left_column p, .left_content_topmrg p, .full_content p {
	font-size: 12px;
	color: #000;
	font-weight: normal;
	margin: 6px 0 10px 0;
	padding: 0 0 2px 0;
	line-height: 1.5em;
	}

.left_content p.byline, #left_column p.byline, .left_content_topmrg p.byline, .full_content p.byline {
	font-size: 11px;
	color: #555;
	font-weight: normal;
	margin: 4px 0 6px 0;
	padding: 0 0 2px 0;
	line-height: normal;
	}

.left_content p.bylinecmt, #left_column p.bylinecmt, .left_content_topmrg p.bylinecmt, .full_content p.bylinecmt {
	font-size: 11px;
	color: #555;
	font-weight: normal;
	margin: 6px 0 12px 0;
	padding: 0 0 3px 0;
	line-height: normal;
	background: url(img/comment-bg.gif) bottom left repeat-x;
	}

.left_content ul, #left_column ul, .left_content_topmrg ul, .full_content ul, .people_module ul {
	font-size: 12px;
	color: #000;
	font-weight: normal;
	margin: 6px 0 10px 14px;
	padding: 0 0 0 2px;
	}

.left_content li, #left_column li, .left_content_topmrg li, .full_content li, .people_module li {
	font-size: 12px;
	color: #222;
	font-weight: normal;
	margin: 2px 0 2px 14px;
	padding: 0 0 0 2px;
	list-style-image: url(img/list-bullet.gif);
	}

.left_content a, #left_column a, .left_content_topmrg a, .full_content a, .people_module a {
	color: #981a1d;
	text-decoration: underline;
	}

.left_content a:hover, #left_column a:hover, .left_content_topmrg a:hover, .full_content a:hover, .people_module a:hover {
	color: #981a1d;
	text-decoration: underline;
	}

.blog_separate {
	margin: 0 10px;
	color: #888;
	}

a.bloglink {
	color: #981a1d;
	text-decoration: underline;
	font-weight: bold;
	}

/****************** sponsor images ***********************/

.sponsor_graphics {
	margin: 0 70px 0 0;
	}


/**************** right column styles ******************/

#right_column {
	float: right;
	width: 250px;
	height: auto;
	margin: 0;
	padding: 0;
	background: #fff;
	}


/**************** right module styles ******************/

#rightmodule_wrap {
	float: left;
	width: 250px;
	height: auto;
	margin: 0;
	padding: 0;
	}

.rightmodule_wrap {
	float: left;
	width: 250px;
	height: auto;
	margin: 0;
	padding: 0;
	}

#rightmodule_wrap_mrg {
	float: left;
	width: 250px;
	height: auto;
	margin: 12px 0 0 0 !important;
	padding: 0;
	}

.rightmodule_wrap_mrg {
	float: left;
	width: 250px;
	height: auto;
	margin: 12px 0 0 0!important;
	padding: 0;
	}

#rightmodule_top_updates {
	float: left;
	width: 250px;
	height: 36px;
	margin: 0;
	padding: 0;
	background: url('img/right-modules/top-nothing.gif') no-repeat;
	}

#rightmodule_top_blog {
	float: left;
	width: 250px;
	height: 36px;
	margin: 0;
	padding: 0;
	background: url(img/right-modules/top-blog.gif) no-repeat;
	}

#rightmodule_top_messages {
	float: left;
	width: 250px;
	height: 36px;
	margin: 0;
	padding: 0;
	background: url(img/right-modules/top-mail.gif) no-repeat;
	}

#rightmodule_top_tips {
	float: left;
	width: 250px;
	height: 36px;
	margin: 0;
	padding: 0;
	background: url(img/right-modules/top-tips.gif) no-repeat;
	}

#rightmodule_top_people {
	float: left;
	width: 250px;
	height: 36px;
	margin: 0;
	padding: 0;
	background: url(img/right-modules/top-people.gif) no-repeat;
	}

#rightmodule_top_updates h1, #rightmodule_top_messages h1, #rightmodule_top_tips h1, #rightmodule_top_people h1, #rightmodule_top_blog h1 {
	margin: 7px 11px 0 11px;
	padding: 0;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	}


#rightmodule_middle {
	float: left;
	width: 250px;
	height: auto;
	margin: 0 !important;
	padding: 0 0 7px 0;
	background: url(img/right-modules/right-mid-bg.gif) no-repeat;
	}

.rightmodule_middle {
	float: left;
	width: 250px;
	height: auto;
	margin: 0 !important;
	padding: 0 0 7px 0;
	background: url('/img/right-modules/right-mid-bg.gif') no-repeat;
	}

#rightmodule_middle p, .rightmodule_middle p {
	margin: 3px 11px 0px 11px !important;
	padding: 0 0 3px 7px;
	font-size: 12px;
	color: #333;
	font-weight: normal;
	/*background: url('/img/bullet.gif') top left no-repeat;*/
	}

#rightmodule_middle p.mrgtop, .rightmodule_middle p.mrgtop {
	margin: 10px 11px 0px 11px !important;
	padding: 0 0 3px 7px;
	font-size: 12px;
	color: #333;
	font-weight: normal;
	background: url(img/bullet.gif) top left no-repeat;
	}

#rightmodule_middle p.nobullet, .rightmodule_middle p.nobullet {
	margin: 3px 11px 0px 11px !important;
	padding: 0 0 3px 0;
	font-size: 12px;
	color: #333;
	font-weight: normal;
	background: none;
	}

#rightmodule_middle p.seeall, .rightmodule_middle p.seeall {
	margin: 3px 11px 0px 11px !important;
	padding: 0 0 3px 7px;
	font-size: 12px;
	color: #333;
	font-weight: normal;
	background: none;
	}

#rightmodule_middle p.lastlog, .rightmodule_middle p.lastlog {
	margin: 0px 11px 0px 11px !important;
	padding: 0 0 6px 7px;
	font-size: 11px;
	color: #666;
	font-weight: normal;
	background: none;
	}

#rightmodule_middle a, .rightmodule_middle a {
	color: #981a1d;
	text-decoration: underline;
	}

#rightmodule_middle a:hover, .rightmodule_middle a:hover {
	color: #981a1d;
	text-decoration: underline;
	}

#rightmodule_bottom {
	float: left;
	width: 250px;
	height: 2px;
	margin: 0;
	padding: 0;
	}

.rightmodule_bottom {
	float: left;
	width: 250px;
	height: 2px;
	margin: 0;
	padding: 0;
	}

/******************** calendar styles *******************/

.calendartable {
	border-top: solid 1px #d2d2d2;
	border-left: solid 1px #d2d2d2;
	}

.calendartable th {
	background: #bb1115 url(img/cal-th-bg.gif) repeat-x;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	padding: 3px;
	}

.calendartable td.day {
	background: #f5f5f5;
	font-size: 11px;
	color: #666;
	font-weight: normal;
	padding: 2px 3px 2px 3px;
	border-right: solid 1px #d2d2d2;
	border-bottom: solid 1px #d2d2d2;
	}

.calendartable td {
	background: none;
	font-size: 9px;
	line-height: 100%;
	color: #000;
	font-weight: bold;
	padding: 2px 3px 2px 3px;
	border-right: solid 1px #d2d2d2;
	border-bottom: solid 1px #d2d2d2;
	}


.calendarsort {
	margin: 12px 0 0 0;
	border-top: solid 1px #d2d2d2;
	}

.cal_prevmonth {
	font-size: 12px;
	color: #333;
	padding: 9px 3px 3px 3px;
	}

.cal_currentmonth {
	font-size: 12px;
	color: #333;
	text-align: center;
	padding: 9px 3px 3px 3px;
	}

.cal_nextmonth {
	font-size: 12px;
	text-align: right;
	color: #333;
	padding: 9px 3px 3px 3px;
	}

.cal_prevmonth a, .cal_nextmonth a, .cal_currentmonth a {
	color: #222;
	text-decoration: none;
	}

.cal_prevmonth a:hover, .cal_nextmonth a:hover, .cal_currentmonth a:hover {
	color: #222;
	text-decoration: underline;
	}

/******************** calendar styles *******************/

.resourcetable {
	margin: 0;
	}

.resourcetable th {
	background: #6d6d6d url(img/resource-th-bg.gif) repeat-x;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	padding: 4px 8px 4px 8px;
	text-align: left;
	}

.resourcetable td {
	background: none;
	font-size: 12px;
	color: #111;
	font-weight: normal;
	padding: 8px;
	}


/******************** fullcontrol tables *******************/

.fcimages {
	vertical-align: middle;
	margin: 0 5px 0 0;
	}

.fctable {
	margin: 0px 0 0 0;
	}

.fctable th {
	background: #7e7e7e url(img/fc-table-heading.gif) repeat-x;
	font-size: 12px !important;
	color: #fff;
	font-weight: bold;
	padding: 3px;
	text-align: left;
	}

.fctable td.shaded {
	background: #f0f0f0;
	font-size: 12px !important;
	color: #000;
	font-weight: normal;
	padding: 3px 3px 3px 3px;
	}

.fctable td {
	background: none;
	font-size: 12px !important;
	color: #000;
	font-weight: normal;
	padding: 3px 3px 3px 3px;
	}

.fc_input_button {
	margin: 10px 0 0 0;
	font-family: Georgia, Times New Roman, serif;
	font-size: 12px;
	color: #333;
	padding: 1px;
	}


/****************** registration styles *****************/

.required {
	color: #981a1d;
	font-weight: bold;
	}

.regtable {
	margin: 0px;
	}

.regtable td {
	background: none;
	font-size: 12px;
	color: #111;
	font-weight: normal;
	padding: 3px;
	}

.regtable td.bottom {
	background: none;
	font-size: 12px;
	color: #111;
	font-weight: normal;
	padding: 3px 3px 11px 3px;
	}

.regtable td.shaded {
	background: #f1f1f1;
	font-size: 12px;
	color: #111;
	font-weight: normal;
	padding: 3px;
	}

.regtable td.shadedbottom {
	background: #f1f1f1;
	font-size: 12px;
	color: #111;
	font-weight: normal;
	padding: 3px;
	border-bottom: solid 8px #fff;
	}

.regtable td.button {
	background: none;
	font-size: 12px;
	color: #111;
	font-weight: normal;
	padding: 10px 3px 3px 3px;
	border-top: solid 3px #b9d4dd;
	}

/******************* wizard table ********************/

.wizardtable {
	margin: 10px 0 10px 0;
	}

.wizard_on {
	background: #6693a2;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	padding: 2px 3px;
	border-right: solid 1px #eaeaea;
	}

.wizard_off {
	font-size: 11px;
	color: #999;
	font-weight: normal;
	padding: 2px 3px;
	border-right: solid 1px #fff;
	}

.wizard_on_right {
	background: #6693a2;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	padding: 2px 3px;
	}

/****************team management in fullcontrol *************/

.teamtab_on {
	background: #6693a2;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	padding: 3px;
	border-right: solid 2px #fff;
	}

.teamtab_off {
	background: #cbdbe1;
	font-size: 12px;
	color: #666;
	font-weight: normal;
	padding: 3px;
	border-right: solid 2px #fff;
	}

.teamtab_on_right {
	background: #6693a2;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	padding: 3px;
	}

.teamtab_off_right {
	background: #cbdbe1;
	font-size: 12px;
	color: #666;
	font-weight: normal;
	padding: 3px;
	}

.teamtab_off a, .teamtab_off_right a {
	color: #666;
	text-decoration: none;
	}

.teamtab_off a:hover, .teamtab_off_right a:hover {
	color: #666;
	text-decoration: underline;
	}


/**************** footer styles ******************/

#footer_wrap {
	float: left;
	width: 870px;
	height: auto;
	margin: 11px 0 0 0;
	padding: 0;
	background: #fff url(img/footer-bg.gif) repeat-x;
	}

.footer {
	float: left;
	width: 620px;
	height: auto;
	margin: 5px 0 0 0;
	padding: 0;
	}

.footer p, .footer_poweredfts p {
	font-size: 11px;
	color: #444;
	font-weight: normal;
	margin: 10px 0 0 0;
	padding: 0 0 3px 0;
	}

.footer a, .footer_poweredfts a {
	color: #444;
	text-decoration: none;
	}

.footer a:hover, .footer_poweredfts a:hover {
	color: #444;
	text-decoration: underline;
	}


.footer_poweredfts {
	float: right;
	width: 230px;
	height: auto;
	margin: 3px 0 0 0;
	padding: 0;
	text-align: right;
	}


/************* form and table classes **********************/

.formfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin: 0;
	padding: 1px;
	font-weight: normal;
	}

.formfield_mrgbottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin: 0 0 6px 0;
	padding: 0px;
	font-weight: normal;
	}

.formfield_mrgtop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	margin: 6px 0 0 0;
	padding: 0px;
	font-weight: normal;
	}


.formbutton {
	font-family: Georgia, Times New Roman, serif;
	font-size: 12px;
	color: #333;
	margin: 0;
	padding: 1px;
	font-weight: normal;
	}

.formbutton_topmrg {
	font-family: Georgia, Times New Roman, serif;
	font-size: 12px;
	color: #333;
	margin: 6px 0 0 0;
	padding: 1px;
	font-weight: normal;
	}

.lighter {
	font-size: 11px;
	color: #666;
	}

.imgmargin_left {
	margin: 0 0 0 14px;
	}

.imgmargin_right {
	margin: 0 14px 0 0;
	}

.imgmargin_left_extreme {
	margin: 0 0 0 20px;
	}

/************************** FullControl CMS Styles ****************************/

.fc_split {
	color: #b6b6b6;
	margin: 0 12px;
	font-weight: normal;
	}

.fc_icon {
	vertical-align: middle;
	margin: 0 1px 0 0;
	}
	
	
#blogwrap {
	float: left;
	width: 820px;
	height: 39px;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	background: url(images/blog-bg.gif) no-repeat;
	}
#blogwrap p.blog {
	margin: 10px 0px 0px 0px;
	padding: 0px 14px 0px 14px;
	font-size: 13px;
	color: #444;
	text-align: left;
	}
#blogwrap a {
	color: #333;
	text-decoration: none;
	}
#blogwrap a:hover {
	color: #333;
	text-decoration: underline;
	}
#blogwrap a.selected {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}

.blog_divide {
	margin: 0 11px;
	color: #ccc;
	font-weight: normal;
	}

.blog_icon_left {
	vertical-align: middle;
	margin: 0 1px 0 0;
	}
.blog_icon {
	vertical-align: middle;
	margin: 0 1px 0 11px;
	}	
	
.table_blog {
	margin: 12px 0 0 0;
	padding: 0;
	}
.table_blog th {
	margin: 0;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	background: #0093ad;
	text-align: left;
	}
.table_blog td {
	margin: 0;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	color: #222;
	font-size: 12px;
	background: #fff;
	}
.table_blog td.dark {
	margin: 0;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	color: #222;
	font-size: 12px;
	background: #f0f0f0;
	}
.table_blog td.button {
	margin: 0;
	padding: 8px 3px 3px 3px;
	font-family: Arial, Helvetica, sans-serif;
	color: #222;
	font-size: 12px;
	background: #fff;
	}
	
p.updated {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 12px 0px 0px 0px;
	padding: 8px;
	color: #111;
	line-height: normal;
	font-weight: normal;
	background: url(/img/updated-bg.gif);
	}