@charset "UTF-8";
/* CSS Document */

body {
background-image:url(images/illustration_comp_background_2.jpg);
background-position:top center;
background-color:#FFFFFF;
background-repeat:no-repeat;
}

/* 
a.nav:link {color:#335066; text-decoration:none; font-size:18px;}
a.nav:visited {color:#335066; text-decoration:none; font-size:18px;}
a.nav:hover {color:#CAE6EE; text-decoration:underline; font-size:18px;}
a.nav:active {color:#CAE6EE; text-decoration:underline; font-size:18px;}
*/

a.nav:link {color:#335066; text-decoration:none; font-size:16px;}
a.nav:visited {color:#335066; text-decoration:none; font-size:16px;}
a.nav:hover {color:#CAE6EE; text-decoration:underline; font-size:16px;}
a.nav:active {color:#CAE6EE; text-decoration:underline; font-size:16px;}

a.nav_2:link {color:#335066; text-decoration:none; font-size:16px;}
a.nav_2:visited {color:#335066; text-decoration:none; font-size:16px;}
a.nav_2:hover {color:#667080; text-decoration:underline; font-size:16px;}
a.nav_2:active {color:#667080; text-decoration:underline; font-size:16px;}

.offsides {background-image:url(images/offsides_book.jpg); background-repeat:no-repeat; background-position:left;}
.offsides:hover {background-image:url(images/offsides_book.jpg); background-repeat:no-repeat; background-position:right;}

.thelastmallrat {background-image:url(images/thelastmallrat_book.jpg); background-repeat:no-repeat; background-position:left;}
.thelastmallrat:hover {background-image:url(images/thelastmallrat_book.jpg); background-repeat:no-repeat; background-position:right;}

.theoutsidegroove {background-image:url(images/outsidegroove_book.jpg); background-repeat:no-repeat; background-position:left;}
.theoutsidegroove:hover {background-image:url(images/outsidegroove_book.jpg); background-repeat:no-repeat; background-position:right;}


/* Classes */
.nav{
color:#335066;
word-spacing:20px;
font-size:18px;
text-align:center;
}

.nav_2{
color:#335066;
word-spacing:20px;
font-size:16px;
}


.h1{
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
color:#335066;
font-size:14px;
}


.h1_left{
text-align:left;
font-family:Georgia, "Times New Roman", Times, serif;
color:#335066;
font-size:14px;
}

.p1{
text-indent:20px;
color:#666666;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
text-align:justify;
}

.index_p{
text-indent:20px;
color:#666666;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
text-align:justify;
line-height:25px;
}

.p1_center{
text-indent:20px;
color:#666666;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
text-align:center;
}

.p1_left{
color:#666666;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
text-align:left;
}

.caption{
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
}

.caption_left{
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
}

.list{
list-style:circle;
color:#666666;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
}


/* Logical divisions: AKA divs */
div#name{
position:absolute;
top:98px;
left:12%;
}

div#cycle{
position:absolute;
right:0%;
top:175px;
}

div#nav{
position:relative;
margin:auto;
width:600px;
text-align:center;
top:180px;
}

div#content_main_600{
position:relative;
margin:auto;
min-width:250px;
top:220px;
max-width:600px;
}

div#content_main_700{
position:relative;
margin:auto;
min-width:250px;
top:220px;
max-width:700px;
}

div#content_main_800{
position:relative;
margin:auto;
min-width:250px;
top:210px;
max-width:800px;
}

div#content_main_80per{
position:relative;
margin:auto;
width:80%;
top:220px;
}

div#content_main_90per_no_margin{
margin:auto;
width:90%;
}

div#float_right{
padding:10px;
padding-left:15px;
float:right;
}

div#float_left{
padding:10px;
padding-right:15px;
float:left;
}