/*(Classes are the entries        */
/* beginning with a '.')                                                  */

/* Note: The slash star combinations surround text that is to be          */
/*       marked a comment.  These just describe the CSS and are           */
/*       ignored by the browser.                                          */

body
{
    font: 12px arial;
color: #1B2F36;
}
/* these are the font styles for the links that appear on your web page */
a:link {font: bold 13px arial; color: #5675A5; text-decoration: none;} 
a:active {font: bold 13px arial; color: #5675A5; text-decoration: none;}
a:visited {font: bold 13px arial; color: #5675A5; text-decoration: none;}
a:hover {font: bold 13px arial; color: #AF0020; text-decoration: underline;}/*this one changes the mouseover or hover state of the link*/

.border
{
    /* this is used for all kinds of borders */
    /* be it for the whole page, or just the content section */
    border: solid 1px #5675A5;
}

.left
{
    /* floats the item to the left side of the page, and adds a margin */
    float: left;
}

.right
{
    /* floats the item to the right side of the page, and adds a margin */
    float: right;
}

.scroll
{
    /* this makes the element create scroll bars if the text is too long */
    /* to be displayed.  This is very similar to the effect created by */
    /* frames and iframes, but does not allow page transitions like frames do */
    overflow: auto;
}

.wrapper
{
    /* remove this to have the page load at full width */
    width:600px;
}

.titlemargin
{
	margin: 0px 0px 10px 0px;
}
.pagemargin
{
	margin: 5px 0px 5px 35px;
}

.subtitle 
{/* this is the styling for the subtitle.*/  
  /*The negative margin reduces the spacing between paragraphs*/ 
/* which is too large by default */ 
	color: #FFFFFF;
	font-face: Arial;
    font-weight: bold;
    font-size: 14px;
padding:0px 130px 0px 0px;
margin-bottom:-10px;
}
.subtitletable
{/* this is the styling for the subtitle within table.*/ 
  /* same as subtitile except no padding or bottom-margin*/ 
	color: #FFFFFF;
	font-face: Arial;
    font-weight: bold;
    font-size: 14px;
padding:0px 0px 0px 0px;

}

.content
{
   
    
	font-family:Arial sans-serif;
    font: 12px;
 color: #1B2F36
  
	margin: 0px;
}

.content.padleft
{
    /* this is to pad if there's a sidebar on the left */
    padding-left: 120px;
}




.textblock
{/* use this is for body text, in paragraphs */
    
font-family:Arial sans-serif;
font-size:12px; 
color:#1B2F36;    
       padding:0px 130px 0px 0px;
}
.texttable
{ /* use this is for body text in tables*/ 
font-family:arial sans-serif;
font-size:12px; 
color:#1B2F36;     
}
.greensquare
{
    width:180px;
height:150;
    background-color: #339999;    
       padding: 10px 10px 8px 10px;
margin-left:20px;
float: right;
border: solid 2px #D9E1ED;
color: #D9E1ED;
font-size: 14px;
    
}
.topsquare
{
    width:180px;
height:150;
    background-color: #339999;    
       padding: 5px 10px 3px 10px;
float: left;
Margin-right: 20px;
Margin-bottom: 20px;
border: solid 2px #D9E1ED;
color: #D9E1ED;
font-size: 14px;
    
}
.bluesquare
{
    width:180px;
height:150;
    background-color: #e6efff;    
       padding: 10px 10px 8px 10px;
margin-left:20px;
float: right;
border: solid 2px #D9E1ED;
color: #1B2F36;
font-size: 12px;
    
}

}
.textblock.padleft
{
    /* this is to pad if there's a sidebar on the left */
    padding-left: 30px;
}


.horiz
{
    color: #4B1A95;
    font-weight: bold;
	width: 124px;
	float: left;
	text-align: center;
}

.sidebaritem.first
{
    margin-top: 10px;
}
IMG.aligned-right
{
    float: right;

}
IMG.aligned-edge

{
    float: right;
margin-right:34px;

}
BR.clear-text
{
   clear: both;
}

.footer
{
	background-color:#D9E1ED;
width: 565px;
padding:0px 0px 0px 30px; 
	font-size: 10px;
	font-face: arial;
	text-align: left;
}