/* 
================================
Skin styles for DotNetNuke
================================
*/   

html, body
{
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
	text-align: center;
}

body, p, a, li
{
	color: #636363;
	font-family: Arial;
}

body
{
	background-color: #e6e6e6;
}

/* IMAGES */

img
{
	border: 0;
}

/* This layer determines the background */
#pagemaster
{
	width: 100%;
	height: 100%;
	text-align: center;
}

/* Layout's main table */
#contentmaster
{
	position: relative;
	width: 820px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

#contentmaster td
{
	text-align: left;
}

#UpperPane #Authentication
{
	padding: 0 10px 10px 0;
	float: right;
	font-size: 11px;	
}

/* Header pane elements */
#HeaderPane
{
	padding: 10px 10px 0 10px;
	height: 94px;
	vertical-align: top;
	background-color: White;
}

div#HeaderPane_logo
{
	float: left;
	width: 228px;
	height: 94px;
	clear: none;
	padding: 0;
	margin: 0;
}

div#HeaderPane_menu
{
	float: right;
	width: 300px;
	height: 94px;
	clear: none;
	text-align: right;
}

#AuthenticationPane
{
	float: right;
	padding: 23px 19px 0 0;
}

/* Right column transparent layer */
.transparentlayer
{
	background-color: Transparent;
	background-image: url(img/background_transparency2.png);
	behavior: url(/iepngfix.htc);
}

/* Main Pane styles */
.contentpane_1
{
	background-color: White;
	padding: 0 11px 0 11px;
	vertical-align: top;
	background-image: url(img/family.jpg);
	background-position: 11px 7px;
	background-repeat: no-repeat;
	height: 476px;
}

.contentpane_2
{
	background-color: White;
	padding: 0 11px 0 11px;
	vertical-align: top;
	background-image: url(img/workerman.jpg);
	background-position: 11px 7px;
	background-repeat: no-repeat;
	height: 476px;
}

.contentpane_3
{
	background-color: White;
	padding: 0 11px 0 11px;
	vertical-align: top;
	background-image: url(img/nycity.jpg);
	background-position: 11px 7px;
	background-repeat: no-repeat;
	height: 476px;
}

.contentpane_empty {
	background-color: White;
	padding: 0 11px 0 11px;
	vertical-align: top;
	height: 476px;
	vertical-align: top;
}


#BottomPaneRow
{
	padding: 10px;
	background-color: White;
	vertical-align: top;
}

#BottomPaneRow #IconBox
{
	float: left;
	padding: 0;
	margin: 0;
	clear: none;
	width: 27px;
}

#BottomPaneRow .bottompane
{
	float: left;
	padding: 0;
	margin: 0;
	clear: none;
	width: 770px;
}

/* Copyright */
#LowerPane #Copyright
{
	padding: 10px 10px 0 0;
	float: right;
	font-size: 10px;
}

/* Text */
.SpecialText
{
	color: #5b6f7b;
	font-weight: normal;
	font-size: 10px;
}

.TopMenuLink
{
	color: #636265;
	font-weight: normal;
	font-size: 11px;
}

/* Links */
a.TopMenuLink:link,
a.TopMenuLink:visited
{
	color: #636265;
	font-weight: normal;
	text-decoration: none;
	font-size: 11px;
}

a.TopMenuLink:hover
{
	text-decoration: underline;
}

div.ButtonLink
{
	padding: 3px 5px 3px 3px;
	clear: none;
	background-image: url(img/white_button.png);
	background-repeat: no-repeat;
	background-color: Transparent;
	behavior: url(/iepngfix.htc);
	text-align: center;
	width: 48px;
	text-transform: uppercase;
	color: #5b6f7b;
	font-weight: bold;
}

a.ButtonLink:link
{
	text-decoration: none;
	font-size: 10px;
}

a.ButtonLink:visited
{
	font-weight: normal;
	font-size: 10px;
}