﻿
body {
	background: #FFFFE6 url(tile-yellotexture.jpg) repeat fixed 0 0;
	color: black;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; 
	line-height:120%;
	padding: 4px;
}


.pagemaster {
	width: 100%;
	height: 100%;
}


/*
 * Skin Header 
 */
.skinheader {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: normal;
	width: 100%;
	vertical-align: middle;
	background-color: #E6EAFF;
	color: #2200CC;
}
.skinheader .logo_a {
	font-family: "Times New Roman", Times, Serif;
	font-style: italic;
	font-size: 80%;
	display: block;
	white-space: nowrap;
}
.skinheader .logo_hc {
	font-weight: bold;
	font-size: 300%;
	display: block;
	white-space: nowrap;
}
.skinheader .logo_tag {
	font-family: "Times New Roman", Times, Serif;
	font-style: italic;
	font-size: 90%;
	display: block;
	white-space: nowrap;
}
.skinheader .contact {
	font-size: x-small;
	text-align: right;
	white-space: nowrap;
}


/*
 * Skin Gradients
 */
.skingradient {
	color: #2200CC;
	font-size: 80%;
	font-weight: bold;
	background-image: url(gradient_DkBlue.jpg); 
	height: 30px;
	vertical-align: middle;
	width: 100%;
	white-space:nowrap;
	line-height: 100%;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	text-align: center;
}
.skingradient td {
	border: none;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
}
.skingradient img {
	vertical-align: text-bottom;
}


/*
 * Main Sections
 */
.leftpane {
	background-color: #E6EAFF;
	padding: 6px 0 0 0;
	vertical-align: top;
	text-align: left;
	height: 100%;
	border-width: 0;
}
.contentpane {
	width: 100%;
	background-color: white;
	padding-top: 6px;
	padding-left: 35px;
	padding-right: 1em;
	margin-right: 1em;
	vertical-align: top;
	height: 100%;
}
.rightpane {
	width: 175px;
	background-color: transparent;
	padding-top: 6px;
	padding-left: 6px;
	padding-right: 4px;
}
.bottompane {
	width: 100%;
	background-color: #E6EAFF;
}


/*
 * Menu
 */
div.menu {
	width: 167px;
	margin-bottom: 1em;
}
div.menu ul {
	margin: 0 0 0 0.5em;
	padding: 0;
	font-weight: normal;
}
div.menu li {
	display: block;
	list-style-type: none;
	width: 100%;
}

li.menu1 {
	font-size: 120%;
	margin-bottom: 0.5em;
	white-space: nowrap;
}
li.menu2 {
	font-size: 80%;
	margin-left: 0.1em;
}
li.menu3 {
	margin-left: 1em;
}

div.menu a:hover {
	color: #220088;
	text-decoration: underline;
}
div.menu a {
	text-decoration: none;
	font-size: smaller;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
}
li.menu1 a {
	color: #800020;
	font-weight: bold;
}
li.menu2 a {
	color: #220088;
	font-weight: normal;
}
li.menu3 a {
	color: #220088;
}
*.selected {
	background: #FFF;
	font-weight: bold;
}


/*
 * External links
 */
div.externallinks p {
	text-align: center;
}
div.externallinks a {
	margin: 0;
	padding: 0;
}
div.externallinks img {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
a.external {
	padding-right: 13px;
	background-image: url(ExternalLink.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
 
 
/*
 * Attachments
 */
div.attachments h1 {
	font-size: 140%;
	font-weight: bold;
	border-top: dashed 1px #2200CC;
	margin-bottom: .2em;
	margin-top: 1em;
}
div.attachments ul {
	margin: 0;
}
div.attachments li {
	margin-bottom: .2em;
}


/*
 * Forms
 */
.clear {
    clear: both;
}
.error {
    color: Red;
}
.message {
	color: #2200CC;
	font-weight: bold;
}
.field-validation-error {
    color: #ff0000;
}
.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}
.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}
fieldset {
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}
fieldset p {
    margin: 2px 12px 10px 10px;
}
fieldset label {
    display: block;
}
fieldset label.inline {
    display: inline;
}
legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}
input[type="text"] {
    width: 200px;
    border: 1px solid #CCC;
}
input[type="password"] {
    width: 200px;
    border: 1px solid #CCC;
}


/*
 * HTML Tags
 */
h1:first-child, h2:first-child, h3:first-child {
    margin-top: 0;
}
h1 + h2 {
    margin-top: 0;
}
h2 + h3 {
	margin-top: 0;
}
h1 {
	/* border-top: double 6px #AA0011; */
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 150%;
	font-weight: bold;
	margin: 0.75em 0 .2em -25px;
	margin-top: 0.75em;
	color: #2200CC;
	line-height: normal;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 125%;
	font-weight: bold;
	margin: 0.75em 0 .2em 0;
	margin-top: 0.75em;
	color: #2200CC;
	line-height: normal;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 105%;
	font-weight: bold;
	margin: 0.75em 0 .2em 0;
	margin-top: 0.75em;
	color: #110066;
	line-height: normal;
}
p {
	margin: 0 0 0.5em 0;
	padding: 0;
}
ul, ol {
	margin: 0 0 0.5em 2em;
	padding: 0;
}
img {
	border-style: none;
	background-color: Transparent;
	margin: 4px;
}
.hr {
	margin: .25em;
	background-repeat: repeat-x;
	background-position: center center;
	background-image: url(hr.gif);
}
table {
	border-collapse: collapse;
}
table td {
	border: none;
	padding: 5px;   
}
table th {
	border: none;
	padding: 6px 5px;
	text-align: left;
}
a {
	color: #5511CC;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #AA44DD;
	text-decoration: underline;
}
a:visited {
	color: #AA44DD;
}


/*
 * WoM Editor styles
 */
.block {
	display: block;
	margin: 1em 1em 1em -22px;
	padding: 0;
	clear: both;
}
.floatR {
	float: right;
	margin: 0.5em;
}
.floatL {
	float: left;
	margin: 0.5em;
}
.noGapAfter {
	margin-bottom: 0;
}
.indent {
	margin-left: 2em;
}
.indent2 {
	margin-left: 4em;
}
.indent3 {
	margin-left: 6em;
}
.indent4 {
	margin-left: 8em;
}
.indent5 {
	margin-left: 10em;
}
.indent6 {
	margin-left: 12em;
}

