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

body {
background-color:#FFFFFF;
background-repeat:no-repeat;
}

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

a.nav:link {color:#CAE6EE; text-decoration:none; font-size:16px;}
a.nav:visited {color:#CAE6EE; text-decoration:none; font-size:16px;}
a.nav:hover {color:#FFFFFF; text-decoration:underline; font-size:16px;}
a.nav:active {color:#FFFFFF; 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;}


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

a.caption_link:link{color:#335066; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:left;}
a.caption_link:visited{color:#335066; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:left;}
a.caption_link:hover{color:#667080; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:left;}
a.caption_link:active{color:#667080; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:left;}

a.p_link:link{color:#335066; text-decoration:none; font-weight:800; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left;}
a.p_link:visited{color:#335066; text-decoration:none; font-weight:800; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left;}
a.p_link:hover{color:#667080; text-decoration:none; font-weight:800; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left;}
a.p_link:active{color:#667080; text-decoration:none; font-weight:800; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left;}

.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:000000;
word-spacing:15px;
font-size:16px;
text-align:center;
}

.name{
float:left;
}

.nav_2{
color:#335066;
font-size:16px;
text-align:center;
}

.nav_3{
color:#335066;
font-size:12px;
text-align:center;
}

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

.h2{
text-align:left;
font-style:oblique;
font-weight:900;
font-family:Georgia, "Times New Roman", Times, serif;
color:#284562;
font-size:14px;
}

.h2_center{
text-align:center;
font-style:oblique;
font-weight:900;
font-family:Georgia, "Times New Roman", Times, serif;
color:#284562;
font-size:14px;
}


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

.p2{
color:#284562;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
}

.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_blue{
color:#284562;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
text-align:justify;
}

.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:#284562;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
}

/* Logical divisions: AKA divs */
div#content{
text-align:center;
position:fixed;
top:55px;
bottom:45px;
left:75px;
right:75px;
overflow:auto;
}

div#top_content{
position:fixed;
top:5px;
left:75px;
right:75px;
height:50px;
z-index:5;
}

div#nav{
float:right;
vertical-align:top;
}

div#nav2{
margin:auto;
text-align:center;
width:100%;
}

div#video{
}

div#work_in_progress{
}

div#recommended{
}

div#feet{
position:fixed;
margin:auto;
bottom:0px;
z-index:5;
}

div#mt_left{
height:450px;
width:400px;
position:fixed;
left:0px;
top:100px;
}

div#mt_right{
height:450px;
width:400px;
position:fixed;
right:0px;
top:100px;
}

div#top_right{
position:fixed;
top:0px;
right:0px;
height:55px;
width:100px;
z-index:4;
}

div#top_left{
position:fixed;
top:0px;
left:0px;
height:55px;
width:100px;
z-index:4;
}

div#bottom_right{
position:fixed;
bottom:0px;
right:0px;
height:45px;
width:100px;
z-index:4;
}

div#bottom_left{
position:fixed;
bottom:0px;
left:0px;
height:45px;
width:100px;
z-index:4;
}

div#left{
position:fixed;
left:0;
width:75px;
height:100%;
z-index:2;
}

div#right{
position:fixed;
right:0;
width:75px;
height:100%;
z-index:2;
}

div#top{
position:fixed;
top:0px;
height:55px;
width:100%;
z-index:3;
}

div#bottom{
position:fixed;
bottom:0px;
height:45px;
width:100%;
z-index:3;
}