@font-face {
	font-family: 'KozukaGothicProEL';
	src: url('kozgopro-extralight-webfont.eot');
	src: local('☺'), url('kozgopro-extralight-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

* { font-family:'Arial','Helvetica'; }


html { 
    background:#6b708e; /* For browsers that don't support gradients */
    background:-webkit-gradient(linear, left top, right bottom, from(#6b708e), to(#8ed4ee));
    background:-moz-linear-gradient(top left, #6b708e, #8ed4ee);
     }
html, body { height:100%; } /* Needed for Sticky Footer */

div#ExtraBackground {
    position:absolute;  
    top:0px;
    width:100%;
    left:0px;
    background:transparent url('/images/back-grunge.png') repeat-x;
    height:400px;    
}

div#Wrapper {
    width:960px;
    margin:0px auto;   
    min-height:100%; /* Needed for Sticky Footer */
}

/* Neede for Sticky Footer */
div#main { overflow:auto; padding-bottom:50px; }

div#Head {
    margin-top:20px;
    height:141px;  
}

    div#Head img {
        width:566px; height:141px;   
    }



div#Body {}

    ul.navigation {  margin-right:20px; margin-top:40px; }
    
        ul.navigation li { 
            text-align:right; 
            height:35px;
            margin-bottom:10px;
        }
        ul.navigation li.selected { background:transparent url('/images/selected-section.png') top right no-repeat; }

        ul.navigation li a { line-height:35px; font-size:14px; color:White; text-decoration:none; display:block; margin-right:10px; outline:none; font-family:'KozukaGothicProEL';}
        ul.navigation li.selected a { color:Black; }



    div.whiteBox { max-width:740px; width:740px; margin-bottom:20px; }
    
        div.whiteBox div.whiteBoxTop { background:url('/images/white-box-top.png');  height:9px; }
        div.whiteBox div.whiteBoxBottom { background:url('/images/white-box-bottom.png');  height:9px; }
        div.whiteBox div.whiteBoxBody { background:white; padding:11px 20px; }



div#Footer { 
    height:50px;
    position:relative; 
    margin-top:-50px; 
    clear:both;
}

    div#Footer .back {
        position:absolute;
        top:0px;
        left:0px;
        width:100%;
        height:100%;
        background:#000000;
        opacity:0.5;
        filter:alpha(opacity="50");
    }

    div#Footer .content {
        text-align:center;
        font-size:10px;
        line-height:50px;
        color:#ffffff;
    }

div.columns { overflow:hidden; }
div.columns div.colLeft { float:left; width:220px; }
div.columns div.colRight { float:right; width:740px; }


/* Features Table */

table.features {
    margin-top:20px;
}

table.features td.content { 
    width:100%; 
    height:240px !important;
    padding-right:20px;
}
table.features td.content h1 {
    font-family:'KozukaGothicProEL';
    font-size:25px !important;
    line-height:25px !important;
    font-weight:normal;
    color:#7a9ab6;
    margin-bottom:10px;
}
table.features td.content p { 
    text-indent:20px;
}

/* Misc */
img.pageTitle { margin-bottom:10px; display:block; }

/* Lists */

ul.list { margin-top:10px; }

ul.list li.heading { 
    font-family:'KozukaGothicProEL';
    font-size:25px;
    color:#7a9ab6;
}



/* Forms */

.formTable { width:100%;  }

.formTable td { vertical-align:top; padding-bottom:10px; }

.formTable .formLeft { 
    width:20%; 
    text-align:right; 
    padding-right:10px;
    padding-top:4px; /* Aligns text with first line of text in textbox properly */
}
.formTable .formRight { width:80%; }


.formTable .formError {
    display:block;
    font-weight:bold;
    color:Red;   
}

/* For the textboxes */

.formTable input[type="text"], 
.formTable textarea, 
.formTable select {
    border:solid 1px silver;   
}

.formTable select { width:250px; }

.formTable input[type="text"], 
.formTable textarea {
    width:99%; /* This is set to 99% because of IE7 cutting off the end of the textbox for some reason */
    padding:3px;
}

.formTable textarea {
    height:100px;
}