@charset "UTF-8";
/* CSS Document */
/* 
----------------------------------------------
STYLE SHEET FOR SCHOOL AND UNIT LEVEL PAGES - one style sheet only no alternate style sheets used for IE6&7 as Dreamweaver templates don't understand conditional comments in the head of a html document and no real need for it anyhoo. THIS STYLE SHEET HAS BEEN TESTED FOR IE6, IE7, FIREFOX PC, GOOGLE CHROME PC, FIREFOX MAC AND SAFARI MAC.
----------------------------------------------
*/

/* 
----------------------------------------------
BODY & WRAPPER STYLES BEGIN
----------------------------------------------
*/
body  {
		font: 85%/1.3 arial, helvetica, sans-serif;
		background:#c1c1c1 url(../images/bg_gradient.jpg) top repeat-x;
		margin: 0; 
		padding: 0;
		text-align: center; 
		color: #373737;
		}
		
#skipnav a
		{
	   position: absolute;
	   left: -9000px;
	   z-index: 2;
	   margin: 0;
	   padding: 0;
		}

#skipnav a:active, #skipnav a:focus, #skipnav a:hover
		{
	   display: inline;
	   top: 5px;
	   left: 5px;
	   padding: 1px 5px 2px;
	   color: #fff;
	   background: #000;
		}



/* OVERIDING LINKS STYLES */		
.twoCol a:link, a {
		color: #0066FF;
		}

.twoCol a:hover {
		color: #0033CC;
		}

.twoCol a:visited {
		color: #0099FF;
		}		
		
/* wrapper holds all other divs*/
.twoCol #wrapper { 
		margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
		text-align: left; /* this overrides the text-align: center on the body element. */
		width:1010px;
		background-color:#FFF;
		}
		
/* 
----------------------------------------------
BODY & WRAPPER STYLES END
----------------------------------------------
*/
/* 
----------------------------------------------
HEADER STYLES START
----------------------------------------------
*/
	
/* header holds some introductory  navigation and links into the staff and student intranets */
.twoCol #header {  
		padding: 0 0 0 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
		background-color:#373737;
		float:left;
		width:1000px;
		} 


.twoCol #header img.logo {  
		float:left;
		margin:0;
		padding:0;
		border:none;
		} 

.twoCol #header a.logo_link{
		outline:none;
		}


.twoCol #header h1 {
		margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
		padding: 0 0 5px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
		font-family: Arial, Helvetica, sans-serif;
		}


.twoCol #header ul.header_links {
		margin:0;
		padding:0;
		list-style:none;
		background-color: #373737;
		float:left;
		color:#FFFFFF;
		position:relative;
		top:10px;
		left:50px;
		}

.twoCol #header ul.header_links li {
		display:inline;
		font-size: 80%;
		text-align: center;
		color: #fff;
		text-decoration: none;
		}
		
.twoCol #header ul.header_links li a:link, ul.header_links li a:visited {
		padding:0 5px 0 5px;
		color: #fff;
		text-decoration: none;
		}

.twoCol #header ul.header_links li a:hover, .twoCol #header ul.header_links li a:active {
		color: #fff;
		text-decoration: underline;
		}

.twoCol #header ul.gateway_links {
		margin:0;
		padding:0;
		float:right;
		text-align:right;
		width:520px;
		}

.twoCol #header ul.gateway_links li {
		margin:0;
		padding: 0;
		display: inline;
		font-size:1em;
		}

.twoCol #header ul.gateway_links li a:link, #header ul.gateway_links li a:visited {
		float:right;
		display:block;
		margin:0;
		padding:0;
		padding-top:10px;
		background-color:#1a1a1a;
		text-decoration: none;
		color:#FFFFFF;
		width:90px;
		text-align:center;
		overflow:hidden;
		outline:none;
		height:29px;
		}


.twoCol #header ul.gateway_links li a.large:link, #header ul.gateway_links li a.large:visited {
		float:right;
		display:block;
		margin:0;
		padding:0;
		padding-top:10px;
		background-color:#1a1a1a;
		text-decoration: none;
		color:#FFFFFF;
		width:200px;
		text-align:center;
		overflow:hidden;
		outline:none;
		height:29px;
		}

.twoCol #header ul.gateway_links li a.med:link, #header ul.gateway_links li a.med:visited {
		float:right;
		display:block;
		margin:0;
		padding:0;
		padding-top:10px;
		background-color:#1a1a1a;
		text-decoration: none;
		color:#FFFFFF;
		width:140px;
		text-align:center;
		overflow:hidden;
		outline:none;
		height:29px;
		}




.twoCol #header ul.gateway_links li a:hover, .twoCol #header ul.gateway_links li a:active, .twoCol #header ul.gateway_links li a.large:hover, .twoCol #header ul.gateway_links li a.large:active, .twoCol #header ul.gateway_links li a.med:hover, .twoCol #header ul.gateway_links li a.med:active  { 
		background-color:#2d2d2d;
		text-decoration: none; 
		}
		
		/* 
----------------------------------------------
HEADER STYLES END
----------------------------------------------
*/

/* 
----------------------------------------------
SIDEBAR - THIS DIV HOLDS ALL THE LEFT NAVIGATION DIVS BOTH THE CORPORATE TOP LEVEL NAV AND THE SCHOOL AND UNIT LEVEL NAVIGATION. THIS IS SPLIT INTO CONTAINER 1 (CORPORATE NAV) AND CONTAINER 2 (SCHOOL UNIT LEVEL)
----------------------------------------------
*/
.twoCol #sidebar1 {
		float: left; /* since this element is floated, a width must be given */
		width: 230px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
		background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
		padding: 5px;
		}

/* CORPORATE LEVEL NAVIGATION - THE LAST LIST ITEM IN THIS NAV LIST NEEDS TO HAVE THE LAST CLASS APPLIED TO IT SO NO BORDER IS APPLIED TO THE LAST LIST ITEM */
.twoCol #sidebar1 #left_nav_container1{
		margin: 0 0 5px 0;
		padding: 0;
		width:233px;
		background: #fff url(../images/side_nav_bottom.gif) bottom no-repeat;
		}

.twoCol #sidebar1 #left_nav_container1 h2{
		padding: 10px 0 10px 5px;
		margin:0;
		background:#FFFFFF url(../images/sidar_corp_top.gif) top no-repeat;
		display:block;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.95em;
		font-weight: lighter;
		color:#fff;
		}

.twoCol #sidebar1 #left_nav_container1 ul{
		margin:0;
		padding:0 5px 0 5px;
		}

.twoCol #sidebar1 #left_nav_container1 ul li{
		margin:0;
		padding:5px 0 5px 5px;
		border-bottom:#373737 1px dotted;
		list-style:none;
		}

.twoCol #sidebar1 #left_nav_container1 li.last{
		border-bottom:none;
		padding-bottom:10px;
		}

.twoCol #sidebar1 #left_nav_container1 a{
		display: block;
		color:#373737;
		margin:0 1px 0 0;
		padding:0;
		background-color: #fff;
		text-decoration: none;
		}

.twoCol #sidebar1 #left_nav_container1 a:hover{
		background-color:#fff;
		color: #999999;
		}

.twoCol #sidebar1 #left_nav_container1 a.apply{
		display: block;
		color:#373737;
		margin:0 1px 0 0;
		padding:5px 0 10px 20px;
		background:#FFFFFF url(../images/apply2.jpg) top left no-repeat;
		text-decoration: none;
		font-size: 1.4em;
		}

.twoCol #sidebar1 #left_nav_container1 a.apply:hover{
		color:#999999;
		}

/* SCHOOL UNIT LEVEL NAVIGATION - THE LAST LIST ITEM IN THIS NAV LIST NEEDS TO HAVE THE LAST CLASS APPLIED TO IT SO NO BORDER IS APPLIED TO THE LAST LIST ITEM */
.twoCol #sidebar1 #left_nav_container2{
		background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
		margin: 0 0 5px 0;
		padding: 0;
		width:233px;
		background: #fff url(../images/side_nav_bottom.gif) bottom no-repeat;
		}

.twoCol #sidebar1 #left_nav_container2 h2{
		padding: 10px 0 10px 5px;
		margin:0;
		background:#FFFFFF url(../images/side_nav_top.gif) top no-repeat;
		display:block;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.95em;
		font-weight: lighter;
		color:#fff;
		}

.twoCol #sidebar1 #left_nav_container2 ul{
		margin:0;
		padding:0 5px 0 5px;
		}

.twoCol #sidebar1 #left_nav_container2 li{
		margin:0;
		padding:5px 0 5px 5px;
		border-bottom:#373737 1px dotted;
		list-style:none;
		}

.twoCol #sidebar1 #left_nav_container2 li.last{
		padding: 5px 5px 10px 5px;
		border-bottom:none;
		}

.twoCol #sidebar1 #left_nav_container2 a{
		display: block;
		color:#373737;
		margin:0 1px 0 0;
		padding:0;
		background-color: #fff;
		text-decoration: none;
		}

.twoCol #sidebar1 #left_nav_container2 a:hover{
		background-color:#fff;
		color: #999999;
		}
		
/*nested nav list styles*/

.twoCol #sidebar1 #left_nav_container1 ul li ul li{
margin:0 0 0 10px;
padding:5px 0 0 0;
border:none;
list-style: url(../images/arrow_solid.gif);
font-weight:100;

}

.twoCol #sidebar1 #left_nav_container2 ul li ul li{
margin:0 0 0 10px;
padding:5px 0 0 0;
border:none;
list-style: url(../images/arrow_solid.gif);
font-weight:100;

}


		
.twoCol h3 {
		padding: 5px 0 5px 10px;
		margin:0;
		color:#373737;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.3em;
		font-weight: lighter;
		}
		
.twoCol p {
		padding: 5px 10px 5px 10px;
		margin:0;
		color:#373737;
		font-size: 0.9em;
		font-weight: lighter;
		}
	

/* 
----------------------------------------------
SIDEBAR - END
----------------------------------------------
*/

/* 
----------------------------------------------
INFO CONTAINER BEGINS (THIS IS  BASICALLY THE CONTAINER THAT HOLDS BOTH THE BANNER AND THE MAIN CONTENT DIVS)
----------------------------------------------
*/

/* THE INFO CONTAINER HOLDS ALL THE DIVS FOR THE MAIN CONTENT PORTION OF THE WEBPAGE */
.twoCol #info_container { 
		margin:0;
		padding:0;
		background-color: #fff;
		float:right;
		width: 765px;
		}

/* THE BANNER HOLDS THE UNSW@ADFA LOGO THE SEARCH AND FEEDBACK LINKS, THE TITLE OF THE SCHOOL OR UNIT AND THE BREADCRUMBS */
.twoCol #banner {
	margin: 0;
	padding: 0 10px 0 10px;
	background: #fff url(../images/banner.jpg) top no-repeat;
	float:right;
	width: 745px;
	position: relative;
		} 
		
.twoCol #banner img#print_only { 
		position: absolute;
		top: 0;
		left: -9000px;
		}		

.twoCol #banner img { 
		margin:0;
		padding:10px 10px 0 10px;
		border:none;
		}

.twoCol #banner h1 {
		margin:0;
		padding:0;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:normal;
		font-size:2em;
		line-height:1em;
		text-align:right;
		color:#373737;
		margin-top:20px;
		}

.twoCol #banner ul {
		margin:0;
		padding:0;
		list-style:none;
		float:left;
		position:absolute;
		top:10px;
		left:600px;
		color:#373737;
		}

.twoCol #banner li {
		display:inline;
		font-size: 1em;
		text-align: center;
		color: #373737;
		text-decoration: none;
		}
		
.twoCol #banner li a:link, #banner li a {
		color: #373737;
		text-decoration: none;
		}
		
.twoCol #banner li a:hover {
		color: #373737;
		text-decoration: underline;
		}
		
.twoCol #banner li a:visited {
		color: #373737;
		text-decoration: none;
		}
		
.twoCol #banner ul.breadcrumbs {
		float:left;
		clear:both;
		margin:5px 0 5px 0;
		padding:0;
		font-weight:normal;
		font-size:1em;
		position:relative;
		top:0;
		left:0;
		color:#373737;
		background-color: #fff;
		}

.twoCol #banner ul.breadcrumbs li {
		margin:0;
		padding: 0;
		}

.twoCol #banner ul.breadcrumbs li a {
padding:0 20px 0 0;
		text-decoration:none;
		color:#373737;
		background:#fff url(../images/arrow_white.gif) right no-repeat;
		}

.twoCol #banner ul.breadcrumbs li a:hover {
		text-decoration: underline;
		color:#373737;
		}

/* 
----------------------------------------------
MAIN CONTENT STYLES BEGIN
----------------------------------------------
*/

.twoCol #mainContent { 
		margin: 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
		padding: 0 0 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
		background:#fff url(../images/content_bottom_image.gif) bottom no-repeat;
		float:right;
		width:764px;
		}

.twoCol #mainContent h2#content_heading {
		margin:0 0 8px 0;
		padding: 10px 0 6x 10px;
		background:#fff url(../images/content_top_image.jpg) top no-repeat;
		display:block;
		color:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		font-weight: lighter;
		font-variant:small-caps;
		}

.twoCol #mainContent h2 {
		padding: 5px 0 5px 10px;
		margin:0;
		color:#373737;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.3em;
		font-weight: bold;
		}

.twoCol #mainContent h3 {
		padding: 5px 0 5px 10px;
		margin:0;
		color:#373737;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.3em;
		font-weight: lighter;
		}
		
.twoCol #mainContent h4 {
		padding: 5px 0 5px 10px;
		margin:0;
		color: #373737;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: bold;
		}
		
.twoCol #mainContent h5 {
		padding: 5px 0 5px 10px;
		margin:0;
		color: #333;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.9em;
		font-weight: bold;
		}

.twoCol #mainContent p {
		padding: 5px 10px 5px 10px;
		margin:0;
		color:#373737;
		font-size: 0.9em;
		font-weight: lighter;
		}
/* 
----------------------------------------------
ADDED TO RESOLVE FIREFOX NOT RENDERING
----------------------------------------------
*/


.twoCol #mainContent strong, .twoCol #sidebar1 strong{
		font-weight: bold;
		}	

.twoCol #mainContent p em{
		font-style:italic;
		}	
		
/* 
----------------------------------------------
CLOSES STYLES ADDED TO RESOLVE FIREFOX NOT RENDERING
----------------------------------------------
*/


.twoCol #mainContent p.quote {
		padding: 5px 30px 5px 30px;
		margin:0;
		color:#373737;
		font-size: 0.9em;
		font-weight: lighter;
		text-align:center;
		}
	

.twoCol #mainContent ul {
		padding: 5px 10px 10px 55px;
		margin:0;
		color:#373737;
		font-size: 0.9em;
		font-weight: lighter;
		}
	
.twoCol #mainContent ul li{
		padding: 5px 0 0 0;
		margin:0;
		
		}

.twoCol #mainContent ol {
		padding: 5px 10px 10px 55px;
		margin:0;
		color:#373737;
		font-size: 0.9em;
		font-weight: lighter;
		}

.twoCol #mainContent a:link, #mainContent a {
		color: #0066FF;
		outline:none;
		}

.twoCol #mainContent a:hover {
		color: #0033CC;
		}

.twoCol #mainContent a:visited {
		color: #0099FF;
		}
		
.twoCol #mainContent table{
		border-collapse:collapse;
		border:1px #06F solid;
		padding:none;
		margin:5px 10px 5px 10px;
		width:97%;
		font-size: 0.9em;
		font-weight: lighter;
		background-color:#fff;
		text-align:left;
		}
		
.twoCol #mainContent table.staff {
		border-collapse:collapse;
		border:1px #06F solid;
		padding:none;
		margin:5px 10px 5px 10px;
		width:97%;
		font-size: 0.9em;
		font-weight: lighter;
		background-color:#fff;
		}
		
.twoCol #mainContent table tr th{
		background-color: #fff;
		padding:none;
		margin:0;
		color:#373737;
		
		}
		
.twoCol #mainContent table th, .twoCol #mainContent table td{
		padding: 0.3em;
		border:1px #06F solid;
		background-color: #CCC;
		vertical-align:top;
		}
		
.twoCol #mainContent table th[scope=col]{
		border-bottom:2px #06F solid;
		background-color: #6699ff;
		}
		
.twoCol #mainContent table.staff tr th{
		background-color: #fff;
		padding:none;
		margin:0;
		color:#373737;
		
		}
		
.twoCol #mainContent table.staff th, .twoCol #mainContent table.staff td{
		padding: 0.3em;
		border:1px #06F solid;
		background-color: #CCC;
		}
		
.twoCol #mainContent table.staff th[scope=col]{
		border-bottom:2px #06F solid;
		background-color: #6699ff;
		}
		
/* 
----------------------------------------------
PlAIN TABLE STYLES BEGIN
----------------------------------------------
*/


.twoCol #mainContent table.plain_table {
		border-collapse:collapse;
		border:none;
		padding:none;
		margin:5px 10px 5px 10px;
		width:auto;
		font-size: 0.9em;
		font-weight: normal;
		background-color:#fff;
		}


.twoCol #mainContent table.plain_table tr th{
		background-color: #fff;
		padding:none;
		margin:0;
		color:#000;
		border-bottom:none;
		
		}
		
.twoCol #mainContent table.plain_table th, .twoCol #mainContent table.plain_table td{
		padding: 0.3em;
		border:none;
		background-color: #fff;
		vertical-align:center;
		}
		
/* 
----------------------------------------------
PlAIN TABLE STYLES END
----------------------------------------------
*/




.twoCol #mainContent img, p img{
		margin:0.8em 0.4em 0.8em 1em;
		border:1px solid #373737;
		}
		
.twoCol #mainContent img.no_border, p img.no_border{
		margin:0.8em 0.8em 0.8em 0.5em;
		border:none;
		}
		
.twoCol #mainContent img.content_banner, p img.content_banner{
		padding:0;
		margin:0 0 0.8em 0.9em;
		border:1px solid #373737;
		}
		
.twoCol #mainContent img.staff_photo {
		margin:0 1em 1em 1em;
		padding:0.5em;
		border:1px solid #373737;
		float:left;
		}
		
.twoCol #mainContent p.staff_contacts {
		padding: 5px 10px 5px 0;
		margin:0 0 0 175px;
		color:#373737;
		font-size: 0.9em;
		font-weight: lighter;
		border-bottom:1px dotted #373737;
		}
		
.twoCol #mainContent hr{
		margin:5px 10px 5px 8px;
		color: #fff; 
		background-color: #fff; 
		border: 1px dotted #373737; 
		border-style: none none dotted; 
		}
			
		
.twoCol #mainContent .accordion { 
		list-style-type: none; 
		padding: 0; 
		margin: 0; 
		border:none;
		width:745px;
		}
	
.twoCol #mainContent .accordion ul { 
		padding: 0; 
		margin: 0 0 0 0; 
		float: left;
		display: block; 
		width: 100%;
		}
	
.twoCol #mainContent .accordion li { 
		background: #fff; 
		cursor: pointer; 
		list-style-type: none; 
		padding: 0; 
		margin: 10px 0 0 10px; 
		float: left; 
		display: block; 
		width: 100%;
		}
	
/*FIXES IE 6 MARGIN-RIGHT ISSUE*/


*html .twoCol #mainContent .accordion li{
		margin:0;
		margin-left:5px;
}







.twoCol #mainContent .accordion li div { 
		padding: 0; 
		margin:0;
		background: #FFFFFF; 
		display: block; 
		clear: both; 
		float: left;
		width: 100%;
		border-left: 1px solid #666666;
		border-right: 1px solid #666666;
		border-bottom: 1px solid #666666;
		 }
	 
.twoCol #mainContent .accordion p a.presenter, #mainContent .accordion p a:link.presenter {  
		border-bottom: none;
		text-decoration:underline;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: 300;
		/*color: #323232;*/
		display: inline;
		cursor: pointer; 
		padding:0;
		margin:0;
		} 
	
.twoCol #mainContent .accordion p a:hover.presenter { 
		text-decoration: underline;
		color: #0033CC;
		}
	
.twoCol #mainContent .accordion a, #mainContent .accordion a:link  { 
		text-decoration: none; 
		border-bottom: 1px solid #666666;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: 300;
		/*color: #323232;*/
		padding: 5px 0 0 10px; 
		margin:0;
		display: block; 
		cursor: pointer; 
		background: #fff;
		width:737px;
		}
	
.twoCol #mainContent .accordion a:hover { 
		text-decoration: none;
		color: #0033CC;
		}
	
	/* Level 2 */
.twoCol #mainContent .accordion li ul li { 
		background: #7FD2FF; 
		font-size: 1em; 
		}	
	
.twoCol #mainContent #backtop{
		margin:10px 0 0 0;
		}


/*.twoCol #mainContent #backtop a.back_top{
		padding: 5px 0 5px 20px;
		margin:60px 0 0 10px;
		clear:left;
		font-size: 0.9em;
		font-weight: lighter;
		background:#FFF url(../images/back_to_top.gif) left no-repeat;
		}*/
	
.twoCol #mainContent #backtop img.back_top{
		margin:0.8em 0.8em 0.8em 0;
		border:none;
		}
	
/* 
----------------------------------------------
SLIDESHOW STYLES BEGIN
----------------------------------------------
*/
	
.twoCol #mainContent #slideshow {
		width: 740px;
		background-color: #eee;
		border: 1px solid #ddd;
		margin:0 0 10px 10px;
		}

.twoCol #mainContent #slideshow ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
		height: 1%; /* IE fix */
		}

.twoCol #mainContent #slideshow ul:after {
		content: ".";
		clear: both;
		display: block;
		height: 0;
		visibility: hidden;
		} 

/* 
----------------------------------------------
SLIDESHOW > SLIDES
----------------------------------------------
*/
.twoCol #mainContent #slideshow .slides {
		overflow: hidden;
		width: 740px;
		}

.twoCol #mainContent #slideshow .slides ul {
		width: 2880px;
		}

.twoCol #mainContent #slideshow .slides li {
		width: 740px;
		float: left;
		padding: 0;
		}

.twoCol #mainContent #slideshow .slides h2 {
		margin-top: 0;
		}
	
.twoCol #mainContent #slideshow .slides img {
		margin:0;
		border:none;
		}

/* 
----------------------------------------------
SLIDESHOW > NAVIGATION
----------------------------------------------
*/
.twoCol #mainContent #slideshow .slides-nav {
		background-color: #ddd;
		border-top: 2px solid #ccc;
		}

.twoCol #mainContent #slideshow .slides-nav li {
		float: left;
		}

.twoCol #mainContent #slideshow .slides-nav li a {
		display: block;
		padding: 15px 20px;
		outline: none;
		}

.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
		background-color: #eee;
}

.js #slideshow .slides-nav li.on a {
		position: relative;
		top: -4px;
}	
		
		

/* 
----------------------------------------------
FOOTER STYLES BEGIN - WILL LOOK AT STREAMLINING THESE LATER
----------------------------------------------
*/

.twoCol #footer { 
		margin: 0;
		padding: 0px 10px 0 5px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	/*background:#fff url(images/info_container_bottom.gif) no-repeat top; */
		float:left;
		width:995px;
		background-color:#FFFFFF;
		}

.twoCol #footer p {
		margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
		padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
		font-size:0.99em;
		}

.twoCol #footer #leftcol{
		border-right: #666666 1px dotted;
		float:left;
		width:430px;
		}

.twoCol #footer ul.left { 
		margin:0;
		padding:10px 30px 10px 30px;
		font-size:0.90em;
		}

.twoCol #footer ul.left li {
		list-style:none;
		}

.twoCol #footer ul.left a { 
		margin:0;
		padding:0;
		text-decoration:none;
		color:#373737;
		}

.twoCol #footer ul.left a:hover { 
		text-decoration:underline;
		color: #999999;
		}

.twoCol #footer #middlecol{
		border-right: #666666 1px dotted;
		float:left;
		width: 285px;
		font-size:0.90em;

		}

.twoCol #footer h6.middle { 
		text-align:center;
		margin:0;
		padding:10px 30px 0 15px;
		font-size:0.99em;
		font-weight:bold;
		color:#373737;
		}
		
.twoCol #footer h6.middle a:link, #footer h6.middle a { 
		text-decoration: none;
		color:#373737;
		}

.twoCol #footer p.middle {
		padding:8px 0 5px 0;
		margin:0;
		text-align:center;
		}

.twoCol #footer p.middle2 {
		padding:8px 0 5px 0;
		margin:0;
		text-align:center;
		font-weight:bold;
		}

.twoCol #footer #rightcol{
		border:none;
		float:right;
		width:265px;
		font-size:0.90em;

		}

.twoCol #footer p.right { 
		padding:10px 30px 20px 30px;
		}

.twoCol #footer p.right a{ 
		text-decoration:none;
		color:#373737;
		}

.twoCol #footer  p.right a:hover { 
		text-decoration:underline;
		color: #999999;
		} 
		
/* 
----------------------------------------------
footer styles end
----------------------------------------------
*/


/* 
----------------------------------------------
SOME XTRA FLOAT STYLES FOR FLOATING PAGE ITEMS SUCH AS IMAGES
----------------------------------------------
*/

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
		float: right;
		margin-left: 8px;
		}
		
.fltlft { /* this class can be used to float an element left in your page */
		float: left;
		margin-right: 8px;
		}
		
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
		clear:both;
    	height:0;
    	font-size: 1px;
    	line-height: 0px;
		}
		
div#outer_wrapper{
	background-color:#fff;
	
	
}
div#wrapper{
	
	background-color:#fff;
	background-repeat:repeat;

}

.twoCol #info_container { 
		margin:0;
		padding:0;
		background-color: #fff;
		float:right;
		width: 765px;
		}


*html .twoCol #info_container { 
		margin:0;
		padding:0;
		background-color: #fff;
		float:right;
		width: 764px;
		overflow:hidden;
	
		
		}


*html .twoCol #mainContent { 
		margin: 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
		padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
		background:#fff url(../images/content_bottom_image.gif) bottom no-repeat;
		float:right;
		width:764px;
		
		
		}



div#results{
	margin:0;
	padding:0;
	width: 705px;
	margin-left:20px;
	min-height:665px;
	height:auto !important;

}


*html div#results{
	margin:0;
	padding:0;
	width: 705px;
	margin-left:20px;
	
}

.twoCol #mainContent div#cse-search-form table{
	padding:0;
	margin:0;
	border:#fff;
	background-color:#fff;
}
.twoCol #mainContent div#cse table
{
	padding:0;
	margin:0;
	border:#fff;
	background-color:#fff;
}

.twoCol #mainContent div#cse table tr td{
	padding:0;
	margin:0;
	border:#fff;
	background-color:#fff;
}
.twoCol #mainContent div#cse-search-form{
/*float:right;*/
}
.twoCol #mainContent div#cse-search-form table tr td{
	padding:15px 5px;
	margin:0;
	border:#fff;
	background-color:#fff;
}


.twoCol #mainContent p.google{
	float:left; 
	width:150px; 
	padding-top:29px;
	
}


.twoCol #mainContent input.search-button {
  font-family: inherit;
  font-size: .9em;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 1px 2px #000000;
  padding: 3px 1px 4px 1px;
  background-color: #333333;
  border: 1px solid;
  border-color: #333333;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  display:inline;
  width:90px;
   margin-left:6px;

}

.twoCol #mainContent input.search-button_large {
 font-family: inherit;
  font-size: .9em;
  color: #ffffff;
  font-weight: bold;
  text-shadow: 0 1px 2px #000000;
  padding: 3px 1px 4px 1px;
  background-color: #333333;
  border: 1px solid;
  border-color: #333333;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  display:inline;
 width:160px;
 margin-left:6px;

}

.twoCol #mainContent input.search-button_large:hover {
	background-color: #666;
  cursor:pointer;
}



.twoCol #mainContent input.search-button:hover {
  background-color: #666;
  cursor:pointer;
}

input.my-input {
  font-family: inherit;
  border: 1px solid;
  border-color: #777777;
  padding: 3px;
  width:30%;
  font-size: 16px;

}
.twoCol #mainContent select.hide{
	display:none;
	

}

.twoCol #mainContent p.clear{
	clear:both;
	display:inline;
	
	
}

select.default{
	color:#666;
	

}
.twoCol #mainContent #cse{
	width:90%;
	background-color:none; 
	margin-left:20px;
}