﻿
body {
	font-family:Arial, Aero, Tahoma;
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#e6e6e6;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
	}
	
.style1{
color:#FFFFFF;
font-size:11px;
text-align:right;
}

.style2{
color:#FFFFFF;
font-size:18px;
text-align:left;
}

.ProfileHolder
{
float:left;
	display:block;
	width:800px;
	height:600px;
	margin-bottom:10px;
}

.ProfileHolderCol1{
border:#000000 solid 1px 1px 1px 1px;
height:600px;
width:auto;
float:left;
}

.ProfileTextHolder{
background-repeat: no-repeat;
background-attachment:scroll;
/*background-attachment:fixed;*/
background-position:50% 8%; 
border:#000000 solid 1px 1px 1px 1px;
margin-left:2px;
float:left;
width:575px;
height:600px;
padding-left:5px;
}

.ProfileTitle{
width: 575px;
font-family:Arial, Verdana, Georgia;
font-size:18px;
font-weight:bold;
font-variant:small-caps;
margin-bottom:0px;
background-color: #ffffff;
text-align:justify;
/*border: 1px solid black;
filter:alpha(opacity=80);
opacity:0.8;*/
}

.ProfileText
{
  width: 567px;
  font-family:Arial, Tahoma, Georgia;
  background-color: #ffffff;
  margin-left:4px;
  margin-right:4px;
  overflow:scroll;
  height:545px;
  padding-top:3px;
/*  border: 1px solid black;
  filter:alpha(opacity=80);
  opacity:0.8;*/
}

.ProfileStats{
clear:both;
margin-left:5px;
margin-top:5px;
width:auto;
font-family:Arial, Tahoma, Georgia;
}

.ImageHolder
{
	display:block;
	width:800px;
	height:auto;
	clear:both;
}

.ImageRowDiv{
	float:left;
	display:block;
	clear:both;
	width:100%;
	margin-bottom:2px;
}

.ImageDiv
{
	float:left;
	margin-left:2px;
	margin-top:2px;
	clear:none;
	width:178px;
	height:auto;
	border-left:solid 8px #F3F3F3;
	border-top:solid 8px #F3F3F3;
	border-right:solid 8px #E6E6E6;
	border-bottom:solid 8px #E6E6E6;
}

.ImageOutline
{
border:#000000 solid 1px 1px 1px 1px;
width:100%;
height:100%;
}

.InsertRowDiv1{
background-color:#FFFFFF;
width:100%;
height:100%;
padding:5px;
}

.InsertRowDiv2{
background-color:#E1E8EC;
width:100%;
height:100%;
padding:5px;
}

.InsertRowFem{
background-color:#FFF2F2;
width:200px;
height:100%;
padding:5px;
}

.InsertRowMa{
background-color:#EDEDFE;
width:200px;
height:100%;
padding:5px;
}

.AccHolder{
width:450px;
float:left;
}

.AccHead
{
	background-color:#6A7BB7;
	width:400px;
	height:20px;
	padding:10px;
	border-bottom:#333333 thin solid;
}

.AccHead a{
color:#FFFFFF;
}
.AccBody
{
	background-color:Silver;
	width:390px;
	height:auto;
	padding:15px;
}



/*	a {
		color:#369;
	}
	a:hover {
		color:#fff;
		background:#369;
		text-decoration:none;
	}*/

	#header {
		clear:both;
		float:left;
		width:100%;
	}
	#header {
		border-bottom:1px solid #000;
	}

	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:#eee;		/* right column background colour */
	}
	.threecol .colmid {
		right:15%;			/* width of the right column :: was 25% */
		background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:70%;			/* width of the middle column */
		background:#f4f4f4;	/* left column background colour */
	}
	.threecol .col1 {
		width:66%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:18%;			/* Width of left column content (column width minus padding on either side) */
		left:17%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:12%;			/* Width of right column content (column width minus padding on either side) */
		left:88%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
	}
	#footer p {
		padding:10px;
		margin:0;
	}
	input.btn {
	padding: 3px 3px 3px 3px;
	overflow:visible;
	word-spacing: 1px;
	color:#000000;
	background:#FFFFFF; 
	width:auto; 
	height:22; 
	border-width:0px; 
	cursor:hand; 
	padding-left:1px; 
	padding-right:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

input.btnhov {
   padding: 3px 3px 3px 3px;
   background:#C9E1C6;
}
