/* SharedPlan Styles v3.0 */

body {
	margin:10px auto;
	padding: 0px;
	background: #f2f1ec url(../images/bg_body.jpg) repeat-x top;
	font: 12px/1.5 Verdana, sans;
	color:#333;
}

p, li {
	margin: 0px;
	font: 12px/1.5 Verdana, sans;
	color:#333;
	text-align: left;
}

.pad15 { padding: 15 0 15 15px; }
.pad25 { padding: 25px; }
.pad25 p { margin: 0 0 10 0px; }
.purple { color: #4b4c9f; }
img { border: 0px; }

h1 {
	margin: 0px;
	padding: 0 0 10 0px;
	font: 36px Georgia, georgia, serif;
	text-align: left;
	color: #4b4c9f;
}
.big {
	margin: 0px;
	font: 36px Georgia, georgia, serif;
	text-align: left;
	color: #4b4c9f;
}
.small {
        margin: 0px;
        font: 9px/1.5 Verdana, sans;
        color:#333;
        text-align: left;
}
h2 {
	margin: 0px;
	padding: 0 0 10 0px;
	font: 14px/1.5 Verdana, verdana, sans;
	font-weight: bold;
	text-align: left;
	color: #999;
}
.plans {
	width: 345px;
	height: 80px;
	padding-top: 10px;
	background: #fff url(../images/bg_index_plans.jpg) repeat-y top;
	border-top: 1px solid #fff;
	vertical-align: middle;
	font: 12px Verdana, verdana, sans;
}
.plans img { margin: 0 10px; }
.plans a 		{ text-decoration:none; }
.plans a:link	{ color:#4b4c9f; text-decoration:none; }
.plans a:visited{ color:#339; text-decoration:none; }
.plans a:active	{ color:#000; text-decoration:none; }
.plans a:hover	{ color:#66c; text-decoration:none; }

#header {
	width: 700px;
	height: 110px;
	background: url(../images/header.jpg) no-repeat top;
	padding: 0 5 0 0px;
	color: #999;
	text-align: right;
	vertical-align: bottom;
}
#header2 {
	width: 700px;
	height: 110px;
	background: url(../images/header2.jpg) no-repeat top;
	padding: 0 5 0 0px;
	color: #999;
	text-align: right;
	vertical-align: bottom;
}

#content {
	width: 700px;
	margin: auto;
	padding: 0px;
	text-align: center;
	vertical-align: top;
	background: #fff url(../images/bg_content.jpg) repeat-y top;
}

.subnav {
	width: 690px;
	height: 20px;
	padding: 5px 10px;
	background: #fff url(../images/bg_subnav.jpg) repeat-x top;
	text-align: right;
	vertical-align: middle;
	font: 10px Verdana, sans;
}

.button {
	text-align: center;
	margin: 10px;
}
#footer {
	background: url(../images/footer.jpg) no-repeat top;
	padding: 25 0 0 0px; 
	font-size: 9px;
	color:#999;
	text-align: center;
}

a               {font-weight:700; border:0px; text-decoration:none;}
a.headlink      {font-weight:700; font-size: 110%; border:0px;}
a:link          {color:#4b4c9f; text-decoration:none;}
a:active        {color:#8b8fff; text-decoration:underline;}
a:hover         {text-decoration:underline;}


#footer a			{font-weight:700; border:0px;}
#footer a:link		{color:#4b4c9f; text-decoration:none;}
#footer a:visited	{color:#339; text-decoration:none;}
#footer a:active	{color:#000; text-decoration:underline;}
#footer a:hover		{color:#66c; text-decoration:underline;}
	
/* Tabs */
.floatright {
	float: right;
}
.tab {
	float: left;
	background: url(../images/bg_tab_left.gif) no-repeat left top;
	margin: 0px;
	padding: 0 0 0 15px;
}
.tab a {
	float: left;
	display: block;
	background: url(../images/bg_tab_right.gif) no-repeat right top;
	padding: 5 15 5 0px;
	text-decoration: none;
	font-weight: bold;
	color: #d24300;
	font: 15px Georgia, georgia, serif;
}
.tabOn {
	float:left;
	background: url(../images/bg_tabon_left.gif) no-repeat left top;
	margin: 0px;
	padding: 0 0 0 15px;
}
.tabOn a {
	float: left;
	display: block;
	background: url(../images/bg_tabon_right.gif) no-repeat right top;
	padding: 5 15 5 0px;
	text-decoration: none;
	font-weight: bold;
	color: #4b4c9f;
	font: 15px Georgia, georgia, serif;
}

.tab a:visited { color: #930; }
.tab a:hover { color:#f63; text-decoration: underline }
.tabOn a:visited { color: #339; }
.tabOn a:hover { color:#66c; text-decoration: underline }

.tab > a { width:auto; }
.tabOn > a { width:auto; }
/* Commented backslash hack hides rule from IE5-Mac \*/
.tab a { float:none; }
.tabOn a { float:none; } 
/* end IE5-Mac hack */