/* CSS Document */

body
{
  background-color :white;
  color            : #000000;
  font-family      : arial, helvetica, sans-serif;
  font-size        : 8pt;
  margin           :  0px;
  padding-left     :  0px;
  padding-right    :  0px;
  padding-top      :  0px;
  padding-bottom   :  0px;
  text-align:center;
  vertical-align:middle;
}

/* --------- defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

/*  --------- structure  --------- */

#wrapper {
		width: 700px;
		margin: 0 auto;
		}
		
#navContainer {
		float: left;
		width: 140px;
		margin-right: 20px;
		}

#content {
		float: left;
		width: 540px;
		}

#footer {
		clear: both;
		padding-top: 10px;
		font-size        : 8pt;
		}

#mailContainer {
		float: left;
		width: 178px;
		margin-right: 20px;
		}
		
#copyright {
		float: left;
		width: 360px;
		}


.tomboo-label
{
	font-size: 20px;
	font-weight:bold;
	color: #006633;
	text-align: left;
	vertical-align:middle;
	font-family:  Arial;
	height: 30px;
}

.tomboo-text
{
	font-family:  Arial;
	font-weight:bold;
	color: #006633;
	text-align: justify;
	vertical-align:middle;
	font-size: 12px;
	height: 70px;
}

.community-systems-label
{
	font-size: 18px;
	font-weight:bold;
	color: #006633;
	text-align: center;
	vertical-align:middle;
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	height:30px;
	font-variant: normal;
	font-style: normal;
	line-height: normal;
	text-transform: none;
	text-decoration: none;
}

.pink-portfolio-text
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	text-align: justify;
	vertical-align: top;
	font-style: normal;
	line-height: 1.5;
	text-decoration: none;
	font-variant: normal;
	text-transform: none;
	height: 500px;
}

.pink-portfolio-link
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #666666;
	text-align: justify;
	vertical-align: top;
	font-style: normal;
	line-height: 1.5;
	text-decoration: none;
	font-variant: normal;
	text-transform: none;
	height: 500px;
}


.pinks-text
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	text-align: justify;
	vertical-align: top;
	font-style: normal;
	line-height: normal;
	text-decoration: none;
	font-variant: normal;
	text-transform: none;
}

.pink-systems-text
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #666666;
	text-align: justify;
	vertical-align: top;
	font-style: normal;
	line-height: normal;
	text-decoration: none;
	font-variant: normal;
	text-transform: none;
	}


#Center-Window 
{
	height: 781px;
	position: relative;
	background-color:  White;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	width: 768px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 

#Text-Window 
{
	height: 241px;
	position: relative;
	background-color:  White;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	width: 220px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 

#Button-Window 
{
	height: 300px;
	position: relative;
	background-color:  White;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	width: 140px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 


#logo-Window 
{
	height: 75px;
	position: relative;
	background-color:  White;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	width: 220px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 

#Picture-Window 
{
	
	position: relative;
	background-color:  White;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	width: 280px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 

#Top-padding 
{
	height: 1px;
	position: relative;
	background-color:  White;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	width: 220px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 

#Middle-Window 
{
	height: 500px;
	position: relative;
	background-color:  White;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	width: 768px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 

#Middle-Line
{
	height: 450px;
	position: relative;
	background-color:  White;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	width: 54px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 

#Side-Line
{
	height: 450px;
	position: relative;
	background-color:  White;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	width: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 

/*- Menu Tabs D--------------------------- */

      #tabsD {
      float:left;
      width:100%;
      background:#ffffff;
      font-size:93%;
      line-height:normal;
	  border-bottom:1px solid #fff;
      }
      #tabsD ul {
   	  margin:0;
	  padding:0px 0px 0 0px;
	  list-style:none;
      }
      #tabsD li {
      display:inline;
      margin:0;
      padding:0;
      }
      #tabsD a {
      float:left;
      background:url("images/tableftD.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	  border-bottom:1px solid #666;
      }
      #tabsD a span {
      float:left;
      display:block;
      background:url("images/tabrightD.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      }
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsD a span {float:none;}
    /* End IE5-Mac hack */
    #tabsD a:hover span {
      color:#000;
      }
    #tabsD a:hover {
      background-position:0% -42px;
      }
    #tabsD a:hover span {
      background-position:100% -42px;
      }




/*- Menu Tabs F--------------------------- */

      #tabsF {
      float:left;
      width:100%;
      background:#ffffff;
      font-size:93%;
      line-height:normal;
	  border-bottom:1px solid #fff;
      }
      #tabsF ul {
   	  margin:0;
	  padding:0px 0px 0 0px;
	  list-style:none;
      }
      #tabsF li {
      display:inline;
      margin:0;
      padding:0;
      }
      #tabsF a {
      float:left;
      background:url("images/tableftF.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
	  border-bottom:1px solid #666;
      }
      #tabsF a span {
      float:left;
      display:block;
      background:url("images/tabrightF.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      }
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsF a span {float:none;}
    /* End IE5-Mac hack */
    #tabsF a:hover span {
      color:#000;
      }
    #tabsF a:hover {
      background-position:0% -42px;
      }
    #tabsF a:hover span {
      background-position:100% -42px;
      }
	  
	  
	  /*- Sub Menu 1 Tabs--------------------------- */
	  

      #tabsPF1 {
      float:left;
      width:100%;
      /*background:#ffffff;*/
      font-size:93%;
      line-height:normal;
	  border-bottom:1px solid #fff;
	  /*position:absolute; 
	  left:180px; 
	  top:23px; 
	  width:568px;*/
	  height:30px; 
	  border:none;
	  color: #666666;
	  font-style: normal;
	  text-decoration: none;
	  font-variant: normal;
	  text-transform: none;
      }
      #tabsPF1 ul {
   	  margin:0;
	  padding:0px 0px 0 0px;
	  list-style:none;
      }
      #tabsPF1 li {
      display:inline;
      margin:0;
      padding:0;
      }
      #tabsPF1 a {
      float:left;
      /*background:url("images/tableftF.gif") no-repeat left top;*/
      margin:0;
      padding:0 0 0 4px;
      /*text-decoration:none; */
	  /*border-bottom:1px solid #666;*/
      }
      #tabsPF1 a span {
      float:left;
      display:block;
      /*background:url("images/tabrightF.gif") no-repeat right top;*/
      padding:5px 15px 4px 6px;
      }
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsPF1 a span {float:none;}
    /* End IE5-Mac hack */

#tabsPF1 a:hover span {
      color:#FF3300; text-decoration:underline;
      } 
	/*#tabsPF1 a:visited span {
      color:#663300; text-decoration:underline;
      } 
    #tabsPF1 a:link span {
      color:#0033FF; text-decoration:none;
      } 
    #tabsPF1 a:active span {
      color:#0033FF; text-decoration:none;
      } 
  
	 

	  
    #tabsPF1 a:hover {
      background-position:0% -42px;
      }
    #tabsPF1 a:hover span {
      background-position:100% -42px;
      }*/
	
	  
	#footer1 a:hover span {
      color:#FF3300; text-decoration:underline;
      } 
	#footer1 a:visited span {
      color:#0000ff; text-decoration:underline;
      } 

	#footer1 a:link span {
      color:#0000ff; text-decoration:underline;
      } 

	
	  
	  
	   /*- Sub Menu 2 Tabs--------------------------- */

      #tabsPF2 {
      float:left;
      width:100%;
      background:#ffffff;
      font-size:93%;
      line-height:normal;
	  border-bottom:1px solid #fff;
	  position:absolute; 
	  left:180px; 
	  top:23px; 
	  width:568px; 
	  height:30px; 
	  border:none
      }
      #tabsPF2 ul {
   	  margin:0;
	  padding:0px 0px 0 0px;
	  list-style:none;
      }
      #tabsPF2 li {
      display:inline;
      margin:0;
      padding:0;
      }
      #tabsPF2 a {
      float:left;
      /*background:url("images/tableftF.gif") no-repeat left top;*/
      margin:0;
      padding:0 0 0 4px;
      /*text-decoration:none; */
	  /*border-bottom:1px solid #666;*/
      }
      #tabsPF2 a span {
      float:left;
      display:block;
      /*background:url("images/tabrightF.gif") no-repeat right top;*/
      padding:5px 15px 4px 6px;
      }
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsPF2 a span {float:none;}
    /* End IE5-Mac hack */
    #tabsPF2 a:hover span {
      color:#FF0000;
      }
    #tabsPF2 a:hover {
      background-position:0% -42px;
      }
    #tabsPF2 a:hover span {
      background-position:100% -42px;
      }
	  
	  
	  /* ----- end of tab definition ----*/
	  
	  
#MenuStyle-P
        {
        margin:0.0pt 0.0pt 0.0pt 0.0pt; text-align:right; 
        }
#MenuStyle-C
        {
		font-weight:700; 
		font-size:10.0pt;  
	    font-family: Arial, Helvetica, Verdana, sans-serif;
	    color: #666666;
	    text-align: justify;
	    vertical-align: top;
	    font-style: normal;
	    line-height: normal;
	    text-decoration: none;
	    font-variant: normal;
	    text-transform: none;
         }
#TitleStyle-P
        {
        margin:0.0pt 0.0pt 0.0pt 0.0pt; text-align:center; 
        }
#TitleStyle-C
        {
        font-family:Arial, sans-serif; font-weight:700; font-size:18.0pt; 
        color:#666666; text-decoration: none; 
        }
		
#TextStyle-P
        {
        margin:0.0pt 0.0pt 0.0pt 0.0pt; text-align:left; 
        }
#TextStyle-C
        {
        font-family:Arial, sans-serif; font-weight:700; font-size:12.0pt; 
        color:#666666; text-decoration: none; 
        }		
		
#CenterStyle-P
        {
        margin:0.0pt 0.0pt 0.0pt 0.0pt; text-align:center; 
        }
#CenterStyle-C
        {
        font-family:Arial, sans-serif; font-weight:700; font-size:12.0pt; 
        color:#666666; text-decoration: none; 
        }				
		
#PinkTitleStyle-C
        {
        font-family:Arial, sans-serif; font-weight:700; font-size:18.0pt; 
        color:#FF0099; text-decoration: none; 
        }
.PinkBodyText
        {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FF0099;
	text-align: justify;
	vertical-align: top;
	font-style: normal;
	line-height: normal;
	text-decoration: none;
	font-variant: normal;
	text-transform: none;
        }		
			
#GreenTitleStyle-C
        {
        font-family:Arial, sans-serif; font-weight:700; font-size:18.0pt; 
        color:#339933; text-decoration: none; 
        }
.GreenBodyText
        {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #339933;
	text-align: justify;
	vertical-align: top;
	font-style: normal;
	line-height: normal;
	text-decoration: none;
	font-variant: normal;
	text-transform: none;
        }		
		
#RedTitleStyle-C
        {
        font-family:Arial, sans-serif; font-weight:700; font-size:18.0pt; 
        color:#FF3300; text-decoration: none; 
        }
.RedBodyText
        {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FF3300;
	text-align: justify;
	vertical-align: top;
	font-style: normal;
	line-height: normal;
	text-decoration: none;
	font-variant: normal;
	text-transform: none;
        }		
		
#BlueTitleStyle-C
        {
        font-family:Arial, sans-serif; font-weight:700; font-size:18.0pt; 
        color:#003399; text-decoration: none; 
        }
.BlueBodyText
        {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #003399;
	text-align: justify;
	vertical-align: top;
	font-style: normal;
	line-height: normal;
	text-decoration: none;
	font-variant: normal;
	text-transform: none;
        }	
#GreyTitleStyle-C
        {
        font-family:Arial, sans-serif; font-weight:700; font-size:18.0pt; 
        color:#666666; text-decoration: none; 
        }
.GreyBodyText
        {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #666666;
	text-align: justify;
	vertical-align: top;
	font-style: normal;
	line-height: normal;
	text-decoration: none;
	font-variant: normal;
	text-transform: none;
        }			
		
		
		
	#RedList1 a:hover span {
      color:#FF3300; text-decoration:underline;
      } 
	#RedList1 a:visited span {
      color:#0000ff; text-decoration:underline;
      } 

	#RedList1 a:link span {
      color:#0000ff; text-decoration:underline;
      }