* { margin:0; padding:0;}
body { background:#daebf1; font-size:100%; line-height:1em;}
.bg { background:url(images/bg_bottom.jpg) left bottom repeat-x;}



/*in_line*/
img {border:0; vertical-align:top;}

a:hover{text-decoration:none;}
a {color:#e3990e;}

.clear { clear:both;}
.alignright { text-align:right;}
.fright { float:right; margin-left:5px;}

ul { margin:0px; padding:0; list-style:none;}
li { background:url(images/z_ul.gif) left 4px no-repeat; padding-left:22px; line-height:1.833em;}
li a { color:#e3990e; text-decoration:none; font-weight:bold;}
li a:hover {color:#e3990e; text-decoration:underline;}




/*txt, links*/

h1 { background:url(images/sun-logo-1.gif) left top no-repeat; width:210px; height:63px; text-indent:-10000px; font-size:1em;}
h3 { font-size:1em; margin-bottom:4px;}


/*header*/
#header .logo { padding:47px 0px 24px 0px; float:left; border: 0px red solid;}
#header .menu { padding-top:20px; border: 0px red solid; float:right;}

#header .pic { margin:0 10px 0 10px;}
#header .pic1 { margin-top:-31px;}
#header .pic2 { margin-left:33px;}

/*content*/
#content { font-family:Arial; font-size:0.75em; color:#64868f; line-height:1.333em;}
#content .indent { padding:0 31px 33px 33px;}
#content .pic { float:left; margin:0 21px 0 0;}
#content .title { margin-bottom:10px;}
#content span { font-weight:bold; color:#e3990e;}
#content p { padding-bottom:20px;}

/*footer*/
#footer { font-family:Arial; font-size:0.6875em; color:#64868f; font-weight:bold; text-align:right;}
#footer a { color:#64868f; font-weight:bold; text-decoration:none;}
#footer a:hover { text-decoration:underline;}
#footer .txt { padding:15px 36px 0 0;}


/*================== index.html ==================*/
#page1 #content .block1 p { padding:10px 0 0 0; text-align:center; color:#155f78;}
#page1 #content .block p { padding-bottom:10px;;}
#page1 #content .col_1 .pic1 { margin:0 4px 0 4px;}
#page1 #content .col_2 .pic1 { margin:-20px 0 0 0; float:right;}
#page1 #content i { font-weight:bold; display:block;}
#page1 #content ul { margin-bottom:7px;}
#page1 #content .block1 .cone_left_bottom { padding:26px 16px 28px 26px;}

/*================== index-1.html ==================*/
#page2 #content .pic { float:left; margin:0 21px 22px 0;}
#page2 #content ul { margin:0 0 13px 10px;}
#page2 #content .block2 p { padding-bottom:10px;}

/*================== index-2.html ==================*/
#page3 #content .block1 { width:294px;}
#page3 #content ul { margin-bottom:13px;}
#page3 #content .pic { float:left; margin:0 21px 14px 0;}

/*================== index-3.html ==================*/
#page4 #content .column1 { width:210px;}
#page4 #content .column2 { width:159px;}
#page4 #content .div { height:33px;}
#page4 #content .div1 { height:195px;}

/*================== index-4.html ==================*/
#contact #content .block1 { width:715px; margin-left:33px;}
#contact #content .block1 .cone_left_bottom { padding-right:25px;} 



/*==================list====================*/
.block { background:#fff; width:414px; margin-bottom:17px;}
.block .top { background:url(images/top_line.gif) left top repeat-x;}
.block .right { background:url(images/right_line.gif) right top repeat-y;}
.block .bottom { background:url(images/bottom_line.gif) left bottom repeat-x;}
.block .left { background:url(images/left_line.gif) left top repeat-y;}
.block .cone_left_top { background:url(images/cone_left_top.gif) left top no-repeat;}
.block .cone_right_top { background:url(images/cone_right_top.gif) right top no-repeat;}
.block .cone_right_bottom { background:url(images/cone_right_bottom.gif) right bottom no-repeat;}
.block .cone_left_bottom { background:url(images/cone_left_bottom.gif) left bottom no-repeat; padding:20px 16px 26px 22px;}


.block1 { background:#fff; width:293px; margin-bottom:17px;}
.block1 .top { background:url(images/line_top1.gif) left top repeat-x;}
.block1 .right { background:url(images/right_line1.gif) right top repeat-y;}
.block1 .bottom { background:url(images/bottom_line1.gif) left bottom repeat-x;}
.block1 .left { background:url(images/left_line1.gif) left top repeat-y;}
.block1 .cone_left_top { background:url(images/cone_left_top1.gif) left top no-repeat;}
.block1 .cone_left_top1 { background:url(images/cone_left_top3.gif) left top no-repeat;}
.block1 .cone_right_top { background:url(images/cone_right_top1.gif) right top no-repeat;}
.block1 .cone_right_bottom { background:url(images/cone_right_bottom1.gif) right bottom no-repeat;}
.block1 .cone_left_bottom { background:url(images/cone_left_bottom1.gif) left bottom no-repeat; padding:20px 16px 17px 16px;}


.block2  { background:url(images/bgd_block2.gif) left top repeat-x #fff; width:289px;}
.block2 .cone_left_top { background:url(images/cone_left_top2.gif) left top no-repeat;}
.block2 .cone_right_top { background:url(images/cone_right_top2.gif) right top no-repeat; padding:24px 20px 10px 26px;}

/*==========================================*/

.input {color:#64868f;		 
		height:20px;
		width:176px;
		background:#fff;
		border:solid 1px #E8E8E8;
		font-size:1em;
		font-family:Verdana;
		padding-left:2px;
}

.input1 {color:#64868f;		 
		height:20px;
		width:276px;
		background:#fff;
		border:solid 1px #E8E8E8;
		font-size:1em;
		font-family:Verdana;
		padding-left:2px;
}

textarea {background:#fff;
			color:#64868f;
			border:solid 1px #E8E8E8;
			width:350px;
			height:150px;
			overflow:auto;
			font-family:Verdana; 
			font-size:1em;
			padding-left:2px;
}

textarea1 {background:#fff;
			color:#64868f;
			border:solid 1px #E8E8E8;
			width:2000px;
			height:75px;
			overflow:auto;
			font-family:Verdana; 
			font-size:1em;
			padding-left:2px;
}
.secu {color:#64868f;		 
		height:20px;
		width:75px;
		background:#fff;
		border:solid 1px #E8E8E8;
		font-size:1em;
		font-family:Verdana;
		padding-left:2px;
}
.but_submit {width: 70px; 
			height: 25px; 
			font-family: Verdana; 
			font-size: 8pt; 
			color: #06728F; 
			border: 0px solid #FFFFFF; 
			padding: 1; 
			font-weight:bold; 
			background-color:#F9BC3C;
}
.but_reset {width: 70px; 
			height: 25px; 
			font-family: Verdana; 
			font-size: 8pt; 
			color: #06728F; 
			border: 0px solid #FFFFFF; 
			padding: 1; 
			font-weight:bold; 
			background-color:#E8E8E8;
}







.slideshow{ /*CSS for DIV containing each image*/
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.slideshow img{ /*CSS for each image tag*/
border: 0;
width: 215px;
height: 170px;
}

#navlinks{ /*CSS for DIV containing the navigational links*/
width: 400px;
}

#navlinks a{ /*CSS for each navigational link*/
margin-right: 8px;
margin-bottom: 3px;
font-size: 110%;
}

#navlinks a.current{ /*CSS for currently selected navigational link*/
background-color: grey;
}





div.banner {
  margin: 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
  position: fixed;
  top: 280px;
  left: auto;
  width: 9.5em;
  left: 4px;
}
div.banner p {
  margin: 0; 
  padding: 2px;
  font-family: Verdana;
  background: #900;
  border: thin outset #900;
  color: white;
}

div.banner a, div.banner em { display: block; margin: 0 0.5em }
div.banner a, div.banner em { border-top: 2px groove #900 }
div.banner a:first-child { border-top: none }
div.banner em { color: #CFC }

div.banner a:link { text-decoration: none; color: white }
div.banner a:visited { text-decoration: none; color: #CCC }
div.banner a:hover { background: black; color: white }