/*----------------------------
     HTML Tags
----------------------------*/
/* Certains rules need only apply to skin content ie. #skin_master h1 */

body {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: url(images/tile.gif) #FFFFFF;
	text-align: center; /* Center Align - IE */
}

#form { /* DNN Overide */
	height: auto !important;
}

#skin_master,
#skin_master h1,
#skin_master h2,
#skin_master h3,
#skin_master h4,
#skin_master p,
#skin_master li,
#skin_master span,
#skin_master font,
#skin_master label,
#skin_master input,
#skin_master textarea,
#skin_master .SkinObject /* DNN Overide */ {
	font-family: Arial, Helvetica, sans-serif;
}

#skin_master p,
#skin_master li,
#skin_master span,
#skin_master font,
#skin_master label,
#skin_master input,
#skin_master textarea,
#skin_master .SkinObject {
	color: #747374;
}

#skin_master h1,
#skin_master h2,
#skin_master h3,
#skin_master h4 {
	color: #553861;	
}

#skin_master h1,
#skin_master h2,
#skin_master h3,
#skin_master h4,
#skin_master p {
	margin: 0px 0px 1em 0px;
	padding: 0px;
}

#skin_master p,
#skin_master li,
#skin_master span,
#skin_master font,
#skin_master div {
	font-size: 10pt;
}

#skin_master label,
#skin_master input,
#skin_master textarea {
	font-size: 12pt;
}

#skin_master a {
	color: #553861;
	text-decoration: none !important;
}

#skin_master a:hover {
	color: #771A61;
}

#skin_master a img {
	border: none;
}

/* ------ Main content styles - overide DNN ------ */
#skin_master .Head,
#skin_master .SubHead,
#skin_master .Normal,
#skin_master .NormalBold,
#skin_master .Help,
#skin_master .CommandButton {
	font-family: Arial, Helvetica, sans-serif !important;
	color: #000000;
}

/*----------------------------
     IDs & Classes
----------------------------*/

/* ------ Control Panel ------ */
#control_panel_master {
	margin: 0px auto 0px auto; /* Center Align - Firefox */
	text-align: center; /* Center Align - IE */
}

/* ------ Main Page Body ------ */
#skin_master {
	/* Contains all but the Control Panel */
	width: 784px;
	margin: 0px auto 0px auto;
}

/* ------ Main Page Body : Top, Bottom, Left & Right Bars (Drop shadow & curves) and Inner container ------ */
#skin_top_bar {
	width: 100%;
	height: 24px;
	background: url(images/top_bar.png);
}

#skin_bottom_bar {
	width: 100%;
	height: 24px;
	background: url(images/bottom_bar.png);
}

#skin_left_bar {
	width: 17px;
	background: url(images/left.png);
}

#skin_right_bar {
	width: 17px;
	background: url(images/right.png);
}

#skin_inner_master {
	background-color: #FFFFFF;
}

/* ------ Main Page Body : Header & Navigation ------ */
#skin_header {
	width: 100%;
}

#skin_header .skin_logo{
	float: left;
	text-align: left;
	margin-left: 20px;
}

#skin_header .skin_logo,
#skin_header .skin_logo img{
	width: 231px;
	height: 76px;
}

#skin_header #skin_nav {
	float: left;
	text-align: left;
	margin: 33px auto 24px 46px;
}

/* ------ Main Page Body : Banner Image ------ */
#skin_banner_image_master {
	width: 750px;
}

#skin_banner_image_master .skin_banner_image_content {
	border: none !important;
}

/* ------ Main Page Body : Content ------ */
#skin_content {
	width: 710px;
	margin: 30px 20px 8px 20px;
}

/* ------ Main Page Body : 2nd Level Nav ------ */
#skin_content ul.second_level_nav {
	margin: 0px;
	padding: 0px;
}

#skin_content ul.second_level_nav li {
	height: 18px;
	padding: 5px 0px 5px 0px;
	text-align: left;
	list-style-type: none;
	background: url(images/menu_line.gif) no-repeat left bottom
}

/* ------ Main Page Body : Page Specific ------ */
#skin_content .basic,
#skin_content .home_col_1,
#skin_content .home_col_2,
#skin_content .who_we_are_col_1,
#skin_content .who_we_are_col_2 .what_we_do_content,
#skin_content .what_we_do_col_1 .what_we_do_content,
#skin_content .what_we_do_col_2,
#skin_content .what_we_do_col_3 .what_we_do_content,
#skin_content .whats_new_col_1,
#skin_content .whats_new_col_2,
#skin_content .who_with,
#skin_content .want_to_talk_col_1,
#skin_content .want_to_talk_col_2 {
	/* Remove DNN's dotted border from all containers that are normally shown in admin mode */
	border: none !important;
}

#skin_content .basic {
	/* Default full width container holder */
	width: 100%;
}

#skin_content .home_col_1 {
	width: 390px;
	margin-right: 30px;
	float: left;
}

#skin_content .home_col_2 {
	width: 290px; /* ??? */
	float: left;
}

#skin_content .who_we_are_col_1 {
	width: 530px;
	margin: -3px 30px 0px 0px;
	float: left;
}

#skin_content .who_we_are_col_2 {
	width: 150px;
	float: left;
}

#skin_content .what_we_do_col_1 {
	width: 150px;
	margin-right: 30px;
	float: left;
}

#skin_content .what_we_do_col_2 {
	width: 350px;
	margin: -3px 30px 0px 0px;
	float: left;
}

#skin_content .what_we_do_col_3 {
	width: 150px;
	float: left;
}

#skin_content .who_with { }

#skin_content .whats_new_col_1 {
	width: 290px;
	margin-right: 20px;
	float: left;
}

#skin_content .whats_new_col_2 {
	width: 400px;
	float: left;
}

#skin_content .want_to_talk_col_1 {
	width: 290px; /* ??? */
	margin-right: 20px;
	float: left;
}

#skin_content .want_to_talk_col_2 {
	width: 400px; /* ??? */
	float: left;
}

/* ------ Main Page Body : Footer ------ */
#skin_footer {
	width: 710px;
	margin: 0px 20px 0px 20px;
	padding-top: 8px;
	background: url(images/menu_line.gif) repeat-x top left;
}

#skin_footer,
#skin_footer a,
#skin_footer .SkinObject {
	font-size: 8pt !important;
	font-weight: normal !important;
	color: #747374 !important;
}

#skin_footer #skin_footer_left {
	float: left;
	width: 50%;
	text-align: left;
}

#skin_footer #skin_footer_right {
	float: right;
	width: 50%;
	height: 15px;
	text-align: right;
}

#skin_footer #skin_footer_right img {
	vertical-align: middle;
}