/* CSS for Page Layout */

body, p, h1, h2, h3, h4, h5, h6, ul, ol, li,
fieldset, form, input, button, table, tr, td, a {
  margin: 0;
  padding: 0;
}

img {
	border: 0;
}

h1 {
	padding-left: 1em;
	padding-right: 1em;
}

#bodyWrapper {
	width: 56.7em;
}

/*---------- START - Header Area page layout ----------*/
#headerArea {
	height: 240px;
}

	#logoArea {
		height: 58px;
	}
	
	#rotatingMastheadArea {
		height: 174px;
	}

#headerArea h1 {
	margin-left: -2000px;
}
/*---------- END - Header Area page layout ----------*/


#contentArea {
	height: auto;
}

	#mainNav {
		position: relative;
		float: left;
		width: 13.5em;
		padding-top: 1em;
		padding-bottom: 1em;
	}
	
	#mainNav li {
		list-style-type: none;
		padding: .25em 0 0 2em;
	}
		
	#mainContent {
		position: relative;
		float: right;
		width: 42.3em;
	}
	
		#importantLinks {
			float: left;
			width: 25em;
			padding-top: 1em;
			padding-bottom: 1em;
			height: auto;
		}
		
			#importantLinks li {
				list-style-type: none;
				padding: .75em .75em 0 2.75em;
			}
		
			a.archiveLink {
				padding-left: 3.25em;
			}
		
		#widgetWrapper {
			float: right;
			width: 16.30em; /*-- updated kh --*/
			padding-top: 1em;
			padding-bottom: 1em;
			height: auto;
		}
		
			.login-widget { /*-- new kh --*/
			background-image:url(/images/mycalstrs_login.gif);
			background-repeat:no-repeat;
			}
		
			.widget {
			
				
			}
						
			.widgetTitle {
				padding-top: .65em;
				height: 2.25em;
				text-align: center; /*-- new kh --*/
			}
			
			.myCalSTRSWidgetTitle { /*-- not sure we need anymore - check myCalSTRS Control page --*/
				padding-top: .15em;
				height: 2.85em;
			}
			
			.myCalSTRSWidgetTitle p { /*-- not sure we need anymore - check myCalSTRS Control page --*/
				padding: 0 0 0 1em;
			}
			
			.widgetTitle h1 { /*-- not sure we need anymore - check myCalSTRS Control page --*/
				padding-left: .65em;
				padding-right: .65em;
			}
			
			.widgetBody /*-- updated kh --*/
			{
				padding:1em;
			}

				.widgetBody table {
					margin: 0 0 0 0;
					padding: 0 0 0 0;
				}
				
				.widgetBody table td {
					padding: 0 .5em 0 .5em;
				}
				
				.widgetBody table input {
					margin: .5em 0 1.5em 0;
				}
								
				.widgetBody p {
					margin: 0 0 0 0;
					padding: .25em .25em .25em .25em;
				}
				
				.widgetFields {
					clear: both;
				}
				
	
	#footerArea {
		clear: both;
	}
	
		#footerNav {
			text-align: center;
		}
		
		#footerNav #navWrapper {
			width: 32em;
			margin: 0 auto;
		}
		
		#footerNav #clearNavWrapper {
			clear: both;
		}
			
		#footerNav a {
			float: left;
			padding: .5em .5em .5em .5em;
		}

		#footerNav ul {
			float: right;
		}
		
		#footerNav li  {
			list-style-type: none;
			float: left;
		}
		
		#footerNav .listItemSpacer {
			/*width: 100%;*/
		}

		#copyright {
			padding-top: .5em;
			padding-bottom: .5em;
			clear: both;
		}