body
{
    font-family: Arial;
    font-size: 14px;
    color: #666666;
    
}

.bodyitalic 
{    
    font-family: Arial;
    font-size: 14px;
    color: #666666;
    font-style:italic;
}

h1
{
    font-family: FaricyBold, Arial;
    font-size: 20px;
    color:#99CC00;
}

h2
{
    font-family: Faricy, Arial;
    font-size: 14px;
    color:#333366;
}

.Package
{
    font-family: Faricy;
    font-size: 14px;
    color:#99CC00;
}

.menuitems 
{
  z-index:2; 
  position:relative; 
  height:90px;
    float:right;
    top:-65px;
    right:0px;
}

.Page
{
    width: expression(document.documentElement.clientWidth>='1000'? document.documentElement.clientWidth+'px' : '1000px');
}


.CCGreen
{
    color:#99CC00
}

.CCBlue
{
    color:#333366   
}

.CCButton
{
    width: 80px;
    padding:15px;
}

.CCComputer
{
    z-index:2; position:relative; float:left; width:10px; height:300px; top: 100px;
}

.CCLine
{
  height: 4px; 
  background-color:#99CC00;
  vertical-align: top;  
  z-index:1; position:relative; float:left; 
  width:100%;
}

.style1
{
    height: 205px;
    width: 100%;
    padding: 0px;
}
.style2
{
    width: 534px;
}
.style3
{
    /* Controls the box that the navigation buttons sit in*/
    height: 410px;
    width: 434px;

}

.leftcol
{
    width: 180px;
    padding-left: 20px;
    
}
.imagecol
{
    width: 180px;
    padding-left: 20px;
    padding-top: 50px;
}

.Logo
{
    z-index:1; 
    position:relative; 
    float:left; 
    width:00px; 
    height:198px;
    left: 20px;
    top: 20px;
    
}

.TopRight
{
    z-index:1; position:relative; float:right
}

.MainBody
{
    top:0px; 
    left:300px; 
    z-index:1; 
    position:relative; 
    width:60%;
    float:left;
}

.Footer
{
    top:0px; 
    left:300px; 
    z-index:2; 
    position:relative; 
    width:60%;
    float:left;
    text-align:center;
}

.SmallFooter
{
    top: 0px;
    left: 310px;
    z-index: 2;
    position: relative;
    width: 60%;
    float: left;
    font-size: 12px;
    font-weight: lighter;
    color: Gray;
    text-align: center;
}

/* WARNING STYLE */

.Warning
{
    Position:absolute; 
    left:50%; 
    top:25px; 
    margin-left:-175px; 
    color:#36648B;
    width:350px; 
}

.WarningLink 
 {  
 display: block; 
 margin-left: auto; 
 margin-right: auto; 
 text-align: center; 
 }
 
 
/* Tips and Tricks styles */

.TipsAndTricksHeader
{
    text-align:center;
    color:#99CC00
}

.SocialButton
{
     margin-top:0px;
     margin-right:4px; 
     position : relative;  
     float : left;
}

.TipsAndTricksSubHeader
{
    color:#333366;
    font: arial;
    font-size:large;
}