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

.body {
background-image:url(../images/kelly_cards_background_pattern.jpg);
background-repeat:repeat;
background-color:#D9D7D8;
margin-top:20px;
margin-bottom:20px;
}

.wrapper {
width:1000px;
overflow-x:hidden;
overflow-y:auto;
position:relative;
float:none;
border:solid;
border-width:2px;
border-color:#58504E;
background-color:#FFFFFF;
}

.header {
width:980px;
overflow:hidden;
float:none;
position:relative;
padding:10px;
background-color:#58504E;
text-align:left;
vertical-align:middle;
}

.navigation {
width:225px;
height:400px;
padding:10px;
overflow:visible;
position:relative;
float:left;
text-align:center;
vertical-align:top;
}

.navimage {
width:225px;
height:271px;
position:relative;
float:none;
}

.button {
width:225px;
height:30px;
position:relative;
float:left;
}

.main {
width:734px;
min-height:400px;
overflow-x:hidden;
overflow-y:auto;
padding:10px;
padding-bottom:50px;
position:static;
float:left;
text-align:left;
vertical-align:top;
border-left:solid;
border-left-width:1px;
border-left-color:#58504E;
z-index:0;
}

.indexmain {
width:980px;
min-height:400px;
padding:10px;
padding-bottom:50px;
position:relative;
float:left;
text-align:center;
vertical-align:top;
}

.card-container {
min-width:170px;
min-height:180px;
padding:5px;
position:relative;
float:left;
margin:0px;
text-align:left;
overflow:hidden;
}

.subcontent {
position:absolute;
visibility: hidden;
border: 5px solid white;
background-color: white;
width: 300px;
padding: 8px;
}

.bottom-nav {
width:980px;
padding:10px;
overflow:visible;
position:relative;
text-align:center;
clear:both;
float:left;
vertical-align:middle;
border-top:solid;
border-top-width:1px;
border-top-color:#58504E;
}

.contact {
width:980px;
padding:0px;
overflow:visible;
position:relative;
text-align:center;
clear:both;
float:left;
vertical-align:middle;
}

.copyright {
width:980px;
padding:10px;
overflow:visible;
position:relative;
text-align:center;
clear:both;
float:left;
vertical-align:middle;
}

.h6 {
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin-right:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
color:#58504E;
}

.h5 {
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin-right:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
color:#58504E;
}

.h4 {
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
margin-right:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
color:#58504E;
}

.h1 {
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:40px;
margin-right:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
color:#58504E;
}

.p {
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin-right:0px;
margin-left:0px;
margin-top:10px;
margin-bottom:10px;
color:#58504E;
}

.cardtext {
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
margin-bottom:0px;
color:#58504E;
text-decoration:none;
}

.checkbox {
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
margin-top:0px;
margin-bottom:10px;
}

a:link {color: #58504E; text-decoration: underline;}
a:visited {color: #58504E; text-decoration: underline;}
a:hover {color:#BE7846; text-decoration: underline}

a.subnav:link {color: #58504E; text-decoration: none;}
a.subnav:visited {color: #58504E; text-decoration: none;}
a.subnav:hover {color:#BE7846; text-decoration: underline}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
text-decoration:none;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
text-decoration:none;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
text-decoration:none;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 20px;
text-decoration:none;
left: -230px; /*position where enlarged image should offset horizontally */
}

.thumbnail01{
position: relative;
z-index: 0;
text-decoration:none;
}

.thumbnail01:hover{
background-color: transparent;
z-index: 50;
text-decoration:none;
}

.thumbnail01 span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail01 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
text-decoration:none;
}

.thumbnail01:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 20px;
text-decoration:none;
left: 0px; /*position where enlarged image should offset horizontally */
}