/*---sunstyle_1 Version 10 July 2009 ---*/
/*---Used on wd_calc.htm---*/

a:link		{color:#0000c0; text-decoration:none;}
a:visited	{color:#0000c0; text-decoration:none;}
a:active	{color:#0000c0; text-decoration:none;}
a:hover		{color:#ff0000; text-decoration:underline;}

body		{
		font-family: Verdana, Geneva, Arial, sans-serif;
		font-size: medium;
		margin: 0px;
		background: #ffd700;
}

h2		{
		color: blue;
		text-align: center;
		text-decoration: underline;
}

#allcontent	{
		width: 900px;
		padding: 0px;
		margin-left: auto;
		margin-right: auto;
		background: white;
}

#logo		{
		padding: 2px;
		font-family: arial;
		font-weight: bold;
		font-size: 150%;
		color: white;
		background: blue;
}


.yellow		{
		color: yellow;
}

#title		{
		
		padding: 2px;		
		font-family: arial;
		font-weight: bold;
		font-size: 110%; 
		color: blue;
		text-align: center;
		background: yellow;
}

#menu_bar	{
		padding: 2px 2px 2px 10px;
		font-size: 60%;
		text-align: left;
}

#left_col	{
		width: 564px;
		padding: 0px 0px 0px 10px;
		margin: 0px;
		float: left;
}

#right_col	{
		width: 286px;
		padding: 0px 10px 10px 15px;
		font-size: 80%;
		margin: 0px 0px 0px 0px;
		border-left: thin solid #f2e9e6;
		float: right;

}

#footer		{
		text-align: center;
		padding: 15px;
		font-size: 80%;
		border-top: thin solid black;
		clear: both;
}

/*---.picture contains img .pic_left and text..img overflows through bottom of div....overflow: hidden (or auto) and width 100%for older browsers corrects this---*/
.sub_left_col	{
		font-size: 90%;
		padding: 10px 0px 10px 0px;
	/*	clear: left; may be used instead of overflow:hidden */
		width: 100%;
		overflow: hidden;
}

.pic_left	{
		margin: 0px 10px 0px 0px;
		border: thin solid black;
		float: left;
}

.pic_leftnb	{
		margin: 0px 10px 10px 0px;
		float: left;
}

.quick_start	{
		font-size: 110%;
		padding: 10px 10px 10px 10px;
		background-color: #f2e9e6;
		line-height: 140%;
}

.bold		{
		font-weight: bold;
}

.bold_hl	{
		font-weight: bold;
		background-color: yellow;
}

/*---all below belongs to the form table---*/
table		{
		background-color: #87cefa;
		border-bottom: 2px solid silver;
		border-collapse: collapse;
}

td		{
		width: 270px;
		border: thin solid #f2e9e6;
		padding: 5px;
}
.input		{
		font-size: 100%;
}

.output		{
		background-color: #ffffb0;
		font-size: 100%;
}

.output_altaz	{
		background-color: #ffffe0;
		font-size: 90%;
}

.info		{
		background-color: #f2e9e6;
		font-size: 80%;
}

.form_title	{
		width: 561px;
		font-weight: bold;
		text-align: center;
		background-color: silver;
}
