/** Begin Layout Style**/

body {
	margin: 5px;
	padding: 0;
	font-family: Verdana;
}

img {
	border-style: none;
	border-width:0px;
	margin:0px;
	padding:0px;
}


.hoverBox, #hover0,#hover1,#hover2,#hover3,#hover4,#hover5,#hover6,#hover7 {
	visibility:hidden;
	width:130px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	position:absolute;
	background-color:#cccccc;
	padding:4px;
	margin:0px;
	border-width:1px;
	border-color:#999999;
	border-style:solid;
    z-index : 999999;
}

td.center {
    text-align : center;
}
.bold {
    font-weight : bold;
}

table.memberships,  table.memberships tr, table.memberships td {
    border-collapse : collapse;
    border : 1px solid #eeeeee;
}
table.memberships .sectionheader {
    text-align  : center;
}



input {
    z-index : 5;
}

td.hover_menu, a img {
	padding:0px;
	margin:0px;
}

div#outer {
	width: 770px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
}

div#hdr {
	padding-bottom: 2px;
	width: 770px;
}

div#bodyblock {
	width: 770px;

}

div#cont {
	float: left;
	padding-bottom: 2px;
	padding-right: 0px;
	padding-left: 5px;
	padding-top: 5px;
	width: 600px;

}

div#l-col {
	float: left;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 2px;
	padding-top: 0px;
	width: 161px;
}



div#r-col {
	float: left;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	position: relative;
	width: 601px;
}

div#ftr {
	clear: both;
	padding-bottom: 5px;
	padding-top: 20px;
	width: 770px;
}

/** End Layout Style**/

/** Begin Content Style**/

a:link, a:visited {
	color: #993300;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}

a:hover {
	color: #FF4500;
	text-decoration: none;
}

p.error {

	font-family: Verdana;
	font-weight: bold;
	color: Red;
}
p {

	font-family: Verdana;
	color: Black;
	font-size: 12px;
}
h1 {
	color: #663333;
}

table.tabledata {
	border: none;
	border-spacing: 0px;
	padding-bottom: 4px;
	padding-right: 4px;
	width: 100%;
}

td.datacell {
	background-color: #FFF;
	color: #000000;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
	text-align: right;
}
td.datacellcenter {
	background-color: #FFF;
	color: #000000;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
	text-align: center;
}
td.date {
	color: #FFF;
	font-family: Verdana;
	font-size: 12px;
	font-weight: none;
	line-height: normal;
	text-align: center;
}

td.infodata {
	background-color: #FFF;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
	padding-left: 5px;
	text-align: left;
}

td.infoheader {
	background-color: #FFF;
	empty-cells: inherit;
	font-family: Verdana;
	font-size: 12px;
	font-weight: Bold;
	line-height: normal;
	text-align: left;
}

td.infotitle {
	background-color: #FFF;
	font-family: Verdana;
	font-size: 12px;
	line-height: normal;
	padding-right: 5px;
	text-align: left;
}

td.menuheader {
	color: #FFFFFF;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	text-align: center;
}

td.sectionheader {
	background-color: #D3D3D3;
	font-family: Verdana;
	font-size: 12px;
	font-weight: Bold;
	line-height: normal;
	text-align: left;
}
td.sectionheaderright {
	background-color: #D3D3D3;
	font-family: Verdana;
	font-size: 12px;
	font-weight: Bold;
	line-height: normal;
	text-align: right;
}
td.sectionheadercenter {
	background-color: #D3D3D3;
	font-family: Verdana;
	font-size: 12px;
	font-weight: Bold;
	line-height: normal;
	text-align: center;
}
td.titleheader {
	background-color: #FFF;
	font-family: Verdana;
	font-size: 12px;
	line-height: normal;
	text-align: left;
}

td.infoheaderleft {

	color: #3366CC;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	text-align: left;
}
td.infoheaderright {

	color: #3366CC;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	text-align: right;
}
td.yearheader {
	background-color: #D3D3D3;
	color: #3366CC;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	text-align: right;
}

tr.tabular {
	height: 12px;
	vertical-align: top;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 	font-size: 12px;
 	font-style: normal;
 	font-variant: normal;
 	font-weight: normal;
}


table.generaltext, p, li {

font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-style: normal;
 font-variant: normal;
 font-weight: normal;
 width: 100%;
 border: 0;
 padding: 0;
 }

.awhite:link, .awhite:visited {
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}

.awhite:hover {
	color: #CC0000;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}

.awhite2:hover, .awhite2:link, .awhite2:visited {
	color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

.foottext {
	font-family: Verdana;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	text-align: center;
}

.header {
	font-family: Verdana;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
}

.normal, .ticker_black {
	color: #000000;
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
}

.small {
	font-family: Verdana;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
}

/** End Content Style**/

/** Begin Form Style **/

input,textarea,select {
	color : #000000;
	font: normal 10px Verdana;
	border-color : #CCCCCC;
	background-color : #EFEFEFEF;
	border-style : solid;
	vertical-align :middle;
}

input {
	text-indent : 2px;
	textarea-indent : 2px;
	}
div.form {
	margin : 10px 10px 10px 0px;
}
div.form input.text {
    width   : 150px;
}
div.form textarea {
	width   : 200px;
	height : 7em;
}
div.form-field {
    font: normal 12px Verdana;
	padding-top : 5px;
	padding-bottom : 5px;
}
div.form-field label {
	width  : 150px;
	font-weight : bold;
	float  : left;
}
div.form-field .desc {
	color  : red;
	font-weight : normal;
}



/**
 * the data table
 */
table.data {
    font-family     : Verdana;
    font-size       : 12px;
    width           : 600px;
}
table.data th {
    background-color: #d3d3d3;
    font-weight     : bold;
}
table.data td {
    padding         : 2px;
}
table.data td span.info {
    padding         : 2px;
}
table.data td span.info:hover {
    border          : 1px dotted #CC0000;
    cursor          : help;
    padding         : 1px;
}
table.data tr.odd {
    background-color: #eeeeee;
}
table.data tr.grid-row-mouse-hover {
    background      : #cccccc;
    border-top      : 1 px solid #aaaaaa;
    border-bottom      : 1 px solid #aaaaaa;
}
table.data th a, table.data th a:visited {
    font-weight     : bold;
    color           : black;
    text-decoration : none;
}
table.data th a:hover {
    color           : #FF4500;
}

/**
 * Link button
 */
div.buttons {
    margin          : 10px;
}
a.button, a.button:visited, input.button {
    border          : 2px solid #CCCCCC;
    color           : #000000;
    background-color: #ECE9D8;
    padding         : 1px 8px 1px 8px;
    font-family     : Verdana;
    font-size       : 10px;
    font-weight     : bold;
    text-decoration : none;
}
a.button:hover, input.button:hover {
    color           : #FF4500;
    cursor          : pointer;
}
a.button.delete {
    color           : red;
}


/**
 * Style forms
 */
fieldset {
    border          : 1px solid #CC0000;
    margin          : 10px;
    padding         : 0;
    width           : 570px;
}
fieldset legend {
    border          : 1px solid #CC0000;
    background      : #F1AF00;
    color           : #ffffff;
    font-weight     : bold;
    font-size       : 12px;
    margin-left     : 10px;
    padding         : 2px;
}
div.form {
    margin          : 10px;
}
div.form div.form-field {
    clear           : both;
    padding         : 5px;
}
div.form div.form-field label {
    float           : left;
    width           : 175px;
    font-size       : 12px;
    font-family     : Verdana;
    font-weight     : bold;
}
div.form div.form-field label span.error {
    color           : red;
}
div.form div.form-field label span.desc {
    font-weight     : normal;
}
div.form div.spacer {
    height          : 15px;
}

/* the textbox */
div.form div.form-field input.text {
    width           : 500px;
    border          : 1px solid #F1AF00;
    padding         : 1px;
    font-size       : 12px;
}

/* the info field */
div.form div.form-field span.info {
    padding         : 1px;
    font-size       : 12px;
}

/* the textarea */
div.form div.form-field textarea {
    width           : 500px;
    height          : 75px;
    border          : 1px solid #F1AF00;
    padding         : 1px;
    font-size       : 12px;
}

/* the html editor */
div.form div.form-field div.html_editor {
    width           : 100%;
    clear           : left;
}

/* the dropdown */
div.form div.form-field select {
    width           : auto;
    border          : 1px solid #F1AF00;
    padding         : 1px;
    font-size       : 12px;
}


button.select-date {
    width           : 17px;
    height          : 16px;
    border          : none;
    cursor          : pointer;
    background      : white url('/CSS/date_icon.gif') no-repeat;
    margin-left     : 5px;
    vertical-align  : middle;
}


div.auto_complete {
    position:absolute;
    border:1px solid #888;
    margin:0px;
    padding:0px;
    width: 300px;
    background: #fff;
}
div.auto_complete ul {
    margin:0;
    padding:0;
    width: 100%;
    list-style-type:none;
}
div.auto_complete ul li {
    margin:0;
    padding:0px;
    cursor:pointer;
}
div.auto_complete ul li.selected {
    background-color: #ffb;
    border-top:1px solid #888;
    border-bottom:1px solid #888;
    font-weight:bold;
}
div.auto_complete ul strong.highlight {
    color: #800;
    margin:0;
    padding:0;
}



/** End Form Style **/