/* CSS Document */

body	{	
		font-family: arial, helvetica, sans-serif, verdana;
		color: #707070;
		font-size: 12px;
		margin: 0px 0px 10px 0px
}

td	{	
		font-family: arial, helvetica, sans-serif, verdana;
		color: #333333;
		font-size: 12px;
}

#pagecontainer	{
		width: 750px;
}

/* PAGE ELEMENT DEFINITIONS START HERE */

a	{
		color: #50081d;
		text-decoration: none;
}

a:visited {
		color: #9C4913;
		text-decoration: none;
}

a:hover {	
        color: #50081d;
		text-decoration: underline;
}

a:visited:hover {
        color: #9C4913;
		text-decoration: underline;
}

a.small	{
		color: #707070;
		text-decoration: none;
		font-size:11px
}

a.small:visited {
		color: #777777;
		text-decoration: none;
}

a.small:hover {	
		text-decoration: underline;
}

a.small:visited:hover {
		text-decoration: underline;
}

textarea {background-color: #FFFFFF; color: #202A33; font-size: 11px; border-color: #969690; border-width: 1px; padding: 1px; font-family: arial, helvetica, verdana, tahoma}


input {
		color: #202A33;
		font-size: 11px;
		border-width: 1px;
		border-color: #AAAAAA
}

input.textbox { /* IS THIS NEEDED ?????????? */
		color: #202A33;
		font-size: 11px;
		border-width: 1px;
		border-color: #AAAAAA
}

input.submitbutton, input.submitbutton_on {
		background-color: #afafaf;
		color: #333333;
		font-size: 11px;
		height: 23px;
		border-width: 0px;
		border-color: #969690;
		padding: 0px
}

input.submitbutton_on {
		background-color: #FFFFFF;
		color: red;
		font-weight: bold;
}

input.submit, input.reset {
		background-color: #cccccc;
		color:#8F1800;
		font-weight: bold;
		height: 22px
}

input.reset {
		background-color: #dddddd;
		color:#003366;
		font-weight: normal;
}

select {
		background-color: #FFFFFF; 
		color: #202A33; 
		font-size: 11px; 
		border-color: #969690
}

h4	{
		margin: 0 0 4px 0;
}

/* HELPFUL */

.mboxSaveError {
    margin: 0 0 20px 0;     
    color: red;
    background-color: White;   
    border: solid 1px red;     
    width: 450px; 
    padding: 6px;
}

.mboxSaveConfirm {
    margin: 0 0 6px 0;     
    color: green;     
    background-color: white;   
    border: solid 1px green;     
    padding: 6px;
}

.mboxNoData {
    margin: 0 0 6px 0;     
    color: #555555;     
    background-color: #efefef;   
    border: solid 1px #afafaf;     
    font-weight: bold; 
    padding: 4px;
}

.validator {padding: 0 0 0 4px; font-weight:normal;border:0px solid black}


/* LISTS (FOR LIST PAGES) */

.listColumnLeft {
	padding-left: 6px;
	padding-right:6px;
}

.listColumnLeft2 {
	padding: 0 20px 6px 0; 
	font-weight:bold;
	color:#333333;
	width:370px;
	vertical-align:top;

}

.listColumnMiddle {
	padding-left:2px;
	padding-right:10px;
}

.listColumnRight {
	padding-left:4px;
	padding-right:6px;
}

.listColumnRight2 {
	padding: 0 20px 6px 0; 
	color:#333333;
	width:250px;
	vertical-align:top
}

.gridviewpadding {
padding-bottom:10px;    
margin-bottom:12px;    
line-height:12px;
}    
     
/* VERY GENERAL CLASS DEFINTIONS */

.clearer
{
clear:both
}

.contentbold	{
		color: #333333;
		font-size: 12px;
		font-weight:bold
		}
    
    
.masthead_companyname	{
		color:#660000;
		font-size: 14px;
		font-weight:bold
}

.headline {
    font-family:Trebuchet MS, Arial, Helvetica, sans-serif
    font
}

.headline, .headlinegreen, .headlineblue, .subheadline, .subheadlinegreen, .subheadlineblue, .headlinered, .subheadlinered, .subheadlinelightgrey {
		color: #333333;
		font-size: 18px;
		font-weight: bold
}

.subheadline, .subheadlinegreen, .subheadlineblue, .subheadlinered, .subheadlinelightgrey {
		font-size: 14px;
}

.headlinegreen, .subheadlinegreen {
		color:#004400;
}

.headlineblue, .subheadlineblue {
		color:#103658;
}

.headlinered, .subheadlinered {
		color:#8F1800;
}

.subheadlinesmall, .subheadlinesmallblue {
		color: #000000;
		font-size: 14px;
		font-weight: bold
}

.subheadlinesmallblue {
		color: #003366
}

.subheadlinelightgrey 
{
		color: #666666
    }

.headlinegreen, .subheadlinegreen {
		color:#004400;
}

.medium	{
		color: #333333;
		font-size: 11px;
		font-weight: normal
}

.small, .smallwhite	{
		color: #333333;
		font-size: 10px;
		font-weight: normal
}

.smallwhite	{
		color: #FFFFFF;
}

.red, a.red, a.red:visited, a.red:hover, a.red:visited:hover	{
		color: #A21B00;
}

.blue, a.blue, a.blue:visited, a.blue:hover, a.blue:visited:hover	{
		color: #003366;
}

.redlarger	{
		color: #A21B00;
		font-size:14px;
		font-weight:bold
}

.grey1	{
		color: #BEBEBE;
}

.icon {
		margin: 0 0 -1px 0;
}

.float {
		float: left
}


/* from here down are the classes that have been added */
.main {margin-top: 12px; margin-left: auto; margin-right: auto; text-align: left; width: 750px;}
.mainContent {margin-top: 15px; margin-left: auto; margin-right: auto; text-align: left; width: 750px;}

.bannerIndex {background-image: url(../images/banner-index.jpg); height: 115px; padding-left: 115px; vertical-align: bottom; width: 750px;}
.bannerContent {background-image: url(../images/banner-content.jpg); height: 75px; width: 750px; border:0px solid black}

.hide {visibility:hidden}

.bannerContent #headerLink {display:block; width:55px; height:75px; float:left}
.bannerContent #headerLink a {text-decoration:none;}
.bannerContent #headerLink #mbHomeLink {float: left; width: 55px; height: 75px; border:0px solid red}

.bannerContent #headerLink2 {display:block; border:0px solid blue; width:200px; height:40px}
.bannerContent #headerLink2 a {text-decoration:none;}
.bannerContent #headerLink2 #mbHomeLink {float: left; width: 200px; height: 40px; border:0px solid blue}

.bannerContent #topRight {border:0px solid purple; width:600px; height:75px; float:left}
.bannerContent #homeLink2 {border:0px solid blue; width:200px; height:40px}
.bannerContent #tagline {padding:4px 0 0 10px; width:680px; height:35px; border:0px solid red}

h1 {color: #740b25; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: normal; margin-bottom: 25px;}
h2 {color: #740b25; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal}

.pagetophome, .pagetophome2 {color: #740b25; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: normal}
.pagetopcontent, pagetopcontent2 {color: #740b25; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal}

.pagetophome2 {font-family:Times New Roman, Times, Sans-Serif}
.pagetopcontent2 {font-family:Times New Roman, Times, Sans-Serif}

.accent {font-size: 11px; font-weight: bold; color: #50081d;}

.datestamp {font-size: 11px; font-weight: bolder; color: #565656;}

a.readmore {font-size: 11px; color: #50081d; font-weight: bolder; text-decoration: none;}
a.readmore:hover {color: #9C4913; font-weight: bolder; text-decoration: none;}
a.readmore:visited {color: #455F84; font-weight: bolder;}
a.readmore:visited:hover {color: #9C4913; font-weight: bolder; text-decoration: none;}

.index-content1 {font-size: 11px; background-image: url(/images/about-us.jpg); background-repeat: no-repeat; padding: 49px 16px 10px 16px; width: 351px; border:0px solid red}
.index-content2 {font-size: 11px; background-image: url(/images/bulletin-board.jpg); background-repeat: no-repeat; padding: 49px 16px 10px 16px; width: 351px; border:0px solid green}

.index-footer {padding-bottom: 7px; padding-top: 0px;}

.bottom {color: #868686; font-size: 11px; text-align: center;}
a.bottom:link {color: #868686; text-decoration: none;}
a.bottom:visited {color: #455F84; text-decoration: none;}
a.bottom:hover {color: #9C4913; text-decoration: none;}
a.bottom:active {color: #9C4913; text-decoration: none;}

/* this controls the padding of the white area on the content pages */
.content {padding:10px 20px}



/* GRIDVIEW */

.SelectedRowStyle
{
    background-color: Yellow;
}

.gridViewTopPadding

{
    padding-top:1px;
}


/* FORMS (EditItemTemplate, InsertItemTemplate, ItemTemplate) */

.LeftColumnforTemplate
{
    font-weight: bold; 
    padding-right:16px;
    text-align: right;
    width:150px;
}