﻿/* CSS Document */

/*PAGE LAYOUT*/
body {
	background-image: url(images/bg_body.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#toppage{
	width:800px;
}
#date{
	float:left; width:189px; height:39px; border-bottom:solid 1px #999999; border-right:solid 1px #999999;
}
#topbar{
	float:left; 
	width:609px;
	height:40px; 
	background-image:url(bg_topbar1.jpg);
	background-color:#cccccc;
	background-repeat:repeat-x;
	border-right:solid 1px #999999;
	border-bottom:solid 1px #999999;
}
#header{
	width:800px;
}
#content{
	width:800px;
}
#bodytext{
	width:590px;
	padding-right:10px;
	padding-left:200px;
}
#contenttext{
	float:left;
	width:608px;
	background-color:#F7F7F7;
	border-left:solid 1px #999999;
	border-right:solid 1px #999999;
	border-bottom:solid 1px #999999;
	border-top:dotted 1px #999999;
	min-height:360px;
}
#logo{
	float:left; width:190px; height:210px; background-color:#F7F7F7; border-left:solid 1px #999999; border-right:solid 1px #999999; border-bottom:solid 1px #999999;
}
#pagetitle{
	position:relative; float:left; width:607px; height:210px; background-color:#FFFFFF; border-right:solid 1px #999999;
}
#title{
	position:absolute;
	right:5px;
	bottom:-17px;
	width:608px;
	height: 210px;
}
#menu{
	float:left; width:190px; margin:0px;
}
#footer{
	width:590px; padding-right:10px; padding-left:200px;
}

/*GRAY PANEL*/
.panel{
	padding:12px;
	border:solid 1px #E4E4E4;
	background-color:#E4E4E4;
	margin:10px;
	padding:10px;

}

/*TEXT STYLES*/
.bodytext
{
    font: 14px Arial, Helvetica, sans-serif;
    color: #000000;
}
.smalltext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	color: #666666;
}
.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}
.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CCCCCC;
}
.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CCCCCC;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline;
}
.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color: #CCCCCC;
}
.logotext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color: #999999;
	height:200px; 
}
.orangelogotext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FF9900;
}
.orangetitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#FF9900;
}
#linksmenu a{
	float:right; 
	width:183px; 
	height:20px; 
	background-color:#CC3300; border-left:solid 1px #FFFFFF; border-bottom:solid 1px #FFFFFF;
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
	padding-top:5px;
}
#linksmenu a:hover{
	background-color:#000000;
}

/* Design 7 */
table.Design7 {
    border-spacing: 0px;
    border-collapse: collapse;
    background: #F9F5D7;
    border: 0.3em solid #000000;
    width:400px;
}
table.Design7 th {
    text-align: left;
    font-weight: normal;
    padding: 0.1em 0.5em;
    border: 0px;
    border-bottom: 1px solid #000000;
}
table.Design7 td {
	text-align: center;
	border: 0px;
	border-right:1px solid #FFFFFF;
	border-bottom: 1px solid #000000;
	padding: 0.1em 0.5em;
	font:Arial;
	font-size:larger;
}
table.Design7 thead th {
    text-align: center;
    font-weight: bold;
    background-color: #AA0000;
    color: #FFFFFF;
}
table.Design7 th.Corner {
    text-align: left;
}
table.Design7 td.odd {
    background: #E8E4C0;
    width: inherit;
    font-size:larger;
}
table.Design7 td.head
{
    background: #CC3300;
    font-family: Arial;
    color: #FFFFFF;
    font-size: small;
    font-weight: bold;
    width: 40px;
}
h1
{
    font-size: x-large;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FF9900;
}
h2
{
    font-size: large;
    font-family:Arial, Helvetica, Sans-Serif;
    color:Black;
}
h3
{
    font-size: larger;
    font-family: Arial, Helvetica, Sans-Serif;
    color: Black;
}
.ValidateMessage
{
    color: red;
}
.collapsePanel
{
    width: 250px;
    height: 0px;
    background-color: Red;
    overflow: hidden;
}
.collapsePanelHeader
{
    width: 250px;
    height: 20px;
    color: Yellow;
    background-color: Blue;
    font-weight: bold;
    float: left;
    padding: 5px;
    cursor: pointer;
    vertical-align: middle;
}
.accordionHeader
{
    border: 0.3em solid #000000;
    color: White;
    background-color: #CC3300;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionContent
{
    background-color: #F9F5D7;
    border: 3px solid #E8E4C0;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
.accordionLink
{
     text-decoration: none;
    color: White;
}
.tabs
{
    color:Black;   
}
/* Master Page */
html
{
    background-color:Silver;
    font:12px Arial;
}
.content
{
    margin:left unit;
    width:800px;
    background-color:White;
    border:Solid 1px black;
}
.column
{
    float:left;
    padding:10px;
    border-right:solid 1px black:
}

.tabstrip
{
    float:left;
    padding:3px;
    border-top:solid 1px black;
    border-bottom:solid 1px black;
}

/*tabstrip a*/
.toprow
{
    float:left;
    padding:5px;
    width:790px;
    border-bottom:Solid 1px black;
    height:170px;
}
.bottomleft
{
    float:left;
    width:500px;
    height:800px;
    padding:5px;
    background-color:White;
    border-top:Solid 1px black;
}
.bottomright
{
    float:right;
    width:280px;
    height:800px;
    padding:5px;
    background-color:White;
    border-top:Solid 1px black;
}
.clear
{
    clear:both;
}
.tabs
{
    position:relative;
    top:1px;
    left:10px;
}
.tab
{
    border:solid 1px black;
    background-color:#eeeeee;
    padding: 2px 10px;
}
.selectedTab
{
    background-color:white;
    border-bottom:solid 1px white;
}
.tabContents
{
    border:solid 1px black;
    padding:10px;
    background-color:White;
}