/* CSS Document */
/*beginning of centering info for div#container*/
body {
  background-color: #c8eac4;
  text-align: center;
  /* Specify a min-width for the body as wide as the 'wrapper'
     element itself. This prevents negative (i.e. inaccessible)
     left-margins in narrow browser windows when using 
     Navigator 6+/Mozilla on Win32: */
  min-width: 1024;
}


div#container {
position:relative;
	height: 1000px;
	background-color: #f9f9c5;
	/* Reset alignment to compensate for 'text-align:center': */
  text-align: left;
	/* Specify the width of the element. This should be the same
     as 'body min-width': */
  width: 900px;
	/* Set left and right margins to auto, thus centering the 
     element in the containing (body) tag: */
  margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	border-top: thick none #000000;
	border-right: 4px outset #eeeeee;
	border-bottom: 4px outset #eeeeee;
	border-left: 2px solid #000000;
}

div#container2 {
position:relative;
	height: 1000px;
	background-color: #f9f9c5;
	/* Reset alignment to compensate for 'text-align:center': */
  text-align: left;
	/* Specify the width of the element. This should be the same
     as 'body min-width': */
  width: 900px;
	/* Set left and right margins to auto, thus centering the 
     element in the containing (body) tag: */
  margin-left: auto;
	margin-right: auto;
	overflow:hidden;
	border-top: thick none #000000;
	border-right: 4px outset #eeeeee;
	border-bottom: 4px outset #eeeeee;
	border-left: 2px solid #000000;
}
/*end of centering info for div#container*/

*{
	padding: 0px;
	margin: 0px;
	
}

h5{
font-size: 14;
text-align: justify;
}

h2 {margin-left: 20px;}

.header {
	background-image: url(Images/backgroundheader.gif);
	background-repeat: repeat-x;
	position: absolute;
	top: 1px;
	Height: 108px;
	width: 1022;
	z-index: 2;
}

.leftinfo {
	position: absolute;
	top: 109px;
	left: 2px;
	height: 660px;
	width: 110px;
	z-index: 2;
	border: 2px solid #000000;
}


td {
	font: bold medium Arial, Helvetica, sans-serif;
	color: #000000;
}
.logoannimation {
	height: 201px;
	width: 300px;
	overflow: visible;
	position: absolute;
	z-index: 2;
	left: 69px;
	top: 25px;
	right: auto;
	bottom: auto;
	border-color: #000000;
	background: url(Images/SunLogoAnimation.gif) no-repeat center center;
}
.Mastheadtype {
	height: 110px;
	width: 432px;
	left: 60px;
	top: 35px;
	position: relative;
	right: auto;
	bottom: auto;
	
}
.greenbutton {
	background: url(Images/greenbutton.gif) repeat-x;
	text-align: center;
}
.yellowbutton {
	background: url(Images/yellowbutton.gif) repeat-x center;
	text-align: center;
}

.yellowbutton a:link, .greenbutton a:link { 
	text-decoration: none; color:#003300; 
}	
.yellowbutton a:visited, .greenbutton a:visited {
	text-decoration: none;
	color: #FF9900;
}
.yellowbutton a:hover, .greenbutton a:hover {
text-decoration: none; color: #CC9900;
}
.yellowbutton a:active, .greenbutton a:active { 
	text-decoration: none; color: #66FF66;
}
#textbox {
padding: 10px;
vertical-align:top;
}

img.textphoto{
	padding: 10px;
}
.photobottom {
	padding-bottom: 10px;
}

.textStyle p{
	font-family:"Times New Roman", Times, serif;
	/*	font-family:Arial, Helvetica, sans-serif;*/
	background-color:"#f9f9c5";
	font-weight: normal;
	line-height: 150%;
	text-indent: 20pt;
	font-size: 14px;
	font-style: normal;
	padding-right: 30px;
	padding-left: 20px;
}

#container #textbox .textphoto {
	font: medium Arial, Helvetica, sans-serif;
	padding: 10px;
	float: left;
	height: auto;
	width: 220px;
}