@import "siteEditor.css";

 body {
      font-family: "Trebuchet MS", Arial, sans-serif;
      font-size: .85em;
      color: #333333;
      padding: 0px;
      background-color:#ffffff;
   background-color:#640e27;
      }

 a  {color: #135498; }
 a:link {color: #135498; }
 a:visited {color: #135498;}
 a:hover {color: maroon;}
 a:active {color: #135498;}


/* this replaces the body tag, so that this style sheet works in the editor*/
   
  
.headerSide {
   position: relative
   height: 86px;
   padding: 0px 0px 0px 0px;
	 background: url(images/topShadow.gif)  repeat-x top ; 
   background-color:#fff;

}
#header {
   position: relative
   height: 86px;
   padding: 0px 0px 0px 0px;
   align: center;
	 background: url(images/topShadow.gif)  repeat-x top; 
   background-color:#ffffff;
   padding:0px;

}
#headerSeal{
position:relative;
top: 5px;
left:20px;	
}
#headerName {
position:relative;
top: 9px;
left:0px;
padding:0px;	
	
}

#header a {color: white;}
#header a:link {color: white;}
#header a:visited {color: white;}
#header:hover {color: white;}
#header a:active {color: white; text-decoration: none;}

.topBarSide {
   position: relative;
   color: #003366;
   padding: 0px;
   margin:0px;
   height: 18px;
   background: #ffffff  url(images/topBarBCG.gif) repeat-x left bottom;

}

#topBar {
   position: relative;
	font-family: Tahoma;
 	font-size: .5em;
   color: #003366;
   padding: 0px 200px 0px 150px;
   margin:0px;
   height: 18px;
   background: #ffffff  url(images/topBarBCG.gif) repeat-x left bottom;
   text-align: center;
   vertical-align: text-bottom;
}

	#topBar a { font-size:2em; font-weight: 600;text-decoration:none; }
	#topBar a:link {color: #003366; font-weight: 600;}
	#topBar a:visited {color: #003366;font-weight: 600;}
	#topBar a:hover {color: #640e27;font-weight: 600;}
	#topBar a:active {color: #003366;font-weight: 600;}



#main {
   position: relative;
   z-index: 1;
   top: 0px;
   left:0px;
   padding: 0px 0px 0px 0px;
   margin: 0px;
   background-color: #003366;
   background-color: #999999;
   width:100%;
   font-size: .85em;
   border-bottom: 1px solid #640e27;
}
.leftMainSide {
   background-color:#640e27;
   background: url(images/leftMainSideBCG.gif)  repeat-y right center; 
	   
 }
 .rightMainSide {
   background-color:#640e27;
   background: url(images/rightMainSideBCG.gif)  repeat-y left center; 
	   
 }

 
/*
div.main a { font-size: 100%; font-weight: bold; }
div.main a:link {color: #660066; }
div.main a:visited {color: #660066;}
div.main a:hover {color: #999999;;}
div.main a:active {color: #660066;}
*/


#footer {
   color: #ffffff;
   font-weight: 400;
   text-align: center;
   vertical-align:center;   
   font-size: .65em;
   padding: 0px 0px 10px 0px;
   border-top: 2px solid #666;
   color: #003366;
   background-color: #cccccc;  
   border-top: 1px solid #660000;
   border-bottom: 1px solid #660000;
   
   
}

#footer a {color: white;}
#footer a:link {color: white;}
#footer a:visited {color: white;}
#footer a:hover {color: white;}
#footer a:active {color: white; text-decoration: none;}

#bottom {
	height: 60px;

}

#loginBanner{
				display: inline;
			  position: relative;
			  left:200px;
			  top:10px;
				background-color:#ffffff;
				font-size: 10pt;
				font-weight: 800;
				text-align:center;
				padding-right:10px;				
				height:18px;
				border-top-width: 1px;
				border-right-width: 1px;
				border-bottom-width: 1px;
				border-left-width: 1px;
				border-bottom-style: dashed;
				border-top-color: #CCCCCC;
				border-right-color: #CCCCCC;
				border-bottom-color: #666666;
				border-left-color: #F0F0F0;
				background: #ffffff  url(images/loginBannerBCG.gif) no-repeat left top;
				border-left-style: solid;
				color:#003366;

			}
			
		
#loginBanner  a { color:#003366; text-decoration:none; font-size: .9em; font-weight:800; }
#loginBanner  a:link {color:#003366; font-weight:800;}
#loginBanner  a:visited {color:#003366;font-weight:800;}
#loginBanner  a:hover {color: maroon;font-weight:800;}
#loginBanner  a:active {color: #003366;font-weight:800;}

/******************************** menu section **********************/


/******************************************/

#box
	{
	position: relative;
	margin-left: 5px;
	margin-right: auto;	
	margin-top: 5px;
	padding: 0;
	text-align: left;
	/*width:80%;				 <-- use this to tie width to viewport size */
	width: 155px;				/* <-- use this for a set width */
	background-color: #eeeeee;
	}
 	
#boxContent
	{
padding:3em;
padding:2px;
	}

#boxContent h1
	{
	color:#0354c2;
	font-weight: bold;
	font-size: 1.2em;
	font-family: helvetica, geneva, arial, sans-serif;
	}
		
#boxContent p
	{
	color:#3b3b3b;
	font-size: 1em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
	}

/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(images/box/tlc.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(images/box/trc.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(images/box/blc.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(images/box/brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(images/box/tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(images/box/bb.gif);
	background-position: 50% 100%;
	}
	
#rb
	{
	background-image:url(images/box/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-image:url(images/box/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
		
/***********************************************/
#loginBox {
	background-color: #eeeeee;
 	font-size: 1em;
 	color:#036;
 	font-weight:600;
 	text-align:center;
   width: 140px;
   vertical-align: top;
   padding:0px 0px 0px 0px;
   margin-top:0px;
	
}
 #loginWelcome  {
 	font-size: 1em;
 	color:#036;
 	font-weight:600;
 	text-align:center;
   vertical-align: top;
   background-color:#eeeeee;
		padding:0px;
		margin: 0px;
}

 #loginBox td.loginlabel {
 	font-size: 1em;
 	color:#666666;
}
 #loginBox td input.logininput {
 	font-size: 1em;
 	background-color:#ffffff;	
 	color: maroon;
}
 #loginBox td input.submit {
 	font-size: .8em;
 	color:#ffffff;
 	background-color: #999999;
}
 #loginBox td a {color: #666666;text-decoration: underline;}
 #loginBox td a:link {color: #666666;}
 #loginBox td a:visited {color: #666666;}
 #loginBox td a:hover {color: #333333;text-decoration:underline;}
 #loginBox td a:active {color: #666666; }


#menuCol {
width: 160px;
background-color:#999999;
align:center;
padding:5px;

}

#memberMenu{
    background-color: #eeeeee;
    width: 140px;
   	vertical-align: top;
	
}

#menu {
		font-family :  "Trebuchet MS",Arial, Verdana,Helvetica, sans-serif; 
    background-color: #eeeeee;
   	vertical-align: top;
    font-size: .8em; 
    line-height: 1.4em;   	 
		padding-left:4px;
}

#menu p { 
    margin: 0px;
    padding:0px 0px 10px 0px;
 }

/* this will effect the login fields in in the menu bar */
.menu_item input {background-color:#ffffff;border:1px solid #999;padding-left:0px;}


#menu table tr td.menuitem:after {  content: '<hr>'; }

/* this is the menu header */
#menu table tr td.menu_head {
      padding: 2px 2px 2px 2px;
      font-size:.85em;
      color:#003366;
      font-weight: 600;
      height: 18px;
      width:100%;
			background-color:#eeeeee;      
/*      background: url(images/menuItemPointer.png)  no-repeat left center; 
		background-color: #003366;
		      border-bottom:1px solid #cccccc;
      border-top:1px solid #cccccc;
*/
 	}

/*menu_items are all other items below the header*/
.menu_item {
   color: #ffffff;
   color: #000062;
   font-weight:400;
   font-size:.8em;
   padding:0px 0px 0px 0px;
}

.menu_item a {color: white;text-decoration: none;}
.menu_item a:link {color: #000062;}
.menu_item a:visited {color: #000062;}
.menu_item a:hover {color: #660000;text-decoration:underline;}
.menu_item a:active {color: #000062; }

/* this is parent level of menu_items */
tr.subMenu0 td.menu_item  {
   color: #000062;
}


/* this ist the child level of menu_items */
tr.subMenu1 td.menu_item {
   color: #000062;
   background-image: url(images/menuSpacer20x20.gif);
   background-repeat: repeat-y;
   background-position: left center;
   background-color:#999;

   text-indent: 10px; 
}

/* this is the grandchild level of menu_items */
tr.subMenu2 td.menu_item {
   color: #000062;
    background-color:#999;
   background-image: url(images/menuSpacer20x20.gif);
   background-repeat: no-repeat;
   background-position: left center;
   text-indent: 25px;
}

/* this is the great-grandchild level of menu_items, goes on */
tr.subMenu3 td.menu_item {
   color: #000062;
   background-color:#999;
   background-image: url(images/menuSpacer20x20.gif);
   background-repeat: no-repeat;
   background-position: left center;
   text-indent: 30px;
}
/******************************** menu section **********************/
	



/********************************** horizontal menu bar ***************/
    

#sidebar {
   background-color: #ffffff;
   border-left: 1px dashed #135498;
   border-left: 1px solid #660000;
padding-right: 4px;
   }


td.content {
   background-color: #fff; 
   padding: 19px 15px 15px 15px; 
   vertical-align: top;
   width: 100%;
}   
   
.rightnav {
   margin: 15px 5px ;
   padding: 5px;
  }




/**************************** Below: Content Page Style Specifications************/

  

 textarea{
      border: 1px solid #777777;
      background: #efefef;
      font: 11px verdana;
      color: #333333;
 }

 select{
      border: 1px solid #777777;
      background: #efefef;
      font: 11px verdana;
      color: #333333;
 }

 input{
      border: 1px solid #999999;
      background: #efefef;
      font: 11px verdana;
      color: #333333;
 }

 button{
      background-color: #efefef;
      font: 11px verdana;
      color: #333333;
      border: 1px solid #333333;
 }

.contentPageTitle {
      color: #003366;
      font-family: arial, verdana, sans-serif;
      font-weight: 800;
      font-size: 1.8em;
      padding-bottom: 5px;
      
}
/* div.contentPageSubTitle {
   background-color:#640e27;
      color:white;
      font-family:verdana, arial,sans-serif;
      font-weight:600;
      font-size:100%;
			margin: 0px 0px 7px 0px;      
      border-right:1px solid maroon;   
      border-left:0px solid maroon;
      border-bottom:1px solid maroon;
      border-top:0px solid maroon;
      

 }*/
 
div.contentPageSubTitle, td.contentPageSubTitle  {
    background-color:#640e27;
     color:white;
      font-family:verdana, arial,sans-serif;
      font-weight:600;
      font-size:100%;      
      border-right:2px solid #000000;
      border-left:1px solid #999999;
      border-bottom:2px solid #000000;
      border-top:1px solid #999999;
			margin: 5px 0px 7px 0px;      
 }
 
/* creates just a colored line under title */
 div.contentPageSubSubTitle  {
      font-size:110%;
      font-weight:600;
      border-right:0px solid maroon;
      border-left:0px solid maroon;
      border-bottom:1px solid maroon;
      border-top:0px solid maroon;
		background-color: #ffffff;
  }
   
/* used as sub-subtitle or narrow color bands for presentation; IE requires a spacer.gif (1px) in html to control row height here*/  
 .headerBar {
      background-color: #ccc; 
      color: #000; 
 }

/* used as sub-subtitle or narrow color bands for presentation; IE requires a spacer.gif (1px) in html to control row height here*/  
 .headerBar2 {
      height: 4px;
   background-color:#640e27;
      color: #000;
      border-right:1px solid maroon;
      border-left:0px solid maroon;
      border-bottom:1px solid maroon;
      border-top:0px solid maroon;
 }
 
/* header2 same as formInputLabel, used in other places, not currently for use  */
td.header2 {
      background-color: #eeeeee;
 }
 
.lightbackground  { background-color: #eeeeee;  }
.grayoutline  { border: 1px solid silver;  }

.submit, #submit, td.formInputField input.submit, div.formInputField input.submit {
		background-color: #666666;
		border-right: 2px solid #000 ;
		border-bottom:2px solid #000;
		border-top:2px solid #999;
		border-left:2px solid #999;
		color:#ffffff; 
		font-size: 1em;
		font-family:Arial;
		font-weight:bold; 
		cursor:pointer;
		text-align: center;
}
.submit  a { color:#ffffff; text-decoration:none; font-size: 1em; font-weight:800; }
.submit  a:link {color:#ffffff; font-weight:800;}
.submit  a:visited {color:#ffffff;font-weight:800;}
.submit  a:hover {color: #ffffff;font-weight:800;}
.submit  a:active {color: #ffffff;font-weight:800;}
  

 .formInputLabel {
 			color: #000000;
      background-color: #eeeeee; 
      border:2px solid #fff;
  }

 /* displays data as if input field */
 .formInputData  {
      background: #tan;
  } 
 			


 .formInputField textarea {
      background: wheat;
      background: #eeeeee;
      border-bottom: 1px solid maroon;
      border-right: 1px solid maroon;
      border-top: 1px solid tan;
      border-left: 1px solid tan;
  }
 .formInputField input {
      background: wheat;
      background: #eeeeee;
      border-bottom: 1px solid maroon;
      border-right: 1px solid maroon;
      border-top: 1px solid tan;
      border-left: 1px solid tan;
   } 
 .formInputField file {
      background: wheat;
      background: #eeeeee;
      border-bottom: 1px solid tan;
      border-right: 1px solid tan;
      border-top: 1px solid tan;
      border-left: 1px solid tan;

   }
 .formInputField select {
      background: wheat;
      background: #eeeeee;
      border-bottom: 1px solid maroon;
      border-right: 1px solid maroon;
      border-top: 1px solid tan;
      border-left: 1px solid tan;
      
   }

 
 
 .formInputLabel2 {background: #eee;}
 .formInputData2  {background: #fff; border-bottom: 1px solid #999;}  /* displays data as if input field */
 .formInputField2 textarea {background-color: #eee;}
 .formInputField2 input {background-color: #eee;}
 .formInputField2 select{background-color: #eee;}
 .formInputField2 file {background-color: #eee;}

 .formInputLabel3 {background-color: #eee;}
 .formInputData3 {background-color: #ccc; color: #000; }
 .formInputData3 a:link {color: white; }
 .formInputData3 a:visited {color: white;}
 .formInputData3 a:hover {color: #f3a42b;}
 .formInputData3 a:active {color: white;}


 /*used in some forms for the input fields */
 .header {} 
 .grey {}
 
 div.contentCrumbs {color: #135498;}
 div.contentCrumbs  a  {color: #135498; }
 div.contentCrumbs  a:link {color: #135498; }
 div.contentCrumbs  a:visited {color: #135498;}
 div.contentCrumbs  a:hover {color: maroon;}
 div.contentCrumbs  a:active {color: #135498;}
 
 /* for a title or main heading that is a link */
 .titleLink {font-size: 125%; font-weight: bold;}
 .titleLink  a  {color: #135498; font-size: 100%; font-weight: bold; }
 .titleLink  a:link {color: #135498;font-size: 100%; font-weight: bold;  }
 .titleLink  a:visited {color: #135498;font-size: 100%; font-weight: bold; }
 .titleLink  a:hover {color: maroon;font-size: 100%; font-weight: bold; }
 .titleLink  a:active {color: #135498;font-size: 100%; font-weight: bold; }
 
 #applinks {  background-color:#EEEEEE;  border-top: 1px solid white; }
 
 #applinks b.title {  color: #36c;  font-weight: bold;  background-color: #EEEEEE; }
 
 #applinks b, #applinks b a {  color: white;  background-color:#003366; }
 #datagrid table tr th 
 { 
  background-color: tan;
  color: white;
 }
 

 

 /**
  ************************************************** Calendar Styles
  **/
 div.calendarModule {color:#003366;}
 div.calendarModule .contentPageTitle {color:#003366;}
 div.calendarModule .contentPageSubTitle  {}
 div.calendarModule .contentPageSubSubTitle  {}

 div.calendarModule #applinks { }
 div.calendarModule #applinks b.title {}
 div.calendarModule #applinks b, #applinks b a {  }
 
 div.calendarModule .headerBar2 {}
 div.calendarModule .headerBar {}
   
          /* used as the title for the year view */
 #calendar table.yearTitle { border-bottom: 0px;  background-color: #EEEEEE;  font-weight: bold;  }
        /* used as the title for the week view */
 #calendar table.weektitletable { border-bottom: 0px;  background-color: #EEEEEE;  font-weight: bold;}
    
         /* used as the headers on  month views */
 div.calendarModule .row1 {background-color:#eeeeee;} /* this is the small calendar */
 div.calendarModule .largeMonthCalTitle .row1 {background-color:#EEEEEE;}


        /* title for presentation of event lists for a day or a month */  
 .eventListTitle {background-color:#003366;color:white;font-weight:800;font-size:110%;border: 1px solid silver;}
       /* body text for presentation of event lists for a day or a month */
 .monthEventList {background-color:#fff;}

 #calendar table {  background-color:#F2F2F2;  border: 1px solid silver; }
       /* used as the header for days of week ?????? */
  div.calendarModule .row2 {}
  #calendar table tr.row2  {  background-color:#003366;font-family: arial;  color: white;  font-weight: bold; }
  #calendar table tr.row2 td {}

 #calendar table.monthtable { //background-color:crimson; }
        /* light shading for days without events */
 .monthCall { background: #FFEBEB;background-color:wheat;   padding-bottom: 20px; }
 .weekendDay { background: #Ffffff; }
       /* color for days with events */
 .calHasEvent { background-color: tan; }
 .calHasEvent a { color: #003366;  font-weight: normal; }

 #calendar .noDay { background: #EEEEEE; }
 .todayseventstitle { background-color: #FFCE7B; }
 .todaysevents { background-color:  #FFCE7B;}


	/**
  ****************************************  News Articles 
  */

 div.news .contentPageTitle {}
 div.news .contentPageSubTitle {}
 div.news .contentPageSubSubTitle  {}
 
 div.news .contentCrumbs {}
 div.news .contentCrumbs  a  {}
 div.news .contentCrumbs  a:link { }
 div.news .contentCrumbs  a:visited {}
 div.news .contentCrumbs  a:hover {}
 div.news .contentCrumbs  a:active {}


 div.news_tease { font-family: "Times New Roman",Times,Serif; font-size:100%; font-weight: 400; padding: 10px 10px 10px 10px; }
 
 div.news_title  { font-size:medium; font-weight: bold; padding: 0px 0px 0px 0px; } 
 div.news_title a { font-size: 100%; font-weight: bold; font-family: Times, serif;  }
 div.news_title a:link {color: green; }
 div.news_title a:visited {color: green;}
 div.news_title a:hover {color: maroon;}
 div.news_title a:active {color: green;}
 div.news_publish {font-family: Verdana, Arial; font-size: 80%; margin-left: 10px; padding: 5px}
 div.news_intro {  font-family: Arial,sans-serif; font-size:100%; padding: 0px 0px 0px 5px; border-left: 4px double #aaa;}
 div.news_more  { }

 div.cat_notes { padding: 0px 0px 10px 10px; margin: 0px; }
 div.cat_nextprev { font-weight: bold; background-color: #eee; color: maroon; padding: 3px; margin: 5px 200px 5px 0; border: 1px solid #ccc; }

 div.story_title { font-family: Times,serif; font-size: 200%; font-weight: 700; color: green; margin: 15px 0px 5px 15px;}
 div.story_publish {font-family: Arial, sans-serif; font-size:80%; font-weight:300; margin-left: 10px; padding: 0px 0px 0px 5px;}
 div.story_byline {font-family: Arial, sans-serif; font-size:80%;font-weight:300; margin-left: 10px; padding: 5px;}
 div.story_body {font-family: Arial, sans-serif; font-size:100%;  margin-left: 15px;  padding-top: 15px; background-color: #fff;  }

 /* this puts a large letter at the beginning of a news story - does not work quite right all time
 div.story_body:first-letter { font-size: 200%; font-style: italic;
                    font-weight: bold; float: left; color: crimson; }*/



 div.relCategories {display: none; }

/* div.catBox {float:right; padding:5px; margin: 40px 5px 10px 10px; background-color:#CCFF99; border:1px solid #ccc;padding:0px 20px 0px 20px;}*/
 div.catBox {float:right; padding:5px; margin: 40px 5px 10px 10px; background-color:#7e9153; border-right:2px solid #666666;border-bottom:2px solid #666666;padding:0px 20px 0px 20px;}
 div.catBox b {margin:0px; padding:0px; color:#ffffff;}
 div.catBox a  {color: #ffffff; }
 div.catBox a:link {color: #ffffff; }
 div.catBox a:visited {color: #ffffff;}
 div.catBox a:hover {color: maroon;}
 div.catBox a:active {color: #ffffff;}
 
  

 /**
  *  Category list ( ListView::renderAsList() )
  */
 #ListView { padding-left: 4px; }
 #ListView ul { padding-left: 2px; align:left;  }
 #ListView li { margin: 0px; padding: 2px; }
 #ListView li.active { background-color: #BCDEDE; border: 1px solid #ccc; }
 #ListView a { display:block; }


 /**
  ********************************************  Photo Gallery
  */
  
 div.photoModule { }
 div.photoModule .photoPageOne {}
 div.photoModule .contentPageTitle { }
 div.photoModule .contentPageSubTitle  {}

 div.photoAlbumTitle {font-family: "Comic Sans MS";font-size: 100%; width:95%; white-space: nowrap; color: #003366; padding: 2px 0px 2px 15px ; margin: 3px 0px 0px 0px; background-color:#ffffff;}  
 div.photoAlbumTitle a {font-family: "Comic Sans MS"; font-size:110%; color: #003366; }
 div.photoAlbumTitle a:link {}
 div.photoAlbumTitle a:visited { }
 div.photoAlbumTitle a:hover {}
 div.photoAlbumTitle a:active { }
  
 div.photoModule .contentCrumbs {}
 div.photoModule .contentCrumbs  a  {}
 div.photoModule .contentCrumbs  a:link { }
 div.photoModule .contentCrumbs  a:visited {}
 div.photoModule .contentCrumbs  a:hover {}
 div.photoModule .contentCrumbs  a:active {}

 
 div.photoViewCaption {background-color:#000; color:#fff; text-align:center; padding:5px;font-size:100%;}
 div.photoViewImage {background-color:#000; padding:10px; }
 
 div.photoThumb div { float: left; margin: 10px; padding: 5px; height: 160px; background-color:#000;color:white;}
 div.photoThumb td { padding: 5px; background-color:#000;color:white; }
 div.photoThumb tr.even {  background-color: #000;color:white; }
 div.photoThumb tr.odd { background-color: #000; color:white;}


 /************************************ Forums**************************************/
 
 div.forum {}
 div.forum .contentPageTitle { }
 div.forum .contentPageSubTitle {}

      /* used as sub-subtitle or narrow color bands for presentation; IE requires a spacer.gif (1px) in html to control row height here*/  
 div.forum .headerBar2 {}
 div.forum .headerBar {}
 
 div.forum .colorbar {font-size:medium;margin:25px 0px 0px 0px; padding:5px 5px 5px 10px}
 div.forum .colorbar2 {background-color: #ccc; font-size:small; margin:0px 0px 0px 0px; padding:2px 2px 2px 15px;}

 #forum {}
 #forum TABLE {padding:0px;  border:0px; margin:0px;}
 #forum TD {		vertical-align: top;		background-color: wheat; 		font-size: 100%;		padding: 2px 2px 2px 6px;	color: #003366;}
	#forum TD.spacer {		vertical-align: top;		background-color:#FFF;	}
 #forum TD.contentPageSubTitle {background-color: tan; padding:4px;}
 
 #forum TD.forumTitle1 {background-color: wheat; font-size:110%; padding: 0px; margin:0px; }
 #forum TD.forumTitle1 a:link {font-size:110%; color: #003366;}
 #forum TD.forumTitle1 a:visited {font-size:110%;color: #003366;}
 #forum TD.forumTitle1 a:hover {font-size:110%;color: maroon;}
 #forum TD.forumTitle1 a:active {font-size:110%;color: #003366;}
 
 #forum TD.forumDescription1 {padding: 0px; margin:0px;font-family: Verdana,Arial; font-size:90%;} 


 .forum_head {background-color: #ccc; color: #000; margin:0px; padding:0px;}
 .forum_head a:link {color: white; }
 .forum_head a:visited {color: white;}
 .forum_head a:hover {color: #f3a42b;}
 .forum_head a:active {color: white;}

 .forum_row1{ 
        background-color: #bfc6d8; 
        font-size: 90%; 
        font-family: Arial; 
        color: black;
 }
 .forum_row1 a:link {color: black;}
 .forum_row1 a:visited {color: black;}
 .forum_row1 a:hover {color: #C87225;}
 .forum_row1 a:active {color: black;}

 .forum_row2{ 
        background-color: #e0e3ec; 
        font-size: 90%; 
        font-family: Arial; 
        color: black;
 }
 .forum_row2 a:link {color: black;}
 .forum_row2 a:visited {color: black;}
 .forum_row2 a:hover {color: #C87225;}
 .forum_row2 a:active {color: black;}

 .forum_suspended{ 
        background-color: #F0C0C0; 
        font-size: 90%pt; 
        font-family: Arial; 
        color: black;
 }

 .forum_moderated{ 
        background-color: red; 
        font-weight: bold; 
        font-size: 90%; 
        font-family: Arial; 
        color: white;
        text-align: left;
 }
 .forum_moderated a:link {color: white;}
 .forum_moderated a:visited {color: white;}
 .forum_moderated a:hover {color: #DADAB9;}
 .forum_moderated a:active {color: white;}


 .forum_head2 { 
        background-color: #f3a42b; 
        font-weight: bold; 
        font-size: 80%pt; 
        font-family: Arial; 
        color: white;
 }
 .forum_head2 a:link {color: white;}
 .forum_head2 a:visited {color: white;}
 .forum_head2 a:hover {color: #DADAB9;}
 .forum_head2 a:active {color: white;}

/************************************************ end of forums **************************
  
 /**
  ********************************************** Private Messages
  */
 div.pmModule {} 
 div.pmModule .contentPageTitle {}
 div.pmModule .contentPageSubTitle  {}
 div.pmModule .contentPageSubSubTitle  {}

 div.pmModule .headerBar {}
 div.pmModule .headerBar2 {}
 
 div.pmModule td.header2 { }

 div.pmModule .formInputLabel {}
 div.pmModule .formInputData  { }
 div.pmModule .formInputField textarea {}
 div.pmModule .formInputField input {} 
 div.pmModule .formInputField file {}
 div.pmModule .formInputField select {}
 
 div.pmModule .formInputLabel3 {}
 div.pmModule .formInputData3 {}
 div.pmModule .formInputData3 a:link { }
 div.pmModule .formInputData3 a:visited {}
 div.pmModule .formInputData3 a:hover {}
 div.pmModule .formInputData3 a:active {}
 
 div.pmModule #applinks {margin: 5px 0px 35px 0px; }
 div.pmModule #applinks b.title {}
 div.pmModule #applinks b, #applinks b a {padding:1px;  }

 
 .pmMessageHeader {
      background-color: #999999;
      color: white;padding:2px;
      text-align:center;
      margin:0px;
 }
 
 
 tr.pmRow1 { background-color: #eeeeee; }
 tr.pmRow2 { background-color: #ffffff; }

 .pmConfirmMessage {font-size:125%; color: green; text-align:left;margin-top: 20px;}
 .pmErrorMessage {font-size:125%; color: red; text-align:left;margin-top: 20px;}

****************************** sport/signup modules