/* ----- Style sheet for OASIS - LAWR Website ----- */

body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333333;
	background-color: #FFFFFF;
	background: url(../images/bg.jpg);	
	background-repeat: repeat-x;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 100%;
}


#page_content {
	width: 100%;
	min-width: 880px; 
	margin-bottom: 10px;
}

#skipnav {
	display: none;
}

	#page_content p {
		margin: 0 0 1em 0;
	}


	#page_content a {	
		text-decoration: underline;
		padding: 0;
		margin: 0;
	}
	
	#page_content a:link {
		color: #0099cc;
		text-decoration: none;
	}
	

	
/* --------------- Header section --------------- */
#header {
	margin-top: 0px auto;
	width: 100%;
	height: 170px;
	background-repeat: no-repeat;
    background-position: right;	
	overflow: hidden;
}

/*CSS hack to target older Gecko browsers (e.g., NS 7.1)*/
html * #header:not(:empty)
{
	overflow: auto;
}

		 #header #left {
			position: relative;
			float: left;
			width: 170px;
			padding: 0px 20px 0 40px;
		}

		#main #right {
			position: relative;
			margin: .1em 40px 0 220px;
			padding: 10px;
			font-family: Verdana;
			font-size: 12px;
		}

		#oasispage {	
			position: relative;
			text-align: right;
			padding: 40px 50px 0px 0px;
			font-size: 11px;
		}

/* --------------- Top Navigation section ---------------*/
	#navigation {	
		position: relative;
		text-align: center;
		padding: 4px 0 4px 0;
		overflow: hidden;
	}

	/*CSS hack to target older Gecko browsers (e.g., NS 7.1)*/
	html * #navigation:not(:empty)
	{
		overflow: hidden;
	}

		#navigation ul {
			padding: 2px;
			margin: 0px;
			width: 100%;
			font-size: .6em;
			white-space: nowrap;
		}
		
		#navigation ul li {
			display: inline;
			line-height: 1.7em;
			padding: 1em;
		}




/* -------------------- Main content section -------------------- */	
	#main {	
			width: 100%;
	}
	

	/* ---------- Left sidebar ---------- */

		 #main #left_sidebar {
			position: relative;
			float: left;
			width: 170px;
			padding: 20px 20px 0 40px;
		}
		
	/* ---------- Left sidebar list styles ---------- */
		 #main #left_sidebar ul {
			margin: 0;
			padding: 0;
			font-size: 12px;
			font-weight: bold;
			list-style-type: none;
		}
		
		 #main #left_sidebar ul li {
			margin: 0;
			padding: 2px;
			line-height: 13px;
		}


		
	/* This is a hack to correct line spacing problem in Windows Internet Explorer */
		* html  #main #left_sidebar ul li {
			padding-top: 0px;
			padding-bottom: 1px;
		}
		
		 #main #left_sidebar ul li a {
			position: relative;
			display: block;
			text-decoration: none;
/*			background-color: #003399;
			padding: 1px 5px 1px 5px;
			margin: 4px;*/
			color: #003366;
		}

	/* For when the item is both linked and current */
		 #main #left_sidebar ul li .t-here {
			background-color: #0066CC;
		}

	/* For when the item is both linked and current */
		 #main #left_sidebar ul li .here {
			color: #003366;
         	border: solid 1px #009966;
			background-color: transparent;
		}
		
	/* This is a hack to correct line spacing differences in Windows Internet Explorer */
		* html  #main #left_sidebar ul li a {
			padding-top: 1px;
			padding-bottom: 1px;
		}
		
		 #main #left_sidebar ul li a:hover {
			color: #003366;
/*			background-image: url(../images/boxes.jpg);*/
		}
		
	/* ----- Second level of list ----- */
		 #main #left_sidebar ul ul {
			margin: 0;
			padding: 1px;
			font-size: 0.9em;
			font-weight: normal;
		}
		
		 #main #left_sidebar ul ul li a {
			padding: 0.1em 0 0.1em 5px;
			margin: 3px 8px 0 7px;
			color: #003366;
			background-color: transparent;
		}
			
		 #main #left_sidebar ul ul li.nolink {
			padding: 0.1em 0 0.1em 5px;
			margin: 3px 8px 0 7px;
			background-color: transparent;
		}		
		
		 #main #left_sidebar ul ul li.here {
			padding-left: 14px;
		}
		
	/* This is a hack to correct line spacing differences in Windows Internet Explorer */
		* html  #main #left_sidebar ul ul li a, * html  #main #left_sidebar ul ul li.here {
			padding-top: 0;
			padding-bottom: 0;
		}


	/* ---------- Left sidebar Level 2 navigation styles ---------- */
	#main #left_sidebar #level2_nav {
		margin: 0;
		padding: 0;
	}
	

/* ------------------------- Right content ------------------------- */
		#main #right_content {
			position: relative;
			margin: .1em 40px 0 220px;
			padding: 10px;
			font-family: Verdana;
			font-size: 13px;
			line-height: 19px;
		}

		/* This is a hack to correct line spacing differences in Windows Internet Explorer */
		* html #main #right_content {
		
		}

		#main #right_content #announcement {
			margin: 10px 0px 10px 0px;
			padding: 5px 5px 5px 7px;
			display: block;
			font-size: 11px;
			border: 4px solid #3399FF; 
			color:#006699; 
			background-image: url(../images/boxes.jpg);
		}

		.featured {
			margin: 10px 0px 10px 0px;
			padding: 5px 10px 5px 10px;
			font-size: 18px;
			border: 2px solid #3399FF; 
			color:#006699; 
			background-image: url(../images/boxes.jpg);
		}

		#main #right_content #box {
			margin: 10px 0px 0px 0px;
			padding: 5px 5px 5px 5px;
			display: block;
			background-image: url(../images/boxes.jpg);
		}

		#main #right_content p {
		/*  font-size: 12px;  */
		}

		#right_content #image_right {
			position: relative;
			float: right;
			padding: 0 10px 0 10px;
		}

		#right_content #image_left {
			position: relative;
			float: left;
			padding: 0 10px 0 10px;
		}
		
		#main #right_content a {	
			text-decoration: none;
			color: #0099cc;;  
		}
	
		#main #right_content a:link {
			color: #0099cc;;
			text-decoration: underline;
		}
	
		#main #right_content a:visited {
			color: #0099cc;;
			text-decoration: underline;
		}
	
		#main #right_content a:hover {	
			text-decoration: underline;
			color: #0099cc;;
		}


		#main #right_content .title {
			color: #003366;
			font-size: 16px;
			font-weight: bold;
		}
		#main #right_content .title15 {
			color: #003366;
			font-size: 15px;
			font-weight: bold;
		}
		#main #right_content .download {
			color: #003366; 
			font-size: 9px;
		}
		#main #right_content .font9 {
			color: #000000; 
			font-size: 9px;
		}
		#main #right_content .font10 {
			color: #000000;  
			font-size: 10px;
		}
		#main #right_content .font11 {
			color: #000000;  
			font-size: 11px;
		}

		#main #right_content .font12 {
			color: #000000;  
			font-size: 12px;
		}
		#main #right_content .font12tall {
			color: #000000;  
			font-size: 12px;
			line-height: 18px;
		}
		#main #right_content .font13 {
			color: #006699;  
			font-size: 13px;
		}
		#main #right_content .font14 {
			color: #006699;  
			font-size: 14px;
			font-weight: bold;
		}

		#main #right_content .font24 {
			color: #006699;  
			font-size: 24px;
			font-weight: bold;
		}
		
		#main #right_content .red {
			color: #ff0000;  
		}		

		/* Download Links*/
		#main #right_content a.download:link, a.download:visited, a.download:hover, {
			font-family: Verdana;
			color: #666666;
		}


/* Random Styles */
		.text14title {	font-size: 14px; color: #003366; line-height: 22px;}



/* Printer Friendly Publications Search Display */
		.font12 {
			color: #000000;  
			font-size: 12px;
		}
		.title {
			color: #000000;
			font-size: 16px;
			font-weight: bold;
		}


/* Padding For Contact Forms */
			
		.form { 
			width:90%;
			BORDER: #336699 1px solid; 
			padding: 5px;
			color: #000000;  
			font-size: 11px;			
		}
			
		.form1 { 
			width:90%;
			BORDER-RIGHT: #336699 1px solid; 
			BORDER-LEFT: #336699 1px solid; 
			BORDER-BOTTOM: #336699 1px solid; 
			padding: 5px;
			color: #000000;  
			font-size: 11px;			
		}

		.form2 { 
			width:90%;
			BORDER-TOP: #336699 1px solid; 
			BORDER-RIGHT: #336699 1px solid; 
			BORDER-LEFT: #336699 1px solid; 
			BORDER-BOTTOM: #336699 1px solid; 
			padding: 5px;
			color: #000000;  
			font-size: 11px;			
		}

		.album
		{
			border: 1px dotted #494949;
			padding: 5px;
			margin: 8px;	
		}
			
/* --------------- Footer section --------------- */
		#footer {
    		margin: 0px auto;
			clear: left;	
			width: 100%;
			height: 66px;
			font-size: 70%;
			text-align: center;
			letter-spacing: 0.1em;
			background-position:  center; 	
		}

		#footer #nav, #footer #nav a {
			color: #0066cc;
			clear: both;
			padding-top: 30px;
			padding-bottom: 20px;
			font-size: 11px;
			text-decoration: none; 
		/*text-transform: uppercase; */	
		}


/* --------------- For clearing two column section - Clearfix Works--------------- */
	
	.clearfix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
/* --------------- Sorte Table --------------- */

.sort-table {
/*	font:		Icon;  */
	border:		1px Solid ThreeDShadow;
	background:	Window;
	color:		WindowText;
	font-size:  13px;
}

.sort-table thead {
	background:	ButtonFace;
}

.sort-table td {
	padding:	2px 5px;
}

.sort-table thead td {
	border:			1px solid;
	border-color:	ButtonHighlight ButtonShadow
					ButtonShadow ButtonHighlight;
	cursor:			default;
}

.sort-table thead td:active {
	border-color:	ButtonShadow ButtonHighlight
					ButtonHighlight ButtonShadow;
	padding:		3px 4px 1px 6px;
}

.sort-table thead td[_sortType=None]:active {
	border-color:	ButtonHighlight ButtonShadow
					ButtonShadow ButtonHighlight;
	padding:		2px 5px;
}

.sort-arrow {
	width:					11px;
	height:					11px;
	background-position:	center center;
	background-repeat:		no-repeat;
	margin:					0 2px;
}

.sort-arrow.descending {
	background-image:		url("../images/downsimple.png");

}

.sort-arrow.ascending {
	background-image:		url("../images/upsimple.png");
}