@import "siteEditor.css";

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

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

#outerWrapper {
   border: 0px;
   margin: 0px 0px 0px 0px;
   padding: 0px;
   background-color:#333333;
   background-color:#666666;
   align: center;
}



#left_side {
	background-color:#666666;
   border-right: 5px ridge #666666;
   
}


#left_inside {
	background-color:#333333;
   padding:0px;
   border-right: 2px ridge #000000;
}

#centerPart {
	background-color: #333333;
	vertical-align: top;
	text-align: top;
	padding: 0px;
	margin: 0px;
	width: 800px;

}


#right_side {
	background-color:#666666;
	border-left: 5px outset #666666;
}

#header {
	width: 100%;
	padding: 5px 5px 0px 20px;
	border-top: 2px solid #000000;
	background-color: #ffffff;
}

#topBar {
   position: relative;
   color: #000000;
   margin: 0px 0px 0px 0px;
   height: 18px;
   background-color: #0099cc;  
   text-align:left;
   border-top: 3px groove #333;
   border-bottom: 3px ridge #333333;
   padding: 0px 0px 0px 220px;
}

	#topBar a { font-size:90%; font-weight: 600;text-decoration:none; }
	#topBar a:link {color: #000000; font-weight: 600;}
	#topBar a:visited {color: #000000;font-weight: 600;}
	#topBar a:hover {color: white;font-weight: 600;}
	#topBar a:active {color: #000000;font-weight: 600;}

#main {
	width: 100%;
}


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




#footer {
   color: white;
   font-weight: 400;
   text-align: center;
   vertical-align:center;
   align: center;   
   padding: 0px 0px 10px 0px;
   width: 100%;
	background-color: #999999;
   border-top: 2px solid #000000;
   border-bottom: 2px solid #000000;
}

#footer a {color: white;}
#footer a:link {color: white;}
#footer a:visited {color: white;}
#footer:hover {color: white;}
#footer a:active {color: white; text-decoration: none;}
/******************************** menu section **********************/
#menu {
		background-color: #333333;
		vertical-align: top;
		margin: 0px;
		padding: 0px;
}

#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:2px;}


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

/* this is the menu header */
#menu table tr td.menu_head {
      padding: 2px 2px 2px 25px;
      font-size:.85em;
      color:#eeeeee;
      border-bottom:1px solid #cccccc;
      border-top:1px solid #cccccc;
      font-weight: 600;
      height: 10px;
      width:100%;
		background-color: #cc3300;
		line-height: 1.2em;
}

/*menu_items are all other items below the header*/
.menu_item {
   color: khaki;
   font-weight:400;
   font-size:.8em;
}

.menu_item a {color: khaki;text-decoration: none;}
.menu_item a:link {color: khaki;}
.menu_item a:visited {color: khaki;}
.menu_item a:hover {color: #ffffff;text-decoration:underline;}
.menu_item a:active {color: khaki; }

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


/* this ist the child level of menu_items */
tr.subMenu1 td.menu_item {
   color: khaki;
   background-position: left center;
   text-indent: 10px; 
}

/* this is the grandchild level of menu_items */
tr.subMenu2 td.menu_item {
   color: khaki;
   background-position: left center;
   text-indent: 25px;
}

/* this is the great-grandchild level of menu_items, goes on */
tr.subMenu3 td.menu_item {
   color: khaki;
   background-position: left center;
   text-indent: 30px;
}
/********************************end menu section **********************/
	

#sidebar {
   background-color:#ffffff;
	padding: 2px 5px 2px 5px;
	align: right;
	valign: top;
	text-align: top;
   }

#sidebarText {
	padding: 0px 0px 0px 0px;
	vertical-align:top; 
	text-align:center;
	align: center;

}
   

#loginWelcome {
   background-color:#cc3300;
	background-color:lemonchiffon;
	font-size: .8em;
   padding: 2px 0px 2px 2px;
   margin:10px 0px 0px 0px;
    text-align:center;
    color: #000000; 
    align: right;
    line-height: 1.2em;
   border: 1px dashed #999999;
/*	background-image: url(images/login_bck.gif)  ;
   background-repeat: no-repeat;*/
} 

#loginWelcome input{
      border: 1px solid #333333;
      background: #eeeeee;
      color: #333333;
      font-size: .85em;

 }

#loginWelcome .submitclass {
color:#fff;
background-color:#666;
border-right:#000 solid 2px ;
border-bottom:#000 solid 2px;
border-top:#999 solid 2px;
border-left:#999 solid 2px;
font-size:.85em; 
color:white; 
font-family:"trebuchet MS";
font-weight:bold; 
cursor:pointer;


} 


td.content {
   background-color: #ffffff; 
   padding: 15px 20px 15px 20px; 
   vertical-align: top;
   border-right: 2px ridge #333333;
}   
   
.rightnav {
   margin: 15px 5px ;
   padding: 5px;
  }




/*Heading Styles, are noted so the editor will recognize the style */
/*
h1, h2, h3 {
	margin: 0px;
	font-size: 2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: left;
	line-height: normal;
	font-weight: normal;
}
h2, h3 {
	margin: 0px 0px 0px 0px;
	font-size: 1.6em;
	color: #000000;
}
h3 {
	font-size: 1.4em;
}

h6 { margin: 0px; padding: 0px; }
h5 { margin: 0px; padding: 0px; }
h4 { margin: 0px; padding: 0px; }

*/

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

.submit, #submit, 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;}

  

 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;
 }

 div.contentPageTitle {
      color: #660000;
      font-family: arial, verdana, sans-serif;
      font-weight: 800;
      font-size: 1.4em;
      padding:0px;

      
}
 div.contentPageSubTitle {
      background-color: #660000;
      color:white;
      font-family:verdana, arial,sans-serif;
      font-weight:600;
      font-size:1em;     
     border-right:1px solid maroon;   
      border-left:0px solid maroon;
      border-bottom:1px solid maroon;
      border-top:0px solid maroon;
      margin: 0px;
      padding: 3px;
      width:100%;
      display:block;
      

 }
 
 TD.contentPageSubTitle {
      background-color: #660000;
      color:white;
      font-family:verdana, arial,sans-serif;
      font-weight:600;
      font-size:1em;      
      border-right:1px solid maroon;
      border-left:0px solid maroon;
      border-bottom:1px solid maroon;
      border-top:0px solid maroon;
      
 }
 
/* creates just a colored line under title */
 div.contentPageSubSubTitle {
      font-size:1.0em;     
      font-weight:600; 
			width: 100%;
      border-right:0px solid maroon;
      border-left:0px solid maroon;
      border-bottom:3px solid maroon;
      border-top:0px solid maroon;
      display:block;

  }
  
/********************* these will be phased out, just compatability with editor issues ************/
.PageTitle {
      color: #660000;
      font-family: arial, verdana, sans-serif;
      font-weight: 800;
      font-size: 1.4em;
      padding:0px;     
}

.PageSubTitle  {
      background-color: #660000;
      color:white;
      font-family:verdana, arial,sans-serif;
      font-weight:600;
      font-size:1em;     
     border-right:1px solid maroon;   
      border-left:0px solid maroon;
      border-bottom:1px solid maroon;
      border-top:0px solid maroon;
      margin: 0px;
      padding: 3px;
      width:100%;
      display:block;
 }
 

 
/* creates just a colored line under title */
 .PageSubSubTitle {
      font-size:1.0em;     
      font-weight:600; 
			width: 100%;
      border-right:0px solid maroon;
      border-left:0px solid maroon;
      border-bottom:3px solid maroon;
      border-top:0px solid maroon;
      display:block;

  }
/************************end of phase outs ***************/  
  
   
/* 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: #660000;
      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; padding:2px; }

  

 .formInputLabel {
      background: tan; 
      border:2px solid #fff;
  }

 /* displays data as if input field */
 .formInputData  {
      background: #tan;
  } 
 .formInputField textarea {
      background: wheat;
      border-bottom: 1px solid maroon;
      border-right: 1px solid maroon;
      border-top: 1px solid tan;
      border-left: 1px solid tan;
  }
 .formInputField input {
      background: wheat;
      border-bottom: 1px solid maroon;
      border-right: 1px solid maroon;
      border-top: 1px solid tan;
      border-left: 1px solid tan;
   } 
 .formInputField file {
      background: wheat;
      border-bottom: 1px solid tan;
      border-right: 1px solid tan;
      border-top: 1px solid tan;
      border-left: 1px solid tan;

   }
 .formInputField select {
      background: wheat;
      border-bottom: 1px solid maroon;
      border-right: 1px solid maroon;
      border-top: 1px solid tan;
      border-left: 1px solid tan;
      
   }
 .formInputField submit {
       background: tan;
      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: #eee;}
 .formInputField2 input {background: #eee;}
 .formInputField2 select{background: #eee;}
 .formInputField2 file {background: #eee;}
 .formInputField2 submit {background: #eee;}

 .formInputLabel3 {background: #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:#660000;}
 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 b {margin:0px; padding:0px; color:#663399;}
 div.catBox a  {color: #663399; }
 div.catBox a:link {color: #663399; }
 div.catBox a:visited {color: #663399;}
 div.catBox a:hover {color: maroon;}
 div.catBox a:active {color: #663399;}
 
  

 /**
  *  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:tan;}  
 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 .formInputSubmit submit {}
 
 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