body {
	background-color: #CCCCCC;
	background: url(../images/layout/background1.gif) repeat-x fixed;
  	font-family: "Times New Roman", Times, serif;
	 padding: 0 400px; 
	 /*margin-left: 5%;
	 margin-right: 5%;
	 min-width: 760px;*/
	 font-size: 100.01%;
	 
}
.container {
background:#003;
color:#fff;
/*margin: 0 10px; */
}
.rtop {
display:block;
background:#69C;
}
.rbottom{
display:block;
background:#CCC;
}
.rtop *, .rbottom *{
display: block;
height: 1px;
overflow: hidden;
background:#003;
}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

#sizer {
	margin: 0 auto; /* centers #sizer in standard browsers */
  	padding: 0;
  	width: 50%; /* this value controls liquidity; 0% = full rigid, 100% = full liquid */
  	text-align: left; /* resets the default text alignment for the page */
	max-width: 1200px;
	
	}
	
#stretcher {
	/* Any % height here causes IE to lose the neg right margin */
	margin: 0 -400px; /* neg side margin values should be < or = to side body padding */
	min-width: 760px; /* This prevents Safari from losing the negative margins in narrow windows */ 
	position: relative; /* makes #expander visible outside #sizer in IEwin */
	min-height: 1px; /* 1px -- This harmless declaration gives Layout to IE7, which can't read the Holly hack below */
	background-color: #003;
}
/*\*/
* html #stretcher {height: 0;} 
/* #expander must have "height: 0" in IEwin bug fixing */

#wrapper1 {
	position: relative;
	background: #003 repeat-y left top; /* this BG handles the left column */
  	font-size: 14px; /* set global font-size here */ 
  	/*border: 10px solid #003;*/
} /* this positioning may be needed for IEwin if page is to contain positioned elements */

#wrapper2 {  
  position: relative; /* extra insurance against bugs in IEwin */
  background: #003 repeat-y right top; /* this BG handles the right column */
}


#main {
	background: #FFFFFF;
	/*border-left: 10px solid #003; 
	border-right: 10px solid #003; */
	/*margin-left: 190px;
	margin-right: 190px; */
	/*margin-top: 10px; */
	padding: 10px;
	/*top: 10px;
	bottom: 10px; */
	min-height: 600px;
	}

#main_wide {
	background: #FFFFFF;
	/*border-left: 10px solid #003; 
	border-right: 10px solid #003; */
	/*margin-left: 190px;
	margin-right: 5px;
	margin-top: 10px; */
	padding: 10px;
	/*top: 10px;
	bottom: 10px; */
	min-height: 640px;
	}
	
	
	
.maincontainer {
/*position: absolute; */
background: #FFF;
color:#000;
margin-left: 200px;
margin-right: 200px;
margin-top: 4px;
text-align: center;
}
.maincontainer_cal {
background: #FFF;
color:#000;
margin-left: 10px;
margin-right: 10px;
margin-top: 4px;
text-align: center;
}
.maincontainer_ex {
/*position: absolute; */
background: #FFF;
color:#000;
margin-left: 200px;
margin-right: 10px;
margin-top: 4px;
text-align: center;
}
.main_rtop {
display:block;
background: #003;
}
.main_rbottom{
display:block;
background: #003;
}
.main_rtop *, .main_rbottom *{
display: block;
height: 1px;
overflow: hidden;
background:#fff;
}

.main_r1{margin: 0 5px}
.main_r2{margin: 0 3px}
.main_r3{margin: 0 2px}
.main_r4{margin: 0 1px; height: 2px}

#content {
	/*border: 4px groove; */
	}




#banner {
	height: 140px;              /* adjusted for PUMC */
	background-color: #000033;  /* added for PUMC */
	}
	
#banner_left {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 1;
	}
	
#banner_right {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 2;
	}
	
#banner_title {
	position: absolute;
	top: 8px;
	z-index: 3;
	}
	
		

#wrapper {
 clear: both;
 position: relative;
 background: #000033; 
 font: "Times New Roman", Times, serif;
 color: #FFFFCC;
 /*border: 4px groove;*/
 /*min-height: 760px; */
 bottom: 5px;
 }
	
#left_col {
	float: left;
	width: 180px;
	background: #000033;
	position: absolute;
	top: 10px;
	left: 10px;
	bottom: 10px;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
}
* html #left_col {
	width: 180px;
	w/idth: 179px;
	margin-left: -220px;
	display: inline;

	}

#right_col {
	width: 180px;
	background: #000033;
	position: absolute;
	top: 4px;
	right: 10px;
	bottom: 10px;
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px; 
	font-size: 11px;
}

* html #right_col {
	display: inline;
	}

.rtcontainer {
background: #6699CC;
color:#000;
margin-left: 5px;
margin-right: 5px;
margin-top: 4px;
top: 2px;
}
.rtcol_rtop {
display:block;
background: #003;
}
.rtcol_rbottom{
display:block;
background: #003;
}
.rtcol_rtop *, .rtcol_rbottom *{
display: block;
height: 1px;
overflow: hidden;
background:#6699CC;
}

.rtcol_r1{margin: 0 5px}
.rtcol_r2{margin: 0 3px}
.rtcol_r3{margin: 0 2px}
.rtcol_r4{margin: 0 1px; height: 2px}


#footer {
	height: 20px;
	background-color: #003;
	color: #CCC;
	font-size: 11px;
	text-align: center;
	}
	
#navzone {
 	margin-left: 2px;
	margin-right: 2px;
	padding-left: 2px;
	padding-right: 2px;
	height: 30px;
	background-color: #CCCCCC;
	color: #000033;
	border-bottom: 2px solid #000033;
	}
 ul.navbar a {
		margin-right: 0;
		padding-top: 2px;
		padding-bottom: 2px;
		text-align: center;
		text-decoration: none;
		color: #003;
		font-size: 14px;
		font-weight: bold;
		text-transform: none;
		font-variant: normal;
	}
	ul.navbar a:hover {
		color: #6699CC;
		font-weight: bold;
	}
	ul.navbar li {
		list-style: none;
		float: right;
		text-align: right;
		padding-top: 4px;
		padding-left: 12px;
		padding-right: 12px;
		padding-bottom: 2px;
		}	
		
		/* Vertical Navigation Along Left Side Column */
	ul.navcol { 
		margin-top: 15px;
		margin-bottom: 10px;
		margin-left: 2px;
		padding-left: 2px;
		padding-right: 2px;
		padding-top: 2px;
		padding-bottom: 1px;
		list-style-type: none; 
		text-align: left;
	}
	
	ul.navcol a {
		width: 110px;
		text-decoration: none;
		color: #FFF;
		font-size: 14px;
		font-weight: bold;
		text-transform: none;
		font-variant: normal;
		display: block;
		padding: 2px;
		/*border: 2px solid #900; */
	}
	ul.navcol a:hover {
		color: #6699CC;
		display: block;
		font-weight: bold;
		padding: 2px;
	}
	
	ul.navcol li {
		list-style: none; 
		padding-top: 6px;
		padding-left: 4px;
		padding-bottom: 4px;
		text-align: left;
		/*background: #333333; */
		}
.image_left_title {
		float: left;
		padding: 2px 10px;
		margin-right: 10px;
}	
.image_left {
		float: left;
		padding: 10px 8px;
		margin-right: 10px;
}
.image_centered{
		text-align: center;
		padding: 10px 8px;
		margin-right: 10px;
}

.image_right {
		float: right;
		padding-left: 10px;
}