body  {
	font: 100%  Arial, Lucida Sans Unicode, Verdana, Helvetica, sans-serif;
	background: url('/images/bg.gif') fixed top left repeat-x #c9f2ba;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	line-height:1.4em
}

/*- - MINOR - -*/

h1{ font: 120%/110% Arial, Helvetica, sans-serif, Century Gothic, Georgia, "Cooper Black", Times, serif;  text-transform: uppercase; color:#ff9900}
h2{ font: 100%/90% Arial, Century Gothic, Georgia, "Cooper Black", Times, serif; font-weight:bold; text-transform:uppercase; color:#ff9900}
h2 a{color:#89c984}
h2 a:hover{color:#768e9d}

/* - - GLOBAL - - */
a{text-decoration:none; color:#71ab6b; font-weight:bold}
a:hover{text-decoration: underline; color:#89c984}
a:visited{border-bottom:1px dotted #71ab6b}

b.div{color:#327ebe; font-size:12px}

small{font-weight:normal; font: 100%/100% Arial, Helvetica, sans-serif}
p{padding:4px 0}
.search{ font-size: small; color:#c7d4de; background:url('/images/search_icon.gif') top left no-repeat; padding-left:20px}
.left{float:left; width: auto}
.right{float:right; width:auto}
.meta{background:#f9fbff; border-top:1px dotted #758e9d; border-bottom:1px dotted #758e9d; padding:0 3px; color:#327ebe}
.textright{float:right; width:82%; padding-left:5px; border-left:1px solid #e2e2e2}
.bold, label, legend {font-weight: bold !important;}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.address{color:#758e9d}
.address b{color:#327ebe}

/* - - HEADER - - */
/* - - TAB - - */
#tab{background:#c9e5fc; border:2px solid #fff; position:relative}
#tab p{ font: 10px Arial, Helvetica, sans-serif; line-height:1.8em; color:#327ebe}

#tab_content{float:right; width:450px; margin:4px 0; padding:0}
#tab_content div{ min-height:120px; height:auto !important; height:120px; padding:15px 0;}

#tab_content div.contact{background:url('/images/snap.jpg') left no-repeat}
#tab_content div.push{background:url('/images/snap.jpg') left no-repeat}
#tab_content div.pull{background:url('/images/snap.jpg') left no-repeat}
#tab_content div.list{background:url('/images/snap.jpg') left no-repeat}

#tab_content p{ margin: 0 0 0 15em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */}

/* - - 1ST TAB NAVIGATION - - */
#tab_mid{ width:240px; min-height:160px; height:auto !important; height:160px;  visibility: visible}

#tab_mid a {
	float:right;
	display:block;
	width:.1em;
	text-decoration:none;
	font-weight:bold;
}

#tab_mid > ul.subsection_tabs a {width:auto;}

#tab_mid ul.subsection_tabs {
	list-style:none;
	margin:0;
}

#tab_mid ul.subsection_tabs li {
	background:url(images/tab_bg.gif) top right no-repeat;
	float:left;
	text-align:center;
	width:240px;
}

#tab_mid ul.subsection_tabs li a {
	font: 14px Trebuchet Ms, Century Gothic, "Cooper Black", Georgia, Times, serif; font-weight:bold;
	color:#fff;
	text-decoration:none;
	padding:11px 0;
	padding-right:60px;
	width: auto
}

#tab_mid ul.subsection_tabs li a:hover {}

#tab_mid ul.subsection_tabs li a.active {
	background: url(images/tick.gif) right no-repeat;
	color:#84c984
}
/* - - END 1ST TAB NAVIGATION - - */


.thrColElsHdr #container { 
	width: 46em;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #fff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border-left: 2px solid #c9e8ef;	border-right: 2px solid #c9e8ef;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
}
 
.thrColElsHdr #header { 
	background:url('/images/header.gif') top center no-repeat; 
	overflow:hidden; 
	min-height:140px; height:auto !important; height:140px
}

.thrColElsHdr #header .left {
	position:relative; 
	float:left; 
	width:5px; 
	background:url('/images/header.gif') left no-repeat;
	z-index:150; 
	min-height:140px; height:auto !important; height:140px
}

.thrColElsHdr #header .right {
	position:relative; 
	float:right; 
	width:5px; 
	background:url('/images/header.jpg') right no-repeat;
	z-index:150; 
	min-height:140px; height:auto !important; height:140px
}

.thrColElsHdr #header img.banner{ position:absolute; top width:876px; height:192px;}

.thrColElsHdr #header h1 {
	margin: 0;
	padding: 10px 0;
}

.thrColElsHdr #sidebar1 {
	background:#f1f6ff;
	border:1px solid #dde9f5;
	font-size:0.85em;
	float: left;
	width: 25em; /* since this element is floated, a width must be given */
	margin: 15px /* top and bottom padding create visual space within this div */
}

input{background:#f1f6ff; margin:2px; font: 10px Lucida Grande, Arial, Helvetica, sans-serif; font-weight:bold; width:250px; padding:5px; color:#758e9d}

.thrColElsHdr #sidebar1 p{font:10px Arial, Helvetica, sans-serif bold; line-height:1.5em}

.thrColElsHdr #sidebar1 h3, .thrColElsHdr #sidebar1 p, .thrColElsHdr #sidebar2 p, .thrColElsHdr #sidebar2 h3 {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

#one, #two{background:#f9fbff; margin:30px 4px 4px 4px}
#one input.button{ background:url('/images/signbutton.png') no-repeat;  width:76px; border:none; margin-top:6px }
#one input.button:hover{ background:url('/images/signbutton.png') no-repeat; background-position:0 -26px}

.thrColElsHdr #mainContent {
	background:url('/images/bottom_bg.gif') bottom repeat-x;
	font-size:12px;
	color:#758e9d;
	padding:15px 9px 15px 9px
} 

.thrColElsHdr #mainContent #plan{ background:url(/images/box_bg.gif) top left repeat-x; border:6px solid #87c1e7; margin:10px 0}
.thrColElsHdr #mainContent #plan strong.big{font-size:14px; color:#2a9bc5}

.thrColElsHdr #mainContent #plan table td{font:12px Arial, Helvetica, sans-serif; color:#505050; padding:3px 5px; text-align:center}

.thrColElsHdr #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: url(images/footer.jpg) #f9f9f9 top left repeat-x ;
} 
.thrColElsHdr #footer p {
	font-size:11px;
	color:#758e9d;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.thrColElsHdr #footer a{color:#33cc00}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


#tab_nav ul.subsection_tabs {
	list-style:none;
	margin:0;
	padding-top:4px;
	width:23em;
	float:left;
}

#tab_nav ul.subsection_tabs li {
	float:left;
	text-align:center;
}

#tab_nav ul.subsection_tabs li a {
	font-family: helvetica,arial,sans-serif; font-size: 12px; font-weight:bold;
	color:#327ebe;
	text-decoration:none;
	padding:5px 20px;
	margin-right:1px
}

#tab_nav ul.subsection_tabs li a:hover {
	background:#f9fbff
}

#tab_nav ul.subsection_tabs li a.active {
	background-color:#f9fbff;
}

#tab_nav ul.register_tabs {
	border-bottom:none;
}

#tab_nav ul.register_tabs li a.active {
	background-color:#f9fbff;
	border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;
}


.form_error #error_for_username{ font-size:10px; color:#ff3237}

/*- - - - - - S I D E N A V I G A T I O N - - - - - -*/
#navi{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px; font-weight:bold; margin-top:10px;
	position: absolute;
	width:70px;
	z-index: auto; line-height:1.9em;
}

#navi a{ color:#000; padding:4px 50px 4px 5px; border:none}

#navi ul{list-style:none}
#navi li{width:90px; margin:2px 1px}

#navi a.home{background:url('/images/navi1.png') top left no-repeat}
#navi a.blog{background:url('/images/navi0.png') top left no-repeat}
#navi a.plan{background: url('/images/navi2.png') top left no-repeat}
#navi a.sign{background:url('/images/navi3.png') top left no-repeat}
#navi a.log{background:url('/images/navi4.png') top left no-repeat}
#navi a.vid{background:url('/images/navi5.gif') top left no-repeat}
#navi a:hover{ color:#84c984; text-decoration:none; background-position: 0 -20px}

#date{width:11%; margin:10px 0; margin-right:15px; padding:0 2px}
#date #day{ width: auto; font-size:28px; font-weight:bold}
#date #month, #date #year{ width:40%; font: 10px Calibri, Arial, Helvetica, sans-serif; line-height:1.2em; letter-spacing:0.1em}
#date span{	font-family: "myriad pro","lucida grande",helvetica,arial,sans-serif; font-size: 28px; color: #758e9d}


/* - - - E N D N A V I - - - */

/* - - CONTENT - - */
#content{background: url('/images/main_bg.jpg') top left repeat-y}
#entry{width:auto; padding:15px 25px; font-size:11px}
#entry ul{ list-style:none; padding:0; margin:0}
#entry li{background: url('/images/icon_bullet_orange.png') left no-repeat; padding-left:15px}
/*#entry #sub{ border-top:1px dashed #e2e2e2; background:url('/images/line2.gif') bottom repeat-x;}*/

#date{width:15%; margin:8px 0}
#date #day{ width:50%; font-size:28px; font-weight:bold}
#date #month{ width:40%; font:inherit; font-size:xx-small; padding:0; margin:0; line-height:1.2em; letter-spacing:0.1em}
#date span{	font-family: "myriad pro","lucida grande",helvetica,arial,sans-serif; font-size: 28px; color: #758e9d}

#text{width:82%; padding-left:5px; border-left:1px solid #e2e2e2}
#entry #span{ border-top:1px solid dotted #e2e2e2}

#comment{padding:8px 3px; margin:8px 5px 0 0; border-top:1px solid #efefef;  border-bottom:1px solid #efefef; background:#f9fbff}
#comment p{font-weight:lighter}
#comment input{background:#fff; border-bottom:1px solid #efefef; color:#3b3b3b}
#comment input:focus{ border-bottom:1px solid #e1e1e1}
#comment input.save{
  width:120px;
  color:#fff;
  font-family:arial,helvetica,sans-serif;
  font-size: 12px;
  font-weight:bold;
  background:url('/images/button.gif') no-repeat #4384f0;
  border:1px solid #1e5fc7;
  margin-top:3px;
  padding:4px 16px 1px;
}

#comment textarea{ background:#fff; border:none; border-bottom:1px solid #efefef; font-family:Arial, Helvetica, sans-serif;}
#comment a{ color:#89c984}
#comment a:hover{ color:#768e9d}
#comment h1{background:url(images/icon_comment.png) no-repeat top left; padding:0 0 10px 20px; font:120%/160% Georgia, 'Times New Roman', Times, serif}
#comment h3{ font-family: "myriad pro",geneva,"lucida grande", helvetica, arial, sans-serif; letter-spacing:1px; font-size: 12px; font-weight:bold; padding:4px 0}

#comment span.add{ float:right; color:#ccc; position:relative; padding:1px 2px; width:40px; top:-8px; right:-3px; z-index:100; background:url('/images/drop_down_arrow.gif') top right no-repeat;  height:10px; font:110%/100% Arial, Helvetica, sans-serif; font-size:x-small; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc}

#comment ul{ list-style:none; padding:0; margin:0 }
#comment li{background: url(images/dotline.gif) #fff bottom repeat-x; padding:5px 0}
#comment li span{background:#ff0066; color:#fff; padding:1px 5px; margin-right:3px}
#comment li.alt{background: url(images/dotline.gif) #f9fbff bottom repeat-x; padding:5px 0}
#comment li.alt span{background:#33cc00}
#comment li span a{color:#fff}
#comment li span a:hover{text-decoration:underline; color:#f9fbff}


#sidebar{width:25%; padding:0 15px 25px 0px}
#sidebar #sub{padding:0 20px}
#sidebar h2{font-family: "myriad pro",geneva,"lucida grande", helvetica, arial, sans-serif; font-size: 14px; font-weight:bold; color: #768e9d}
#search{ width:168px; padding:5px 6px; background:url('/images/search_bg.gif') top left repeat-y; margin-top:1px; margin-bottom:10px}
#sidebar ul{ list-style:none; padding:5px 0 5px 0; margin:0 }
#sidebar li{ width:auto }
#sidebar a{ background: url('/images/icon_bullet_orange.png') left no-repeat; padding-left:15px}


.thrColElsHdr #footer {
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: url(/images/fp_footer2.jpg)  top left repeat-x ;
	/*background: url('/images/fp_footer.jpg') #f9f9f9 top left repeat-x;*/
	padding:0 10px;
} 
.thrColElsHdr #footer p {
	font:10px Arial, Helvetica, sans-serif bold;
	font-weight:bold;
	color:#758e9d;
}

.thrColElsHdr #footer a{color:#33cc00}
.thrColElsHdr #footer a:hover{text-decoration:underline}