@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.jpg) 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: #eeaf30;
		float:right;
		width: 764px;
		}

/* 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: #eaff30 url(../images/banner.jpg) top no-repeat;
	float:right;
	width: 745px;
	position: relative;
	background-color: #EEAF30;
		} 
		
.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: #eeaf30;
		}
.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:#eeaf30 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 50px 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:#eeaf30 url(../images/content_top_image.gif) 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;
		}

/** html .twoCol #mainContent a.flag_anchor{
	position:relative;
	top:-37px;
}*/





.twoCol #mainContent img.flag{
	border:none;
	float:right;
	
}

.twoCol #mainContent a.flag_anchor1{
	padding:0;
	margin:0;
	border:1px solid #fff;
	width:36px;
	height:25px;
	float:right;
	
	position:relative;
	top:-58px;
	left:-700px;
	
}

.twoCol #mainContent a.flag_anchor1:hover{
	border:1px solid #999;
}
.twoCol #mainContent a.flag_anchor2{
	padding:0;
	margin:0;
	border:1px solid #fff;
	width:50px;
	height:25px;
	float:right;
	margin-right:30px;
	position:relative;
	top:-88px;
	
	
}

.twoCol #mainContent a.flag_anchor2:hover{
	border:1px solid #999;
}


.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;
		text-align:center;
		}

.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;
		clear:both;
		}

.twoCol #mainContent h4 {
		padding: 5px 0 5px 10px;
		margin:0;
		color: #373737;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		font-weight: lighter;
		}
		
.twoCol #mainContent h5 {
		padding: 5px 0 5px 10px;
		margin:0;
		color:#6699ff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		font-weight: bold;
		}

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

.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: 1em;
		font-weight: lighter;
		}

.twoCol #mainContent ol {
		padding: 5px 10px 10px 55px;
		margin:0;
		color:#373737;
		font-size: 1em;
		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;
		}
		
/* 
----------------------------------------------
MAIN CONTENT STYLES END
----------------------------------------------
*/		
		

/* 
----------------------------------------------
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;
		}

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

.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;
		}

.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;
		}

.twoCol #footer p.right { 
		padding:10px 30px 10px 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;
		}

/* 
----------------------------------------------
EAST TIMOR STYLES ADDED - ONLY ON THIS STYLE SHEET FOR TIMOR!!!
----------------------------------------------
*/



.twoCol #mainContent p.references{
  			font-size:.75em;
			color:#000;
			
			}
			
span.superscript{
			font-size:.65em;
			position:relative;
			top:-5px;
			padding-left:2px;
			
			}
			
.twoCol #mainContent img.photos{
			padding:10px;
			float:right;
			margin-right:20px;
			border:none;
			padding-bottom:20px;
		}
			
div.clear	{
			clear:both;
			}
  	

.twoCol #mainContent .thumbnails{
			
			}
.twoCol #mainContent p.details{
			padding:0;
			margin-left:5px;
			padding-bottom:10px;
			font-size:.85em;
			}


.twoCol #mainContent img.thumbs{
			margin-left:12px;
			padding-top:23px;
			padding-left:13px;
			border:none;
			
			}

.twoCol #mainContent img.large{
			display:block;
			margin-left:auto;
			margin-right:auto;
			padding-bottom:30px;
			border:none;
			}

.twoCol #mainContent img.large_last{
			display:block;
			margin-left:auto;
			margin-right:auto;
			padding-bottom:30px;
			padding-right:59px;
			border:none;
			}

.twoCol #mainContent img.large_first{
			display:block;
			margin-left:auto;
			margin-right:auto;
			padding-bottom:30px;
			padding-left:59px;
			border:none;
			}


p.details{
		
			}


p.prev		{
			
			font-size:1.5em;
			text-align:center;
			margin:auto;
			
			
			}

p.next		{
			
			font-size:1.5em;
			text-align:center;
			margin:auto;
			}



.twoCol #mainContent a.nav_prev, .twoCol #mainContent a.nav_prev:link	{
			background:url(../images/prev.png) no-repeat top center;
			color:#000000;
			width:35px;
			height:37px;
			display:block;
			text-align:center;
			text-decoration:none;
			float:left;
			padding-top:32px;
			padding-right:24px;
			margin-left:10px;
		
			}

.twoCol #mainContent a.nav_prev:hover	{
			background:url(../images/prev_over.png) no-repeat top center;
			color:#999999;
			width:35px;
			height:37px;
			display:block;
			text-align:center;
			text-decoration:none;
			float:left;
			padding-top:32px;
			padding-right:24px;
			margin-left:10px;
			}





.twoCol #mainContent a.nav_next	{
			background:url(../images/next.png) no-repeat top center;
			color:#000000;
			width:35px;
			height:37px;
			display:block;
			text-align:center;
			text-decoration:none;
			float:right;
			padding-top:32px;
			padding-right:24px;
			margin-right:10px;
			}

.twoCol #mainContent a.nav_next:hover	{
			background:url(../images/next_over.png) no-repeat top center;
			color:#999999;
			width:35px;
			height:37px;
			display:block;
			text-align:center;
			text-decoration:none;
			float:right;
			padding-top:32px;
			padding-right:24px;
			margin-right:10px;
			}





.twoCol #mainContent .thumbnails a.thumb_anchors{
			display:block;
			background-image:url(../images/thumb_back2.jpg);
			background-repeat:no-repeat;
			width:180px;
			height:180px;
			}


.twoCol #mainContent a.thumb_anchors:hover{
			display:block;
			background-image:url(../images/thumb_back.jpg);
			background-repeat:no-repeat;
			width:180px;
			height:180px;
			}







ul.nav_timor li{
			list-style:none;
			}

.twoCol #mainContent a.top		{
			
			background:url(../images/back_to_top.png) no-repeat top;
			color:#000000;
			width:37px;
			height:35px;
			display:block;
			padding:35px;
			padding-bottom:0;
			margin-left:auto;
			margin-right:auto;
			margin-top:10px;
			text-align:center;
			text-decoration:none;
			}

.twoCol #mainContent a.top:hover		{
			
			background:url(../images/back_to_top_over.png) no-repeat top;
			color:#999999;
			width:37px;
			height:35px;
			display:block;
			
			padding:35px;
			padding-bottom:0;
			text-align:center;
			text-decoration:none;
			}


.hr			{
			
			border-top:#666666 1px dotted;
			width:743px;
			margin-left:10px;
			padding:10px 0 5px 0;
			clear:both;
			}

html.tall_page	body{
			
		font: 85%/1.3 arial, helvetica, sans-serif;
		background:#eeeeee;
		margin: 0; 
		padding: 0;
		text-align: center; 
		color: #373737;
		}		

#gallery{
		
		margin-top:20px;
		
		margin-bottom:20px;
		padding-bottom:30px;
		}

.twoCol #mainContent #gallery h4, .twoCol #mainContent #pdf h4, .twoCol #mainContent #gallery h5{
		margin-bottom:10px;
		font-style:italic;
		margin-left:10px;
		}


.twoCol #mainContent a.group{
		padding:0;
		margin:0 0 25px 45px;
		border: #000 solid 2px;
		float:left;
		}

.twoCol #mainContent a.group:hover{
		padding:0;
		margin:0 0 25px 45px;
		border: #CCCCCC solid 2px;
		float:left;
		}

		
.twoCol #mainContent  a.group img{
		display:block;
		border:none;
		}
	
		
.twoCol #mainContent #pdf{
		padding-top:20px;
		margin-top:20px;
		clear:both;
		}

.twoCol #mainContent #pdf ul{
		
		}


#pdf ul li{
		list-style:none;
		padding-top:5px;
		}
		

			
.twoCol #mainContent p.disclosure{
		font-weight:700;
		font-size:.8em;
		color:#999999;
		}			
			
			
.player_wrapper{
		width:550px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		margin-top:20px;
		margin-bottom:20px;
		}			
			
span.red{
		font-size:.85em;
		color:#F00;
}