/* general */

body{
	margin: 0;
	padding: 0;
	background: #FAFAFA;
	font-family: Arial, Helvetica, sans-serif;
	color: #7C7C7C;
	font-size: 0.7em;
	line-height: 1.6em;
	}

table, td {
    font-size: 100%
}

img{
    display: block;
    border: none;
}
    
a:link{
    text-decoration: none;
}
    
a:visited{
    text-decoration: none;
}
    
a:hover{
    text-decoration: none;
    color: #00CCFF;
}
    
a:active{
    text-decoration: none;
    color: #00CCFF;
}
    
.hidden{
    display: none !important;
}

/* wrapper */

#wrapper{
    margin: 40px 0 0 40px;
    width: 875px;
}

/* header */
 
#header{
    float: left;
    width: 875px;
    height: 85px;
}

#header .col1{
    float: left;
    width: 175px;
    height: 85px;
}

#header .col1 #logo{
    margin: 24px 0 0 0;
}

#header .col2{
    float: left;
    width: 667px;
}
      
#header .col2 h1{
    margin: 41px 0 0 0;
    padding: 0;
    font-size: 140%;
    }

#header .col3{
    float: left;
    width: 33px;
}

/* main */

#main{
    float: left;
    width: 875px;
}

#main .col1{
    float: left;
    padding: 30px 0 30px 0;
    width: 175px;
    background: url(../images/dotted_line.gif);
    background-repeat: no-repeat;
}

#main .col1 ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#main .col1 ul li a:link{
    text-decoration: none;
    color: #909090;
    }
    
#main .col1 ul li a:visited{
    text-decoration: none;
    color: #909090;
    }
    
#main .col1 ul li a:hover{
    text-decoration: none;
    color: #00CCFF;
    }
    
#main .col1 ul li a:active{
    text-decoration: none;
    color: #00CCFF;
    }

#main .col1 ul li a.selected{
    color: #00CCFF !important;
    }

#main .col2{
    float: left;
    padding: 30px 0 0 0;
    width: 700px;
    background: url(../images/dotted_line.gif);
    background-repeat: repeat-x;
}

/* footer */

#footer{
    float: left;
    padding: 0 0 40px 0;
    width: 875px;
    color: #909090;
}

#footer a:link{
    color: #00CCFF;
    }
    
#footer a:visited{
    color: #00CCFF;
    }
    
#footer a:hover{
    color: #00CCFF;
    text-decoration: underline;
    }
    
#footer a:active{
    color: #00CCFF;
    text-decoration: underline;
    }

#footer .col1{
    float: left;
    padding: 30px 0 0 0;
    width: 175px;
    background: url(../images/dotted_line.gif);
    background-repeat: no-repeat;
}

#footer .col2{
    float: left;
    padding: 30px 0 0 0;
    width: 700px;
    background: url(../images/dotted_line.gif);
    background-repeat: repeat-x;
}

#footer .col2 .col1{
    float: left;
    padding: 0 !important;
    width: 350px;
    background: none !important;
}

#footer .col2 .col2{
    float: right;
    padding: 0 !important;
    width: 350px;
    text-align: right;
    background: none !important;
}