/* ************************************************************ Steve */
.buttons { margin: 20px 5px 15px 0px; text-align: center }
div.inside div.buttons { padding-left: 4px; }
a.buttons { text-decoration: none; }
a.buttons:link, a.buttons:visited, a.buttons:hover, a.buttons:active { text-decoration: none; }
.buttons img { padding: 0px 5px; }

/*
===================================================================================================
== Main region styles =============================================================================
===================================================================================================
*/
#main {
	width:800px;
	margin:auto; /* centers it */
	min-height:600px; /* push the footer down on short pages */
}

#main a { color: #7B3086; }
#main a:link { text-decoration: none; }
#main a:hover { text-decoration: underline; }
/* #main p { margin: 10px 8px 13px 10px; line-height: 130%; } */
#main strong { font-weight: bold; color: #660000; }

#main div.buttons a { text-decoration: none; }
#main div.buttons a:hover { text-decoration: none; }


#main form.ac { margin: 20px 0px; width: 600px;  }
#main form.ac input { width: 100%; background-color: white; height: 17px; padding-top: 2px; font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 13px; border-style: solid; border-width: 1px; border-color: #999999; vertical-align: middle; }
#main form.ac input.radio { background-color: none; border-width: 0px; width: auto; vertical-align: top;}
#main form.ac textarea { width: 100%; background-color: white; height: 68px; padding-top: 2px; font-family: Arial, Helvetica, sans-serif; color: #666666; font-size: 13px; border-style: solid; border-width: 1px; border-color: #999999; vertical-align: middle; }
#main form.ac p { font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color: black; font-size: 13px; }

.form_text { font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color: #66000; font-size: 13px; } /* Basic grey text, can be used as content text on all pages also */
.form_field { margin: 10px 8px 13px 10px; line-height: 130%; }

table.white td.left { background-image: url(/images/purplestroke_white_left.gif); width: 11px; height: 28px; background-repeat: no-repeat }
table.white td.middle { background-image: url(/images/purplestroke_white_middle.gif); background-repeat: repeat-x }
table.white td.right { background-image: url(/images/purplestroke_white_right.gif); width: 11px; height: 28px; background-repeat: no-repeat }

table.clear td.left { background-image: url(/images/purplestroke_clear_left.gif); width: 11px; height: 28px; background-repeat: no-repeat }
table.clear td.middle { background-image: url(/images/purplestroke_clear_middle.gif); background-repeat: repeat-x }
table.clear td.right { background-image: url(/images/purplestroke_clear_right.gif); width: 11px; height: 28px; background-repeat: no-repeat }


/* Small table styles ÐÊused for current program and history tables */
table.small_table { text-align: left; font-size: 11px; line-height: 130%; margin: 0px 0px 7px; width: 100%; }
table.small_table a { text-decoration: none; }
table.small_table a:hover { text-decoration: underline; }
table.small_table th { font-style: italic; font-weight: normal; padding: 0px 10px 4px; vertical-align: top; }
table.small_table td { padding: 4px 10px; vertical-align: top; }
table.small_table tr.headings th { font-weight: bold; background-color: transparent; }
table.small_table tr.footer td { font-weight: bold; color: black; background-color: #E6E0EA; }
table.small_table tr.odd td { background-color: #E6E0EA; }
table.small_table tr.even td { background-color: white; }



/* ************************************************************ Core */
body {
	font-size:10px;
	font-family:"Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	color:#660000;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
}
/* ********** paragraphs */
p {font-size:1.5em;
	line-height:1.2em;
	margin:0 0 .5em 0;
	padding:0;
}
#column-400-repeating p {
	font-size:1.2em;
	margin:0 2px 2px 2px;
	padding:0;
}

#footer p {
	color:#999999;
	font-size:1.2em !important;
	line-height:2em;
	text-align:center;
}
.itc-cnt {
text-align:center;
font-family: "Courier New", Courier, mono;
line-height:.6em;
}
	
/* ********** lists */
ul {font-size:1.6em;
	margin:0;
	padding:0;
}
li {margin:1em 0 0 0;
	padding:0;
}

/* ********** images */		
img {margin:0;
	padding:0;
	border:0;
}
#header img {
	margin:0;
	padding:0;
	border:0;
}

/* ********** headings */
h1 {
	font-size:3.5em;
	padding:0;
	margin:15px 0 10px 0;
	text-align:center;
}
h2 {font-size:3em;}
h3 {font-size:2.5em;}
h4 {font-size:2em;}
h5 {
	font-size:1.5em;
	padding:0;
	margin:0 0 10px 0;
}
#column-400-repeating h5 {
	font-size:1.5em;
	padding:0;
	margin:0 0 2px 0;
}	
h6 {font-size:1.2em;}

/* ********** text modification */
em{}
.centre{
text-align:center;}

/* ************************************************************ Classes */
/* ********** spacers */
.clearer {
	clear: both;
	display: block;
	border-top: 1px dashed #a1a5a9;
	margin:0 0 10px 0;
	padding:0;
}
#column-400-repeating .clearer {
	clear: both;
	display: block;
	border-top: 1px dashed #a1a5a9;
	margin:10px 0 2px 0;
	padding:0 0 0 0 ;
}
.clearer-thick {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	height: 10px;
	line-height: 1px;
	font-size: 1px;
}	
.padding-right {
	padding:0 20px 0 0;
}


/* ********** captions */
/* ***** plain */
.caption {
	font-size:9px;
	text-align:left;
	color:#00CC99;
	margin:10px 5px 10px 0;
	padding:0;
}
.caption a {
text-decoration:none;
}
/* ***** enlarge image */
.enlarge {
	font-size:11px;
	text-align:left;
	color:#00CC99;
	margin:10px 5px 5px 0;
	padding:0;
}
.enlarge a {
text-decoration:none;
}
.enlarge a:hover {
text-decoration:underline;
}

/* ********** product page structure */
.contentleft {
	text-align:center;
	width:200px;
	margin:0 50px 10px 50px;
	padding:0;
	float:left;
}
.contentright {
	width:280px;
	margin:0 0 10px 0;
	padding:0 0 0 5px;
	float:right;
}

/* ************************************************************ IDs */
/* encapsulating page structure */
#header {
	width:800px;
	margin:0 auto 0 auto;
	text-align:center;
}
/* ********** main content area */

/* ********** columns used inside Main */
#column-300 {
	width:350px;
	margin:auto;
}
#column-400-repeating {
	width:400px;
	margin:auto;
}	
#column-500 {
	width:500px;
	margin:auto;
}
#column-600 {
	width:600px;
	margin:auto;
	vertical-align:top;
}
#column-500-center {
	text-align:center;
	width:500px;
	margin:auto;
}
#column-800 {
	width:800px;
	margin:auto;
	text-align:left;
}



/* ********** footer */		
#footer {
	text-align:center;
	width:800px;
	margin:auto;
	clear:both;
	border-top: 1px dashed #a1a5a9;
}