body {height:auto;width:980px; background-color:white;margin-left:0 auto; margin-right:0 auto; padding:0px ;text-align:center;font-family:Verdana,Arial,Helvetica,sans-serif,"MS sans serif";font-weight:400;font-size:12px;background-image: url(../images/strip.gif);background-position:right;background-repeat:repeat-both;  color: Black; }
.header {
	width:980px;
	height: 110px;
	background-color:#0073AA;
	color:white;
	border:4px outset #475E8c;
	float:left;
	vertical-align:bottom;
	font-size:12px;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.header1 {width:760px; height: 110px; background-color:#3366cc;color:white;border:4px outset #3366cc;margin: 0px auto; padding: 0px auto;float:left;vertical-align:bottom;font-size:12px;font-weight:bold;}
.sungate {width:900px; height: 268px; background-color:#3366cc;color:white;border:4px outset #3366cc;margin: 0px auto; padding: 0px auto;float:left;vertical-align:bottom;font-size:14px;font-weight:bold;}
div.header a:link   {font-size:12px; font-weight:bold; background-color:#0073AA; color:white;text-decoration:none;}
div.header a:visited{font-size:12px; font-weight:bold; background-color:#0073AA; color:white;text-decoration:none;}
div.header a:active {font-size:12px; font-weight:bold; background-color:#4A5B9D; color:white;text-decoration:none;}
div.header1 a:link   {font-size:14px; font-weight:bold; color:white;text-decoration: none; line-height:normal}
div.header1 a:visited{font-size:14px; font-weight:bold; color:white;text-decoration: underline;}
div.header1 a:active {font-size:14px; font-weight:bold; color:white;text-decoration: none;}
div.sungate a:link   {font-size:14px; font-weight:bold; color:white;text-decoration: none; line-height:normal}
div.sungate a:visited{font-size:14px; font-weight:bold; color:white;text-decoration: underline;}
div.sungate a:active {font-size:14px; font-weight:bold; color:white;text-decoration: none;}
#chromemenu{
width: 98%;
font-weight: bold;
font-size: 90%;
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#chromemenu ul{
border: 1px solid #BBB;
width: 100%;
background: url(../images/horizontal-menu/chromebg.gif) center center repeat-x;
padding: inherit 0;
margin: 0;
text-align:center; /*set value to "right" for example to align menu to the left of page*/
}

#chromemenu ul li{
	display: inline;
	color: #3300FF;
	margin:5;
	border-center: 1px solid #DADADA; font-size:14px;
}

#chromemenu ul li a{
color: #333333;
margin:0;
text-decoration: underline;
border-center: 1px solid #DADADA;
}

#chromemenu ul li a:hover{
background: url(../images/horizontal-menu/chromebg2.gif) center center repeat-x; color:#CC3333
}

#main {
	width: 647px;
	height:auto;
	background-color:white;
	color: Black;
	border-left: 1px solid #cccccc;
	border-right: 1px solid gray;
	text-align: center;
	float:left;
	clear: none;
}
div#main p {
	color:#000000;
	text-align:left;
	margin:0px;
	font-size:12px;
	border:0px solid black;
	float:none;
	background: White;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin-top: 1px;
	margin-right: 5px;
	margin-left: 1px;
	padding-top: 1px;
	letter-spacing: 0px;
	font-weight: normal;
}
div#main a:link   {font-size:11px; font-weight:bold;color:#003399;text-decoration:none;  background: White; }
div#main a:visited{font-size:11px; font-weight:bold;color:purple;text-decoration:none;  background: White; }
div#main a:active {font-size:11px; font-weight:bold;color:#003399;text-decoration:none;  background: White; }
div#main a:hover  {
	font-size:11px;
	text-decoration:underline;
	color:red;
	background: White;
	background-color: #FFFFFF;
}
#mainbox {
	width: 980px;
	height:auto;
	background-color:white;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #999999;
	margin: 0px auto;
	padding: 0px auto;
	text-align:center;
	float: none;
	clear: left;
}
div#mainbox p {color:#000000;padding-left: 10px;padding-right: 10px;padding-top:0px;padding-bottom: 5px;margin:0px;font-size:12px;font-weight:400;text-align:left;overflow:hidden;}
div#mainbox h1 {color:#3333ff;text-align:center;padding: 5px 0px 0px 10px;margin:0px;font-size:16px;font-weight:600;  background: White; }
#sunmainbox {width: 904px; height:auto;background-color:white; border-left: 1px solid #cccccc;border-right: 1px solid #999999; margin: 0px auto; padding: 0px auto;text-align:left;}
div#sunmainbox p {color:#000000;padding-left: 10px;padding-right: 10px;padding-top:0px;padding-bottom: 5px;margin:0px;font-size:12px;font-weight:400;text-align:left;overflow:hidden;}
div#sunmainbox h1 {color:#3333ff;text-align:center;padding: 5px 0px 0px 10px;margin:0px;font-size:16px;font-weight:600;  background: White; }
div#sunmainbox li { list-style-type: disc; margin:0px;padding:5px 5px 0px 0px; border: 0px solid black;font-size:12px;color:brown;text-align:left;text-indent:40px;list-style-position:inside;  background: White; }
div#sunmainbox ul {margin:0px;padding: 0px; border: 0px solid black;}
#navaid {
	width: 980px;
	height:auto;
	margin: 1px auto;
	padding: 0px auto;
	text-align:center;
	border-left:1px solid #cccccc;
	border-right: 1px solid #999999;
	background-color:white;
	color:#003399;
	font-size:12px;
	background: White;
	float: none;
	clear: left;
}
div#navaid p {color:#003399;text-align:left;padding: 3px 0px 0px 15px;margin:0px;font-size:11px;font-weight:400;}
div#navaid h3 {color:#3333ff;text-align:left;padding: 5px 0px 0px 10px;margin:0px;font-size:12px;}
#sunnavaid {width: 904px; height:auto; margin: 0px auto; padding: 0px auto;text-align:center;border-left:1px solid #cccccc; border-right: 1px solid #999999;background-color:white;color:#003399;font-size:12px;  background: White; }
div#sunnavaid p {color:#003399;text-align:left;padding: 3px 0px 0px 15px;margin:0px;font-size:12px;font-weight:400;}
div#sunnavaid h3 {color:#3333ff;text-align:left;padding: 5px 0px 0px 10px;margin:0px;font-size:12px;}
.breadcrumb{
"Times New Roman", Times, serif, sans-serif;
}

.breadcrumb a{
background: transparent url(../images/breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 24px; /*adjust bullet image padding*/
color: navy;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: navy;
}

.breadcrumb a:hover{
text-decoration: underline;
color:#FF0000
}
#smallaid {
	width: 617px;
	height:25px;
	text-align:center;
	float:left;
	border-left:1px solid #cccccc;
	border-right:1px solid gray;
	background-color:white;
	font-size:12px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: auto;
	padding-bottom: 10px;
	padding-left: auto;
}
div#smallaid p {color:#003399;text-align:left;padding: 3px 0px 0px 15px;margin:0px;font-size:11px;text-align:justify;}
div#smallaid h3 {color:#3333ff;text-align:left;padding: 5px 0px 0px 10px;margin:0px;font-size:12px;}
div#cleardiv {clear:both;height:10px;margin:0px;padding:0px;border:0px blue solid;}
.white-spacer {width:980px; height: 10px; border-bottom:1px solid gray; padding:0px auto; margin:0px auto;float:left;}
.sungate-white-spacer {width:904px; height: 10px; border-bottom:1px solid gray; padding:0px auto; margin:0px auto;float:left;}
.cleardiv {clear:both;height:10px;margin:0px;padding:0px;border:0px blue solid;}
li { list-style-type:  circle; margin:0px;padding:5px 5px 5px 0px;border-bottom:0px dashed gray;font-size:11px;}
ul {margin:0px;padding-left:15px;}
h1 {
	color:#FFFFFF;
	padding: 0px 0px 0px 0px;
	margin:0px;
	font-size:15px;
	text-align:center;
	font-family:verdana;
	font-weight:900;
}
h2 {
	color:red;
	font-size:12px;
	text-align:left;
	font-family:verdana;
	font-weight:600;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
h3 {color:blue;padding: 5px 0px 0px 0px;margin:0px;font-size:13px;text-align:center;font-family:verdana;font-weight:400;}
.leftnav {
	width:173px;
	height:1470px;
	background-color:white;
	border-style:dotted;
	border-left:1px solid #999999;
	border-top:0px solid #000000;
	border-right:0px gray;
	border-bottom:0px solid #000000;
	background-image: url(../images/graphic10.gif);
	background-position:left;
	background-repeat:repeat-y;
	float:left;
	padding: 10px 3px 0px 2px;
}
div.leftnav ul {margin:0px;padding-left:15px;}
div.leftnav li { list-style-type:  circle; margin:0px;padding:5px 5px 5px 0px;border-bottom:1px dashed gray;font-size:11px;}
.bottom {height:15px; width: 985px; border: 1px solid gray;  background-color: white; margin: 0px auto; padding-top: 3px;padding-bottom: 3px;padding-left: 0px;padding-right: 0px;text-align:center;color:black;float:left;font-size:11px;}
div.bottom a:link  {font-size:11px; font-weight:bold;color:#003399;text-decoration:none;  background: White; }
div.bottom a:visited {font-size:11px; font-weight:bold;color:#003399;text-decoration:none;  background: White; }
div.bottom a:active {font-size:11px; font-weight:bold;color:#003399;text-decoration:underline;  background: White; }
div.bottom a:hover {font-size:11px;text-decoration:underline;color:red;  background: White; }
.txt-blk {
	font-weight:bold;
	color:black;
	text-align:left;
	padding-top:5px;
	background: White;
	margin: 0px 6px 0px 14px;
}
div.leftnav form {
	height:25px;
	border:0px solid #000000;
	padding:0px;
	float: none;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	width: auto;
}
div.leftnav input {
	height:18px;
	border:1px solid gray;
	margin:0px;
	vertical-align:middle;
	width: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	float: none;
	background-color: #FFFFFF;
}
.tble-header {
	background-color:#8CCEF2;
	border-style:hidden;
	text-align:center;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 1px 0px;
	height: 35px;
	float: none;
}
.product-tble-hd {
	width:150px;
	background-color:#336677;
	border-style:solid;
	border-left:1px solid #000000;
	border-top:1px solid #000000;
	border-right:1px solid gray;
	border-bottom:1px solid #000000;
	font-weight:bold;
	color:white;
	text-align:center;
	margin-top:5px;
	margin-left:7px;
	padding: 1px;
	float:left;
	font-size:11px;
}
.product-tble-hd-red {
	width:150px;
	background-color:#666666;
	border-style:solid;
	border-left:1px solid #000000;
	border-top:1px solid #000000;
	border-right:1px solid gray;
	border-bottom:1px solid #000000;
	font-weight:bold;
	color:white;
	text-align:center;
	float:left;
	font-size:12px;
	padding: 1px;
	margin: 5px 0px 0px 7px;
}
.product-tble-txt {
	width:150px;
	background-color:#ffffff;
	border-style:solid;
	border-left:1px solid #000000;
	border-top:1px solid #000000;
	border-right:1px solid gray;
	border-bottom:1px solid #000000;
	font-weight:bold;
	font-size:12px;
	color:gray;
	text-align:left;
	margin-left:7px;
	float:left;
	padding: 1px;
	list-style-type: square;
	list-style-position: outside;
}
.product-tble-txt-red {
	width:150px;
	background-color:#eeeeee;
	border-style:solid;
	border-left:1px solid #000000;
	border-top:1px solid #000000;
	border-right:1px solid gray;
	border-bottom:1px solid #000000;
	font-weight:bold;
	font-size:11px;
	color:#003366;
	text-align:left;
	float:left;
	padding: 1px;
	margin-left: 7px;
}
a:link   {font-size:12px; font-weight:bold;color:#003399;text-decoration:none;}
a:visited{font-size:12px; font-weight:bold;color:purple;text-decoration:underline;}
a:active {font-size:12px; font-weight:bold;color:#003399;text-decoration:none;}
a:hover  {font-size:12px;color:#003399;text-decoration:underline;color:red;}
.white-top {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.white-left {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #008000;
	margin: 0px;
	padding: 0px;
}
.white-bottomleft {
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #008000;
}
.white-bottom {

	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.book-form {

	height:auto;
	width:auto;
	border:0px solid #000000;
	padding:0px;
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(../images/horizontal-menu/formbg.gif) repeat-x left top;
}
td.storyLeft{
	padding-right: 12px;
}
* .gallerycontainer{
position: relative; width: 300px
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

* .thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

* .thumbnail:hover{
background-color: transparent;
}

* .thumbnail:hover img{
border: 1px solid blue;
}

* .thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
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;
}

* .thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
.rightleftnav {
	width:160px;
	background-color:white;
	border-style:dotted;
	border-left:1px solid #999999;
	border-top:0px solid #000000;
	border-right:0px gray;
	border-bottom:0px solid #000000;
	background-image: url(../images/graphic10.gif);
	background-position:right;
	background-repeat:repeat-y;
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow: auto;
	height: 1480px;
}

.rightleftnav-block {
	display: block;
	background-color: #FFFFFF;
	margin-right: 5px;
	margin-left: 1px;
	padding: 1px 1px 1px 1px;
	float: none;
	text-align: center;
	background: url(../images/graphic09.gif) right top repeat-y;
	border-bottom-style: inset;
	border-bottom-color: #E8E8E8;
	border-bottom-width: 5px;
	border-left-color: #E8E8E8;
	border-left-style: outset;
	border-left-width: 2px;
	border-top-color: #E8E8E8;
	border-top-style: outset;
	border-top-width: 2px;
}

.rightleftnav-block p {
	font-size: 12px;
	padding: 1px 1px 1px 1px;
	margin: 1px 1px 1px 1px;
	color: #FFCC99;
	text-align: center;
	clear: left;
}

.rightleftnav-block ul {
margin: 0px;
padding-left:0px;
list-style:none;
}

.rightleftnav-block li.title {
margin: 0px;
padding: 0px;
list-style: none;
font-size: 12px;
line-height: 17px;
color: #FF6600;
font-weight: bold;
}

.rightleftnav-block li {
	padding: 0px;
	font-size: 12px;
	line-height: 15px;
	color: #FF6600;
	margin-right: 1px;
	margin-left: 1px;
	list-style-type: none;
	}

.rightleftnav-block li a {
color: #FF6600;
text-decoration: none;
}

.rightleftnav-block li a.special {
color: #CCCCCC;
text-decoration: none;
}

.rightleftnav-block li a.special:hover {
color: #CC3333;
text-decoration: none;
/** border-bottom: 1px solid #CCCCCC; **/
}

.rightleftnav-block li a:hover {
color: #000099;
text-decoration: none;
/** border-bottom: 1px solid #108700; **/
}

.spacer-hor {
	padding: 1px 0px 0px 0px; /** without height - ie bug ?! **/
	border-left: 15px solid #FF9C31;
	background-color: #000000;
	margin-right: 5px;
	margin-left: 2px;
}
.date{font-family:Tahoma;font-size:10px;color:#787878;font-weight:bold;padding-left:10px;padding-top:10px;}
.cap{font-family:Tahoma;font-size:10px;color:#FFAA00;font-weight:bold;padding-left:10px;padding-top:2px;}

#leftmenu {
	width: 160px;
	float: left;
	margin-right: 1px;
	margin-left: 5px;
	clear: right;
}

.leftmenu-block {
	display: block;
	padding: 5px 10px 10px 10px;
	background-image: url(img/leftblock_bknd.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	float: left;
	clear: left;
}

.leftmenu-block ul {
margin: 0px;
padding: 0px;
list-style: none;
}

.leftmenu-block li.title {
margin: 0px;
padding: 0px;
list-style: none;
font-size: 12px;
line-height: 17px;
color: #FF9900;
font-weight: bold;
}

.leftmenu-block li {
margin: 0px 0px 0px 12px;
padding: 0px;
list-style: none;
font-size: 12px;
line-height: 15px;
color: #FF9900;
}

.leftmenu-block li a {
color: #FF6600;
text-decoration: none;
}

.leftmenu-block li a.special {
color: #CCCCCC;
text-decoration: none;
}

.leftmenu-block li a.special:hover {
color: #FFFFFF;
text-decoration: none;
/** border-bottom: 1px solid #CCCCCC; **/
}

.leftmenu-block li a:hover {
color: #FF9966;
text-decoration: none;
/** border-bottom: 1px solid #FF9966; **/
}
.rightleftnav .rightleftnav-block img {
	clear: left;
	float: left;
	margin-right: 4px;
	border-color: #FFFFFF;
}