/* body and text */

body {
background-color: #ffffff;
font-family: arial, verdana, sans-serif;
font-size: 12px;
color: #00283d;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
text-align: left;
}

p {
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
padding: 5px;
}

.left p {
text-align: left;
}

.right p {
text-align: right;
}

.bottom p {
text-align: center;
font-size: 11px;
}

.footer p {
color: #00283d;
vertical-align: bottom;
}

.shop img {
float: left;
margin-right: 15px
}

p.sub {
float:right;
text-align:right;
}

.leftbig img {
border: 0px;
margin-bottom: 8px;
}

.right img.art {
border: 0px;
margin-bottom: 8px;
}

.left img.art {
border: 0px;
margin-bottom: 8px;
}

.leftmini img {
border: 0px;
}

span.indent {
margin-left: 15px;
}

/* images and links */

img.header {
float: left;
display: block;
height: 35px;
width: 225px;
border: 0px;
border-right: 1px solid #ffffff;
}

p.sub img {
border: 0px
}

.shop img {
float: left;
margin-right: 15px
}

a {
text-decoration: none;
}

a:link {color: #005986}
a:visited {color: #005986}
a:hover {color: #002d44}
.footer a:hover {color: #ffffff}
a:active {color: #005986}

div.greylink {
background-image: url("../images/gradgrey.png");
background-color: #7d8083;
color: #333435;
display: block;
height: 27px;
width: 105px;
float: left;
text-align: center;
overflow: hidden;
}

a.link {
padding-top: 8px;
font-size: 11px;
border-right: 1px solid #ffffff;
}

a.link:link {
background-image: url("../images/grad2.png");
background-color: #10a9f4;
color: #005986;
display: block;
height: 27px;
width: 105px;
float: left;
text-align: center;
overflow: hidden;
}

a.link:visited {
background-image: url("../images/grad2.png");
background-color: #10a9f4;
color: #006698;
display: block;
height: 27px;
width: 105px;
float: left;
text-align: center;
overflow: hidden;
}

a.link:hover {
background-image: url("../images/grad1.png");
background-color: #6dcfff;
color: #ffffff;
display: block;
height: 27px;
width: 105px;
float: left;
text-align: center;
overflow: hidden;
}



/* divs */

div.header {
background-image: url("../images/grad2.png");
background-color: #10a9f4;
width: 100%;
height: 35px;
margin: 0px;
}


div.center {
margin-left: auto;
margin-right: auto;
text-align: left;
padding: 11px;
}


div.mid {
width: 650px;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
padding: 0px;
}


div.full {
width: 650px;
/* height: 150px; I can't for the life of me remember why I entered a height here */
/* overflow: auto; */
background-image: url("../images/bg1.PNG");
background-repeat: repeat-x;
border: 1px solid #e5e9ea;
margin-left: 5px;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
padding: 5px;
}

div.leftbig {
float: left;
background-image: url("../images/bg1.PNG");
background-repeat: repeat-x;
border: 1px solid #e5e9ea;
margin-left: 0px;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
width: 305px;
height: 180px;
padding: 5px;
}

div.leftmini {
float: left;
background-image: url("../images/bg1.PNG");
background-repeat: repeat-x;
border: 1px solid #e5e9ea;
margin-left: 0px;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
width: 305px;
height: 90px;
padding: 5px;
}

div.left {
float: left;
background-image: url("../images/bg1.PNG");
background-repeat: repeat-x;
border: 1px solid #e5e9ea;
margin-left: 0px;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
width: 305px;
height: 404px;
padding: 5px;
}


div.right {
float: right;
background-image: url("../images/bg1.PNG");
background-repeat: repeat-x;
border: 1px solid #e5e9ea;
margin-left: 5px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
width: 305px;
height: 404px;
padding: 5px;
}

div.buffer {
width: 650px;
height: 75px;
border: 0px;
float: left;
}

div.bottom {
float: left;
width: 100%;
}


div.footer {
position: fixed;
bottom: 0px;
width: 100%;
height: 45px;
background-color: #10a9f4;
margin-left: auto;
margin-right: auto;
margin-top: auto;
text-align: center;
font-size: 14px;
}