@import "siteEditor.css";

/*defined in siteEditor */
 .maroonbackground a  {color: #ffffff; font-weight: 600; }
 .maroonbackground a:link {color: #ffffff; font-weight: 600;}
 .maroonbackground a:visited {color: #ffffff;font-weight: 600;}
 .maroonbackground a:hover {color:#f4af00;font-weight: 600;text-decoration:underline;}
 .maroonbackground a:active {color: #f4af00;font-weight: 600;}


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

 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*/
   
 
.headerLeftSide {
   padding: 0px 0px 0px 0px;
   background-color:#500000;
   background: url(images/leftMainSideBCG.gif)  repeat-y right center; 

}

.headerRightSide {
   padding: 0px 0px 0px 0px;
   background-color:#500000;
   background: url(images/rightMainSideBCG.gif)  repeat-y left center; 

}
#header {
   vertical-align:top;
   background-color:#ffffff;
   padding:0px;

}

}

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

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

}

#topBar {
	font-family: Tahoma;
 	font-size: .6em;
   color: #ffffff;
   padding: 5px 0px 0px 175px;
   margin:0px;
   height: 19px;
   background: #500000  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: #ffffff; font-weight: 600;}
	#topBar a:visited {color: #ffffff;font-weight: 600;}
	#topBar a:hover {color: #9fb5bb;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: #999999;
   width:100%;
   font-size: .85em;
   border-bottom: 1px solid #500000;
}
.leftMainSide {
   background-color:#500000;
   background: url(images/leftMainSideBCG.gif)  repeat-y right center; 
	   
 }
 .rightMainSide {
   background-color:#500000;
   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;

}



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


		
/***********************************************/
#loginBox {
	background-color: #9fb5bb;
 	font-size: 1em;
 	color:#000000;
 	font-weight:600;
 	text-align:center;
   width: 140px;
   vertical-align: top;
   padding:0px 0px 0px 0px;
   margin-top:0px;
	
}
 #loginWelcome  {
 	font-size: 1em;
 	color:#000000;
 	font-weight:600;
 	text-align:center;
   vertical-align: top;
   background-color:#9fb5bb;
		padding:0px 0px 10px 0px;
		margin: 0px;
}

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


#menuCol {
width: 160px;
background-color:#9fb5bb;
text-align:center;
padding:2px;

}


#menu {
		font-family :  "Trebuchet MS",Arial, Verdana,Helvetica, sans-serif; 
    background-color: #9fb5bb;
   	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:.9em;
      color:#ffffff;
      font-weight: 600;
      height: 18px;
      width:100%;
			background-color:#406a76; 
/*      background: url(images/menuItemPointer.png)  no-repeat left center; 
		background-color: #003366; */
		 	border-bottom:1px solid #000000;
      border-left:1px solid #000000;

 	}

/*menu_items are all other items below the header*/
.menu_item {
   color: #ffffff;
   color: #000062;
   font-weight:400;
   font-size:.8em;
   padding:5px 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;
 }


.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: 2px solid #333333;
      border-right: 1px solid maroon;
      border-top: 1px solid tan;
      border-left: 2px solid #333333;
   } 
 .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 {display:block;}
 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;background-color:#f4af00; border:1px solid #ccc;padding:0px 20px 0px 20px;}*/
 div.catBox {float:right; padding:5px; margin: 40px 5px 10px 10px; background-color:#f4af00; border-right:2px solid #666666;border-bottom:2px solid #666666;padding:10px 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