@charset "utf-8";
/* Layout CSS Document */

.headingcontainer {
	width:100%;
	height:60px;
	
	background:#000;
	color:#FFFFFF;
	
	position:fixed;
	
	z-index:1001;
}
.header{
	width: 85%;
	max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
	min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */	
	padding: 0;
}

/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
	width: 100%;
	background:transparent url(../img/feat-shadow.jpg);
	background-repeat:repeat-x;
	padding-top:70px;
}
.content{
	
	width:85%;
	max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
	min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
	
	min-height:447px;
	height:100%;
	
	overflow:visible;
	
	margin:0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */

	background:transparent left no-repeat url(../img/world11.png);
	padding:0;
	
	color:#0000;
	border:0; /* thin solid #030303;*/
}
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}
.leftcontent {
	padding: 1%;
	width:70%;
	
	min-height:500px;
	height:100%;
	overflow:visible;
	
	text-align:justify;
	 
	float:left;
	
	background-color:#FFF;
			
	-webkit-border-radius: 2%;
	-moz-border-radius: 2%;
	border-radius: 2%;

	-webkit-box-shadow: #B3B3B3 5px 5px 5px;
	-moz-box-shadow: #B3B3B3 5px 5px 5px; 
	box-shadow: #B3B3B3 5px 5px 5px;
}
.rightcontent {
	margin-left:0.5%;
	padding: 1%;
	width:25%;
	
	min-height:500px;
	height:100%;
	overflow:visible;
	
	float:left;
	
	background-color:#E5F2FB;
	
	-webkit-border-radius: 2%;
	-moz-border-radius: 2%;
	border-radius: 2%;
}
.tabbed_content{
	width:100%;
	padding:0;
	margin:0;
	overflow:auto;
}
.tabbed_leftcontent{
	width:73%;
	padding:1%;
	margin:0;
	height:500px;
	overflow:visible;
	float:left;
	text-align:justify;
	background-color:#FFF;
}
.tabbed_rightcontent{
	width:23%;
	padding:1%;
	margin:0;
	height:500px;
	overflow:visible;
	float:left;
	background-color:#E5F2FB;
}
.status{
	width:100%;
	max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
	min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */

	height:113px;
	
	margin:0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */

	background-color:transparent;
	padding:0;
	
	color:#0080C0;
	border:0; /* thin solid #030303;*/
}
.footer{
	background-color:transparent;
	padding: 10px 0;
	height:30px;
	text-align:center;
	color:#0080C0;
}