/* colors

purple #6a49a0
light purple #8a69c0
red #d6223b
gray #3f3f3f
*/

/******* Contents *******/
/* _template_ Styles */
/* Content Div Styles */
/* Table Styles */
/* top navigation */
/************************/


/* _template_ Styles */
html
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
}

body
{
margin: 0px 0px 0px 0px;
background-image: url("../images/bg_main.jpg");
background-repeat: repeat-x;
background-position: left top;
background-color: #d3203b;
text-align: center;
}

#container
{
margin-left: auto;
margin-right: auto;
width: 800px;
text-align: left;
background-color: black;
padding: 10px 10px 10px 10px;
}

a:link {color: #cccccc; text-decoration: underline;}
a:visited {color: #cccccc; text-decoration: underline;}
a:hover {color: #8a69c0; text-decoration: none;}
a:active {color: #cccccc; text-decoration: underline;}

h1
{
line-height: 2em;
font-size: 1.8em;
color: #52868a;
margin: 0;
}

h2
{
font-size: 1.5em;
color: #8a69c0;
}

h3
{
font-size: 1.2em;
color: #52868a;
margin: 0;
}

h4 {
font-size: 1.1em;
color: #d6223b;
}
#top
{
width: 100%;
height: 147px;
}

#top_line
{
width: 100%;
height: 10px;
background-color: #6a49a0;
margin: 10px 0px 10px 0px;
}

#top #logo
{
width: 355px;
margin: 0px 0px 10px 10px;
}

#top #tagline
{
width: 355px;
margin: 0px 0px 0px 10px;
}

#top #top_photo
{
float: right;
width: 400px;
}

#top #logo a img {
border: none;
outline: none;
}



#content_body
{
color: white;
background-color: black;
display: table;
width: 100%;
}

#left_column
{
float: left;
position: relative;
/* border: 1px solid #00ff00; */
width: 25%;
}

#content
{
color: white;
float: right;
position: relative;
width: 73%;
padding-left: 10px;
}




#footer
{
margin: 10px 0px 0px 0px;
background-color: #6a49a0;
padding: 10px 10px 10px 10px;
}




#search_form
{
background-color: #3f3f3f;
padding: 10px 10px 10px 10px;
}

#search_form form
{
margin: 0px 0px 0px 0px;
}


#help
{
display: block;
clear: both;
width: 200px;
height: 40px;
margin: 10px auto 10px auto;
background-color: #3f3f3f;
text-align: center;
}

#help_header
{
/* margin: 5px 5px 5px 5px; */
text-align: left;
font-weight: bold;
text-transform: uppercase;
padding: 10px 10px 10px 10px;
background-image: url("/SC07/images/icon_help.jpg");
background-repeat: no-repeat;
background-position: 165px center;
}

#help_section
{
width: 180px;
background-color: #3f3f3f;
padding: 10px 10px 10px 10px;
}
/* end:_template_ Styles */




/* Content Div Styles */
.caps {
	text-transform: uppercase;
}

.toc {
font-size: 1.2em;
margin-bottom: 4px;
color: #52868a;
}

.textbox {
width: 80%;
border: 2px solid #d6223b;
margin: 10px 20px;
padding: 5px;
}

.toplink {
margin: 5px 0 20px 0;
border-bottom: 2px solid #3f3f3f;
padding-bottom: 20px;
}

.toplink a {
color: #d6223b;
}

strong {
font-weight: bold;
color: #cccccc 
}

#content p {
	font-size: 1.1em;
	max-width: 90%;
	line-height: 1.5em;
}

#content ul, ol {
	font-size: 1.1em;
	line-height: 1.5em;
}

#content address {
font-size: 1.1em;
font-style: normal;
margin-left: 20px;
}

/*
#content ul {
	width: 80%;
	color: inherit;
}
*/

#content dl {
width: 90%;
margin-left: 30px;
font-size: 1.1em;
}

#content dl dt {
font-size: 1.3em;
color: #52868a;
margin-top: 15px;
}

#content dl dd {
padding-top: 5px;
}


.indent{
	display: block;
	margin-left: 30px;
}



/* The following css conflict with main navigation
ul li {
	font-size: 1.1em;
	line-height: 1.5em;
}
*/



/*
ul.contents li{
	font-size: 1.1em;
	line-height: 1.5em;
	list-style-type: none;
}
ul.contents li ul li{
list-style-type: none;
font-size: inherit;
}
*/


/* end: Content Div Styles */


/* Table Styles */
table.chart th
{
padding: 2px 4px 2px 4px;
}

table.chart td
{
padding: 2px 4px 2px 4px;
border: 1px solid #3f3f3f;
text-align: left;
}

th
{
background-color: #52868A;
text-align: left;
font-size: 1.2em;
font-weight: bold;
color: #000000;
}

td {
font-size: 1.1em;
line-height: 1.5em;

}

td.gray
{
background-color: #191919;
font-weight: bold;
}
/* end:Table Styles */


/* top navigation */
#subnav
{
/* word-wrap: break-word; */
width: 100%;
position: relative;
clear: both;
display: table;
background-color: #3f3f3f;
color: #52868a;
margin-right: 4px;
}

#subnav div
{
display: table;
padding: 4px 4px 4px 4px;
}

#subnav ul
{
width: 100%;
list-style: none;
display: inline;
}


#subnav li
{
margin: 0px 3px 0px 3px;
float: left;
}

#subnav li a
{
text-decoration: underline;
}

#subnav li a:link {}
#subnav li a:visited {}
#subnav li a:hover {text-decoration: none;}
#subnav li a:active {}

/* end: top navigation */