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

body {margin:0px; background-color:white; background-image:url(images/headbg.png); background-position:top; background-repeat:repeat-x;}
span {visibility:hidden;}


#wrap {width:990px; height:auto; overflow:hidden; margin:0px auto;}
#head {width:990px; height:98px; background-image:url(images/logo.png); background-repeat:no-repeat;}
#nav {width:990px; height:43px;}

#nav ul {margin:0px; padding:0px; float:left;}
#nav li {display:inline; font-family:Helvetica, Arial, sans-serif; color:white; font-size:18px; margin:0px 20px; font-weight:bold; list-style-type: none; line-height:43px;}
#nav li a {text-decoration:none; color:white;}
#nav li a:hover {text-decoration:none; color:#F1D530;}

.info {float:right; font-family:Helvetica, Arial, sans-serif; color:white; font-size:18px; margin:0px 20px; font-weight:bold; list-style-type: none; line-height:43px;}
.info a{text-decoration:none;color:white;}
.info a:hover{text-decoration:none;}


#content {width:950px; height:auto; padding:20px 20px; overflow:hidden;}

#aaddiv {width:200px; height:150px; margin:0px 10px 20px 10px; float:left;}
#aaddiv a {width:200px; height:150px; margin:0px; display:block; background-image:url(images/aadbtn.png);}
#aaddiv a:hover {width:200px; height:150px; margin:0px; background-position:0 -150px;}

#jldiv {width:200px; height:150px; margin:0px 10px 20px 10px; float:left;}
#jldiv a {width:200px; height:150px; margin:0px; display:block; background-image:url(images/jlbtn.png);}
#jldiv a:hover {width:200px; height:150px; margin:0px; background-position:0 -150px;}

#prdiv {width:200px; height:150px; margin:0px 10px 20px 10px; float:left;}
#prdiv a {width:200px; height:150px; margin:0px; display:block; background-image:url(images/prbtn.png);}
#prdiv a:hover {width:200px; height:150px; margin:0px; background-position:0 -150px;}

#gsdiv {width:200px; height:150px; margin:0px 10px 20px 10px; float:left;}
#gsdiv a {width:200px; height:150px; margin:0px; display:block; background-image:url(images/gsbtn.png);}
#gsdiv a:hover {width:200px; height:150px; margin:0px; background-position:0 -150px;}

#eindiv {width:200px; height:150px; margin:0px 10px 20px 10px; float:left;}
#eindiv a {width:200px; height:150px; margin:0px; display:block; background-image:url(images/einbtn.png);}
#eindiv a:hover {width:200px; height:150px; margin:0px; background-position:0 -150px;}

#hcdiv {width:200px; height:150px; margin:0px 10px 20px 10px; float:left;}
#hcdiv a {width:200px; height:150px; margin:0px; display:block; background-image:url(images/hcbtn.png);}
#hcdiv a:hover {width:200px; height:150px; margin:0px; background-position:0 -150px;}

#sdiv {width:200px; height:150px; margin:0px 10px 20px 10px; float:left;}
#sdiv a {width:200px; height:150px; margin:0px; display:block; background-image:url(images/sbtn.png);}
#sdiv a:hover {width:200px; height:150px; margin:0px; background-position:0 -150px;}

#radiv {width:200px; height:150px; margin:0px 10px 20px 10px; float:left;}
#radiv a {width:200px; height:150px; margin:0px; display:block; background-image:url(images/rabtn.png);}
#radiv a:hover {width:200px; height:150px; margin:0px; background-position:0 -150px;}

#hatdiv {width:200px; height:150px; margin:0px 10px 20px 10px; float:left;}
#hatdiv a {width:200px; height:150px; margin:0px; display:block; background-image:url(images/hatbtn.png);}
#hatdiv a:hover {width:200px; height:150px; margin:0px; background-position:0 -150px;}

#bbdiv {width:200px; height:150px; margin:0px 10px 20px 10px; float:left;}
#bbdiv a {width:200px; height:150px; margin:0px; display:block; background-image:url(images/bbbtn.png);}
#bbdiv a:hover {width:200px; height:150px; margin:0px; background-position:0 -150px;}

#djdiv {width:200px; height:150px; margin:0px 10px 20px 10px; float:left;}
#djdiv a {width:200px; height:150px; margin:0px; display:block; background-image:url(images/djbtn.png);}
#djdiv a:hover {width:200px; height:150px; margin:0px; background-position:0 -150px;}

#johdiv {width:200px; height:150px; margin:0px 10px 20px 10px; float:left;}
#johdiv a {width:200px; height:150px; margin:0px; display:block; background-image:url(images/johbtn.png);}
#johdiv a:hover {width:200px; height:150px; margin:0px; background-position:0 -150px;}

#vowdiv {width:200px; height:150px; margin:0px 10px 20px 10px; float:left;}
#vowdiv a {width:200px; height:150px; margin:0px; display:block; background-image:url(images/vowelsbtn.png);}
#vowdiv a:hover {width:200px; height:150px; margin:0px; background-position:0 -150px;}

#therdiv {width:200px; height:150px; margin:0px 10px 20px 10px; float:left;}
#therdiv a {width:200px; height:150px; margin:0px; display:block; background-image:url(images/gaffbtn.png);}
#therdiv a:hover {width:200px; height:150px; margin:0px; background-position:0 -150px;}

#shaddiv {width:200px; height:150px; margin:0px 10px 20px 10px; float:left;}
#shaddiv a {width:200px; height:150px; margin:0px; display:block; background-image:url(images/shadbtn.png);}
#shaddiv a:hover {width:200px; height:150px; margin:0px; background-position:0 -150px;}

#martdiv {width:200px; height:150px; margin:0px 10px 20px 10px; float:left;}
#martdiv a {width:200px; height:150px; margin:0px; display:block; background-image:url(images/martbtn.png);}
#martdiv a:hover {width:200px; height:150px; margin:0px; background-position:0 -150px;}

#portcontwrap {float:right; width:400px; overflow:hidden; height:auto;}
#portcont {width:385px; padding:15px 0px 0px 15px;}
#portimg {width:590px; float:left; padding:15px 0px 0px 0px;}
#portimg02 {width:990px; float:left; padding:15px 0px 0px 0px;}

#prev {width:185px; float:left; padding-left:15px;}
#next {width:185px; float:right; clear:right; padding-right:15px;}

#footer {height:102px; clear:both;}
#footnav {width:990px; height:auto; margin:0px auto 0px auto;}
#indicia {width:990px; margin:7px auto 0px auto;}
#footer ul {margin:0px auto 0px auto; padding:0px; text-align:center;}
#footer li {display:inline; font-size:10px; text-align:center; list-style:none; color:black; font-family:Arial, Helvetica, sans-serif; margin:5px 10px 0px 10px;}
#footer li a {color:black;text-decoration:none;}
#footer li a:hover {text-decoration:underline;}

.indicia {font-family:Arial, Helvetica, sans-serif; color:black; margin:0px; text-align:center; font-size:10px;}

.content {font-family:Arial, Helvetica, sans-serif; color:black; font-size:12px; }
.porttitle {font-family:Helvetica, Arial, sans-serif; font-weight:bold; margin:0px 0px 20px 0px; color:black;}
.portimg {width:590px; height:auto;}
.portimg02 {margin-bottom:15px; float:left;}

.prev {font-family:Helvetica, Arial, sans-serif; font-weight:bold; margin:0px; color:black; font-size:18px;}
.prev a {text-decoration:none; color:black;}
.prev a:hover {text-decoration:none; color:#F1D530;}

.next {font-family:Helvetica, Arial, sans-serif; font-weight:bold; margin:0px; color:black; font-size:18px; text-align:right;}
.next a {text-decoration:none; color:black;}
.next a:hover {text-decoration:none; color:#F1D530;}

.twit {float:right; width:36px; height:auto; margin:50px 0px 0px 5px;}
.linked {float:right; width:36px; height:auto;  margin:50px 0px 0px 5px;}

.me {width:385px; height:auto; margin-bottom:15px;}

.testimonial {font-family:Verdana, Arial, sans-serif; font-size:12px; margin:0px 0px 20px 0px; line-height:20px; font-style:italic;}

.testtag {font-family:Verdana, Arial, sans-serif; font-size:12px; margin:0px 0px 0px 0px; line-height:20px;}

.testtag a {color:black; text-decoration:none; font-weight:bold;}

.testtag a:hover {color:black; text-decoration:underline;}