body {margin: 0;}
#purple {background: #b484bb;}
#brown {background: #9e8f80;}
#shared {background: #b484bb;}
img {
	padding: 0;
	margin: 0;
	border: none;
}
form {
	padding: 0;
	margin: 0;
}
.form select, .form input, .form textarea {vertical-align:middle;}
/*start main*/ 
#main {
	float: left;
	width: 779px;	
}
#purple #main {background-color: #9b5ba4;}
#brown #main {background-color: #7d6a55;}
#shared #main {background-color: #9b5ba4;}
/*start header*/
#header {
	float: left;
	width: 779px;
	height: 127px;
}

#pageTitle  { top: 0; left: 0; width: 779px; height: 127px }

/*----*/
/*start content*/
#content {
	float: left;
	width: 779px;
}
/*start left column*/
#left-column {
	float: left;
	width: 144px;
	position: relative;
	z-index: 9999;
}
#purple #left-column {background: url(../images/purple-left-column.gif) no-repeat;}
#brown #left-column {background: url(../images/brown-left-column.gif) no-repeat;}
#shared #left-column {background: url(../images/purple-left-column.gif) no-repeat;}
#left-column .link {
	float: left;
	width: 96px;
	height: 57px;
	margin: 56px 0 0 21px;
	display: inline;
	text-indent: -9999px;
	overflow: hidden;
}
#purple #left-column .link {background: url(../images/purple-left-column-link.gif) no-repeat;}
#brown #left-column .link {background: url(../images/brown-left-column-link.gif) no-repeat;}
#shared #left-column .link {background: url(../images/purple-left-column-link.gif) no-repeat;}
#left-column .what-this {
	float: left;
	width: 144px;
	height: 25px;
	margin: 5px 0 0;
	position: relative;
	text-decoration: none;
}
#purple .what-this {background: url(../images/purple-left-column-link2.gif) no-repeat;}
#purple .what-this:hover {background: url(../images/purple-left-column-link2.gif) no-repeat 0 100%;}

#brown .what-this {background: url(../images/brown-left-column-link2.gif) no-repeat;}
#brown .what-this:hover {background: url(../images/brown-left-column-link2.gif) no-repeat 0 100%;}

#shared .what-this {background: url(../images/purple-left-column-link2.gif) no-repeat;}
#shared .what-this:hover {background: url(../images/purple-left-column-link2.gif) no-repeat 0 100%;}

#purple .what-this:hover .drop {display: block; background:#e9e4de;text-indent:0;}
#brown .what-this:hover .drop {display: block; background:#ebe0ef;text-indent:0;}
#shared .what-this:hover .drop {display: block; background:#e9e4de;text-indent:0;}

#left-column .what-this .drop {
	position: absolute;
	left:144px;
	top:0;
	text-indent: -9999px;
	width: 99px;
	padding: 7px 9px 7px 10px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #231f20;
	background: none;
	cursor: default;
}
#left-column .what-this .drop span {margin: 0 0 2px 0;}
#left-column h2 {
	float: left;
	margin: 0 0 0 20px;
	padding: 27px 0 0px 0;
	display: inline;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#purple #left-column h2 {color: #d8c4df;}
#brown #left-column h2 {color: #d4ccc0;}
#shared #left-column h2 {color: #d8c4df;}
/*start left navigation*/
#left-column #left-nav {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 144px;
	position: relative;
	font: 14px/13px Arial, Helvetica, sans-serif;
	letter-spacing: 1px
}
#left-column #left-nav li {
	width: 124px;
	padding: 5px 0 4px 20px;
	position: relative;
}
* html #left-column #left-nav li {margin: 0 0 -1px 0;}
#purple #left-column #left-nav li:hover {background: #b285bc;}
#purple #left-column #left-nav li.hover {background: #b285bc;}
#brown #left-column #left-nav li:hover {background:#a2917f;}
#brown #left-column #left-nav li.hover {background:#a2917f;}
#shared #left-column #left-nav li:hover {background: #b285bc;}
#shared #left-column #left-nav li.hover {background: #b285bc;}
#left-column #left-nav li a {
	color: #fff;
	text-decoration: none;
}
#left-column #left-nav li:hover ul {display: block;}
#left-column #left-nav li.hover ul {display: block;}
#left-column #left-nav ul {
	position: absolute;
	display: none;
	list-style: none;
	padding: 7px 0;
	left: 144px;
	top:0;
	margin: 0;
	width: 117px;
	font: 13px/14px Arial, Helvetica, sans-serif;
}
#purple #left-column #left-nav ul {background-color:#b285bc;}
#brown #left-column #left-nav ul {background-color: #a2917f;}
#shared #left-column #left-nav ul {background-color:#b285bc;}
#left-column #left-nav ul li {
	float: left;
	width: 93px;
	padding: 0 12px 5px 12px;
	background: none;
}
#left-column #left-nav ul li:hover {background: none !important;}
#left-column #left-nav ul li.hover {background: none !important;}
#left-column #left-nav ul li a {text-decoration: none;}
#left-column #left-nav ul li a:hover {text-decoration: underline;}
#left-column .link2 {
	float: left;
	margin: 20px 0 0 20px;
	display: inline;
	font: bold 15px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
}
#left-column .link2:hover {text-decoration: underline;}
/*----*/
/*start form*/
#left-column .form {
	float: right;
	width: 151px;
	margin: 0 -28px 0 0;
	position: relative;
	display: inline;
}
#left-column .form .links {
	float: left;
	width: 151px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 20px 0 5px -7px;
	display: inline;
	position: relative;
}
#left-column .form .links a {
	color: #fff;
	text-decoration: none;
	padding: 0 7px 0 7px;
}
#left-column .form .links a:hover {text-decoration: underline;}
#left-column .form .row {
	float: left;
	display: inline;
}
#left-column .form label {
	float: left;
	width: 100%;
	margin: 0 0 3px 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;
}
#left-column .form .text {
	float: left;
	width: 120px;
	padding: 1px 0 1px 3px;
	border: 1px solid #fff;
	font: 13px/13px Arial, Helvetica, sans-serif;
	color: #000;
}
#left-column .form .btn {
	float: left;
	width: 17px;
	height: 19px;
	border: none;
	margin: 0 0 0 8px;
	position: relative;
	display: inline;
}
/*start right column*/
#right-column {
	float: right;
	width: 583px;
	margin: 0 8px 0 0;
	display: inline;
	position: relative;
	z-index: 99;
	padding: 0 0 20px 0;
}
#purple #right-column {background-color: #e9e4de;}
#brown #right-column {background-color: #ebe0ef;}
#shared #right-column {background-color: #ffffff;}
#right-column .photo {
	float: left;
	width: 180px;
	margin: 0 0 0 -44px;
	position: relative;
}
#shared #right-column .photo {
	float: left;
	width: 44px;
	margin: 0 0 0 -44px;
	position: relative;
}
#right-column .photo img {float: left;}

#right-column .press img {
	float: right;
	padding: 0;
	margin-left: 15px;
	margin-bottom: 10px; 
	border: none;
}
#right-column .text-area {
	float: left;
	width: 352px;
	min-height: 475px;
	margin: 20px 0 0 37px;
	display: inline;
}
#shared #right-column .text-area {
	float: left;
	width: 525px;
	margin: 30px 25px 25px 25px;
	display: inline;
}
#purple #right-column h2 {
	margin: 0 0 2px 0;
	font: bold 15px/15px Arial, Helvetica, sans-serif;
	color: #7d6a55;
	text-transform: uppercase;
}
#brown #right-column h2 {
	margin: 0 0 2px 0;
	font: bold 15px/15px Arial, Helvetica, sans-serif;
	color: #9b5ba4;
	text-transform: uppercase;
}
#shared #right-column h2 {
	margin: 0 0 2px 0;
	font: bold 15px/15px Arial, Helvetica, sans-serif;
	color: #9b5ba4;
	text-transform: uppercase;
}
#purple #right-column .text-area h3 {
	margin: 0;
	font: bold 12px/17px Arial, Helvetica, sans-serif;
	color: #9b5ba4;
	text-transform: uppercase;
}
#brown #right-column .text-area h3 {
	margin: 0;
	font: bold 12px/17px Arial, Helvetica, sans-serif;
	color: #7d6a55;
	text-transform: uppercase;
}
#shared #right-column .text-area h3 {
	margin: 0;
	font: bold 12px/17px Arial, Helvetica, sans-serif;
	color: #7d6a55;
	text-transform: uppercase;
}
#right-column p {
	margin: 0 0 10px 0;
	font: 12px/15px Arial, Helvetica, sans-serif;
	color: #000;
}


#right-column .text-area ul {
	font: 12px/15px Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	width: 100%;
	padding: 0 0 0 16px;
}
#right-column .text-area ol {
	font: 12px/15px Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	width: 100%;
	padding: 0 0 0 16px;
}
#purple #right-column a {
	margin: 0 0 20px 0;
	font: 12px/15px Arial, Helvetica, sans-serif;
	color: #000000;
}
#purple #right-column a:hover {
	color: #9b5ba4;
}

#brown #right-column a {
	margin: 0 0 20px 0;
	font: 12px/15px Arial, Helvetica, sans-serif;
	color: #000000;
}
#brown #right-column a:hover {
	color: #7d6a55;
}

#shared #right-column a {
	margin: 0 0 20px 0;
	font: 12px/15px Arial, Helvetica, sans-serif;
	color: #9b5ba4;
}
#shared #right-column a:hover {
	color: #7d6a55;
}
/*----*/
/*start footer*/
#footer {
	float: right;
	font: 9px/10px Geneva, sans-serif;
	color: #fff;
	height: 16px;
	width: 591px;
	padding: 7px 8px 0 0;
}
#footer span {float: right;}
