* { padding: 0; margin: 0; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-repeat: repeat-x;
	background-image: url(images/back-fade.jpg);
	background-color: #fff;
}

h1 {
	font-size:1.7em;
	margin-top: 15px;
	margin-bottom: 0px;
	margin-right: 10px;
	margin-left: 10px;
}
h2 {
	font-size:1.3em;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align: left;
}
p {
	font-size:1em;
	padding:10;
	font-weight: normal;
	margin-top: 5px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 20px;
	color: #000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


td {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000}

hr {
	border: 1px solid #F90;
	width: 100%;
	left: 1px;
	right: 1px;
} 

a:link {  color: #666666}
a:visited {  color: #666666}
a:hover {  color: #42708A; text-decoration: none}
a:active {  color: #42708A; text-decoration: none}

h3 {
	font-size: 12px;
	color: #000;
	border-color: black black #BCB7A1;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	padding: 10px;
} 
h4 {  font-size: 16px; color: #666666; }
 

.floatright
	{
	float: right;
	margin: 0px 12px 0px 5px;
	}

p.footer {
	font-size: 9px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 4px;
}

#leftcolumn {
	color: #333;
	height: 350px;
	width: 165px;
	float: left;
	background-color: #FFF;
	}


#wrapper {
	width: 960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 40px;
}

#content {
	float: left;
	color: #000;
	display: block;
	background-color: #CCC;
	width: 795px;
	margin-left: 165px;
	z-index: 1;

}

#header {
	color: #333;
	width: 959px;
	float: left;
	height: 135px;
	background-color: #FFF;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	}

#footer {
	width: 960px;
	height: 100px;
	clear: both;
	background-color: #FFF;
	text-align: center;
	border-top-width: medium;
	border-bottom-width: thick;
	border-top-style: double;
	border-right-style: none;
	border-bottom-style: double;
	border-left-style: none;
	border-color: #FFF
	padding-top: 0px;
	padding-bottom: 0px;

}

#navigation {
	float: left;
	width: 947px;
	height: 21px;
	background-image: url(images/dragon_foot.jpg);
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	background-color: #231f20;
	padding-top: 6px;
	padding-bottom: 11px;
	z-index: 5;
	position: relative;
	background-repeat: no-repeat;
	background-position: 841px -1px;
	text-decoration: none;
	padding-left: 12px;
}

.dragon {
	left: 850px;
	top: -30px;
	z-index: 3000;
	position: relative;
	z-index: 6;
}

.logo
{
	float:left;
	padding-right: 30px;
	padding-left: 60px;
	padding-top: 0px;
	padding-bottom: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#wrapper table tr td {
	font-weight: bold;
	font-size: 12px;
}


.scroll
    {
	background-color:#FFC;
	width:275px;
	height:350px;
	overflow-y:scroll;
	overflow-x:hidden;
	color: #000;
	}

	
#suckerfishnav {
	background:#231f20 repeat-x;
	font-size:12px;
	font-family:verdana,sans-serif;
	font-weight:bold;
	width:336px;
	
    }
#suckerfishnav, #suckerfishnav ul {
	float:left;
	list-style:none;
	line-height:21px;
	padding:0;
	border:1px solid #A15911;
	margin:0;
	width:336px; /*to adjust the width of nav box */
	
    }
#suckerfishnav a {
    display:block;
    color:#ffffff;
    text-decoration:none;
    padding:0px 10px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:101px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#suckerfishnav li li {
    width:99px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:bold;
    font-family:verdana,sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:80px;
    font-size:10px;
    color:#ffffff;
    }
#suckerfishnav li ul ul {
    margin:-19px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#3e3e3e;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#dddddd;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#ffffff;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#ffffff;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#2e2e2e;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#a7a7a7;
    }
p.thumbtext {
	font-size:0.85em;
	color: #000;
	height: 11px;
	width: 224px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
	background-color: #FFC;
}

pic{
	padding: 0px;
	border-top-width: 0px;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-right-style: double;
	border-bottom-style: double;
	border-left-style: double;
	width: 224px;
	border-top-style: double;
}

div.img
{
	margin: 4px;
	height: auto;
	width: auto;
	float: left;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}	
div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}

#nuldiv
	{
	clear: both;
	height: 0px;
	}
.scroll2 {
	background-color:#FFF;
	width:685px;
	height:312px;
	overflow-y:scroll;
	overflow-x:hidden;
	text-align: left;
}
.phrase {
	left: 595px;
	top: 0px;
	z-index: 3000;
	position: relative;
	z-index: 6;
}
h5 {
	font-size:1.3em;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align: left;
	background-color: #FFC;
}

h6 {
	font-size:1.3em;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align: center;
	background-color: #FFC;
}