body 
{
    background-color:#eee;
    text-align:left;
    font-family:Arial, Sans-Serif;
    margin: 0px;

}
body

.upperrightmug
{
    float:right;
    margin:20px 0 20px 20px;
}
.pageheader
{
    font-family:Sans-Serif;
    font-size:18pt;
    font-weight:bold;
    text-align:left
}


#pagefooter a:hover {
	color: #FFFFFF;
	text-decoration: none;
	/*border: 1px #000000 solid; */
	background-color: #0087BF;
}
.centerpageheader
{
    font-family:Sans-Serif;
    font-size:18pt;
    font-weight:bold;
    text-align:center;
    color:#006644;
}
.centerAnnouncementHeader
{
    font-family:Sans-Serif;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    color: #006644;
    }
.centerheadline
{
    font-family:Sans-Serif;
    font-size:16pt;
    font-weight:bold;
    color: #006644;
    text-align:center;
}
.headline
{
    font-family:Sans-Serif;
    font-size:16px;
    font-weight:bold;
    text-align:left;
        color: #006644;
}
.centerheadline a:hover
{text-decoration:underline;
}

    
.xsmalltextbold
{ 
    font-family:Serif;
    font-size:10px;
    font-weight:400
}    
.sectionheader{font-size:14pt;
    font-family:Arial;
    font-weight:bold;
    color:#006644;
} 

.largetext				{font-size:12pt}
.normaltext             {font-size:12pt}
.normaltextbold {font-size:12pt;font-weight:700}
.largetextbold			{font-size:12pt;font-weight:700}
.largertext				{font-size:14pt}
.largertextbold			{font-size:14pt;font-weight:700}
.smalltext				{font-size:10pt}
.smalltextbold			{font-size:10pt;font-weight:700}
.smallertext			{font-size:8pt}
.smallertextbold		{font-size:8pt;font-weight:700}
.shadedtext				{background-color:#ccffcc}
.shadedtextbold			{background-color:#ccffcc;font-weight:700}


.linkbutton
{
    background-color:#0066CC;
    text-align:center;
    vertical-align:middle;
    border-style:outset;
    padding:4px;
    text-decoration:none;
  color:white;
}



#page_content {
	font-size: 11pt;
	margin-top: 3px;
	margin-left:25px;
	margin-right:25px;
	}
	
#page_content H1 
{font-size:14pt;font-weight:700}



#page_content ul
{
    margin-top: 3px;
  /*  color: #006618; */
    list-style-type: square;
    font-variant: normal;
    font-weight: bold;
}
#page_content ul ul
{
    font-size:90%;
    margin-top: 3px;
/*    color: #000099; */
    list-style-type: square;
    font-variant: normal;
    font-weight:normal;
}

#page_content ol {
	font-size: 100%;
	margin-top: 3px;
	color:  #004B00;
	font-variant: normal;
	font-weight: normal;
}
#page_content li a
{ 
   
/* color:#0000BB;
    color:Blue;  */
}
#page_content a:hover img
{
    margin:0px;
    padding:0px;
    border:none 0px;
    color:inherit;
	text-decoration: none;
	
}

#page_content a img
{
    margin:0px;
    padding:0px;
    border:none 0px;
    color:inherit;
	text-decoration: none;
	
}
 
#page_content a
{
    margin-top: 3px;
    color: #006644;
    font-variant: normal;
    font-weight:600; 
}
#page_content li
{   margin-top:6px;
    margin-bottom:4px;
}
#page_content li a img
{
    margin:none;
    border:none;
    color:inherit;
    
}

#page_content a:hover {
	color: #FFFFFF;
	text-decoration: none;
/*	border: 1px #000000 solid; */
	background-color: #0087BF;
}


.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
  #index_content a
{
    margin-top: 3px;
    color: #0000BB;
    font-variant: normal;
    font-weight: bold;
    font-family: Arial;
    text-decoration: none;
}
#index_content a:hover 
{
	text-decoration: underline;
}

 .wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.wrap1 {
  float:left;
  background-image:url(/Style%20Library/Images/WEI/SanJuan/shadow.gif); 
  right bottom; 
  background-repeat: no-repeat;
  }
.wrap2 {
  background-image:url(/Style%20Library/Images/WEI/SanJuan/corner_bl.gif);
  left bottom;
  background-repeat: no-repeat;
  }
.wrap3 {
  padding:0 4px 4px 0;
  background-image:url(/Style%20Library/Images/WEI/SanJuan/corner_tr.gif); 
  right top;
  background-repeat: no-repeat;
  }
.wrap3 img {
  display:block;
  }
 .nodec
{
  background:none;
  border:0,0;    
}
div.centered 
{
text-align: center;
}
div.centered table 
{
margin: 0 auto; 
text-align: left;
}

#leftcol 
{ width:156px;
   /*background-color:Blue;    */
   height:100%;
  /* margin-top:10px;  */  
   text-align:center;
}

#leftcol li
{
    line-height: 20px;
    list-style-type: none;
  }
#leftcol a
{
    font-size: 12px;
    color: #f1f1fa;
     font-family: Arial, Sans-Serif;
    padding-top: 4px;
    padding-bottom: 4px;
    text-decoration: none;
    border-bottom: #FFFFFF 2px solid;

}

#leftcol a:hover
{
    color: #FFFFEE; /* text-decoration:blink; */ /* underline; */
   background-color: #000099;
         text-decoration:none; /* underline; */
 
}
#contentlist
{ margin-left:20px;
}
#contentlist li
{ 
    /* color: #006644; */
    font-size:12px;
    font-family:Sans-Serif;
    font-weight:normal;
    padding:2px 0 4px 0;
}
#contentlist a
{ text-decoration:none;
}
#horiz td
{ width:196px;
}

#horiz a
{
    font-size: 12px;
     background-color: #8fac8f;
     color:White;
     font-family: Arial, Sans-Serif;
    text-decoration: none;
    padding-top: 2px;
    padding-bottom: 2px;
     border:solid 1px #002200;
    width:100%; 
    display:block;
    text-align:center
}

#horiz a:hover
{
    color: #FFFFEE; /* text-decoration:blink; */ /* underline; */
    background-color: #0a5000;
         text-decoration:none; /* underline; */
    
}


#pagefooter
{
    font-family:Sans-Serif;
    font-size:8pt;
}

#pagefooter a
{
    font-family:Sans-Serif;
    font-size:8pt;
     color: #006644;
    font-weight:bold;
    text-decoration:none
}
#pagefooter a:hover {
	color: #FFFFFF;
	text-decoration: none;
	border: 1px #000000 solid;
	background-color: #0087BF;
}



#zz1_LeftNav tr,td 
{
/*border-bottom:1px #ffffff solid; */
 padding: 4px 0px 0px 0px; 
 text-align:left; 
 

}



#ctl00_PlaceHolderTitleBreadcrumb_siteMapPath a {
width: 85%; 
text-align: left; 
color: #ffffff; 
}


.borderbox
{
    border-right: #006600 double;
    border-top: #006600 double;
    border-left: #006600 double;
    border-bottom: #006600 double;
    padding:10px;
    min-width:475px;
}
.borderbox a
{ font-family:Arial;
}
.borderbox a:hover
{	color: #FFFFFF;
	text-decoration: none;
	background-color: #0087BF;
}   
.watermark
{
    font-size: smaller;
    color: #99cccc;
    font-family: arial;
    }
  
.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: #FFFACD;
    color: #006600;
}

#filelist ul
{
    font-size: 100%;
    margin-top: 3px;
    color: #0000AA;
    list-style-type: square;
    font-variant: normal;
    font-weight: bold;
}
#filelist ul ul
{
    font-size: 100%;
    margin-top: 3px;
    color: #004B00;
    list-style-type: square;
    font-variant: normal;
    font-weight:normal;
}
#filelist li a
{ font-size:100%;
  color:#0000BB
  /*color:Blue; */
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}
.stafftable table
{ border:solid 1px #006644;
    border-collapse:collapse;
}
.stafftable th
{ background-color:#8fac8f;
    color: white;
    border-bottom:solid 1px white;
    border-right:solid 1px #006644;
    font-family:Sans-Serif;
    font-size:12px;
}
.stafftable td
{
  border-collapse:collapse;
  border-right:solid 1px #006644;
  border-bottom:solid 1px #006644;
  padding-right:3px;
    
}

/*-----------ToolTips------------------*/

.popup {
position:relative;
/*width:22em;
*/
}

color:#00B9F6;
line-height:1.8em;
}

.popup:hover{
color:#ffffff;
background-color:#5DCCF0;
}

.popup span {
display:none;
/*position:relative;
width:22em;
height:40em;*/
}

.popup:hover span {
display:block;
position:absolute;
top:0;
left:17em;
width:19em;
color:#FFFFFF;
line-height:1.2em;
padding:1.2em;
background:#008800; /*url(img/bg-tooltip1.jpg) repeat-x;*/
cursor:default;
border:inset 2px black;
}