*
{
	margin		: 0px;
	padding		: 0px;
}
/*------------------------------------ Basic Elements */
html, body
{
	margin		: 0px;
	padding		: 0px;
	background	: #FFF;
	font		: 11px Arial, Helvetica, Tahoma, sans-serif;
	/* Global font style (size/line-height font families) this will be overwritten in individual ids and classes */
}
a { color: #0c538c }
a:hover 
{ 
	text-decoration	: none;
	color			: #2375b7;
}
a img {
	border	: 0px;
}
/* STYLED BUTTONS */
a#logout
{
	display		: block; /* makes entire link clickable and allows you to specify width/height */
	width		: 94px;
	height		: 18px;
	margin		: 7px 0 10px 0;
	background	: url(images/btn_logout.gif) top left no-repeat;
	float		: right;
}
a#feedback
{
	display		: block;
	width		: 139px;
	height		: 26px;
	background	: url(images/btn_feedback.gif) top left no-repeat;
}
a#assistance
{
	display		: block;
	width		: 147px;
	height		: 26px;
	background	: url(images/btn_assistance.gif) top left no-repeat;
}
a:hover#logout, a:hover#feedback, a:hover#assistance
{
	filter			: alpha(opacity=85);
	-moz-opacity	: .85;
	opacity			: .85;
}

h1 /* "Member Center" */
{
	font-size	: 28px;
	color		: #9da4a9;
	font-weight	: normal
}
h2 /* "Welcome Iver Skog" */
{
	font-size	: 18px;
	font-weight	: normal;
	color		: #000;
	float		: left;
}
h3 /* "Dues Payment" etc */
{
	font-size	: 14px;
	color		: #0c538c;
}
h4 /* "Member Resources etc */
{
	margin		: 10px 0;
	font-size	: 15px;
	font-weight	: normal;
	color		: #4a4a4a;
}
hr
{
	margin		: 4px 0;
	border		: none 0;
	border-top	: 1px solid #85aab7;
	height		: 1px;
}
.TextMedium
{
	color		: #666;
}
input, input.FormButton, .FormDropDown
{
	padding		: 1px;
	font		: 11px Tahoma, Arial, sans-serif;
	color		: #333;
}
input.FormButton
{
	background		: #0078a2;
	color			: #FFF;
	padding			: 2px 10px;
	/* border			: #4b4f50 1px solid;*/
	border			: 0px;
}
input.FormUpload
{
	background		: #F3F5F7;
	color			: #003366;
	padding			: 2px 10px;
	border			: #4b4f50 1px solid;
	/* border			: 0px;*/
}
.bar 
{
	width		: 100%;
	height		: 1px; /* This will change for specific area dividers - stacked under other selectors */
	background	: #0099cc;
	font-size	: 1px; /* IE fix for a true 1px div */
	clear		: both; /* prevents floating with all dividers */
}
.divider
{
	width		: 100%;
	height		: 1px;
	background	: #FFF;
	border-top	: #c6c6c6 1px solid;
	font-size	: 1px;
	clear		: left;
}
#page
{
	width	: 662px;
	margin	: 0 auto;
	margin-top	: 21px;
}
/*----------------------------- Page Head */
#pageHead
{
	width			: 100%;
	height			: 81px;
	margin-bottom	: 12px;
	position		: relative; /* allows absolute positioning on "Member Center" */
}
a#logo
{
	display		: block;
	width		: 300px;
	height		: 68px;
	margin		: 0 0 5px 14px;
	background	: url(images/wocn_logo.gif) top left no-repeat;
}
#pageHead h1
{
	position	: absolute;
	top			: 18px;
	right		: 22px;
}
#pageHead .bar
{
	height		: 20px;
}
/*----------------------------- User Info */
#user .content
{
	padding		: 10px;
	color		: #585757;
}
#user #info
{
	float	: left;
}
#user #info p { clear: both; }
#news
{
	float			: right;
	margin-bottom	: 12px;
	list-style		: none;
	line-height		: 20px;
	color			: #2e4252;
	height			: 100%;
}
/*----------------------------- Footer */
#footer .bar
{
	margin-top	: 15px;
	height		: 5px;
}
#footer p
{
	float		: left;
	margin		: 20px 5px 0 10px;
	color		: #626465;
}
#footer a#feedback, #footer a#assistance
{
	float			: left;
	margin-right	: 10px;
}
#footer #btns
{
	float	: right;
	margin	: 15px 0 0 0;
}