/* CSS Document */

/* general styles */
body {
	margin: 0;
	padding: 0;
	font-size: 79%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #F5F4EF;
	}
#main a,a:visited{
	text-decoration: underline;
	color:#367192;
}
	
a,a:visited{
	color:#367192;
	
	}

a:hover{
	color: #CC6633;
	}
	
div#wrapper {
	width: 79.3em;
	}
	

/* header section */
div#banner {
  height:14.5em;
	margin:0;
	padding:0;
	}

div#banner img {
	width: 79.3em;
	height: 14.5em;
	margin:0;
	padding:0;
	}

#banner-email,
#banner-facebook {
	position: absolute;
	top: 12.5em;
	/*color: #E3C39F;*/
	color: #D3B38F;
	font-weight: 400;
	}
#banner-email {
	left: 2em;
	}
#banner-facebook {
	left: 65em;
	width: 12em;
	}
/* top navigation*/
#nav1 {
	width:auto;
	height:auto;
	margin: 0;
	padding:0;
	background-image: url(https://copyright.taichicollege.com.au/images/bg_menu_g.gif);
	background-color: #18392C;
	}
	
#nav1 ul {
	height: 2.75em;
	margin: 0 0 0 6.5em;
	padding: 0 0 0 2.5em;
	font-size: 1.1em;
	font-weight: 700;
	}
	
#nav1 ul li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0.7em 0.45em 0.8em 0.1em;
	color: #D0D8B5;
	}
	
#nav1 ul li.thispage {
	float: left;
	list-style-type: none;
	padding: 0.7em 0.7em 0.8em 0.5em;
	background: url(https://copyright.taichicollege.com.au/images/bg_now_g.gif) repeat-x;
	}
	
#nav1 ul li a {
	color: #D0D8B5;
	text-decoration: none;
	margin: 0;
	padding: 0.7em 0.5em 0.75em 0.5em;
	}
	
#nav1 ul li a:hover {
	background: url(https://copyright.taichicollege.com.au/images/bg_now_g.gif) repeat-x;
	color: #fff;
}

#nav1-greenbar { 
	padding: .05em .5em .05em .5em;
	font-size: 0.3em;
	background-color: #B4C18B;
	}

#nav2 {
	background-color: #B4C18B;
}

#nav2 ul {
	height: 2.1em;
	margin: 0 0 0 10em;
	padding: 0; 
	font-size: 1em;
	font-weight: bold;
	background-color: #B4C18B;
	color: #18392C;
	display: inline-block;  /* constrain words within nav area */
	}

#nav2 ul li {
	color: #FFF;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0.3em 0.2em 0.3em 0.2em;
	}

#nav2 ul li.thispage {
	margin-left: 0.8em;
	color: #FFF;
	list-style-type: none;
	background-color: #B4C18B;
	}

#nav2 ul li a:link, #nav2 ul li a:visited {
	margin: 0 0 0 0.8em;
	color: #18392C;
	text-decoration: none;
	padding: 0.3em 0.2em 0.3em 0.2em;
	}

#nav2 ul li a:hover {
	color: #CC6600;
	}
	
#nav2 ul a:hover {
	color: #FFF;
	}

#nav2 ul li.nav2First a {
	margin-left: 0;
	}
	
/*  main section */
#main {
	padding: 1.8em 11em 1.8em 10em;
	font-size:1em;
	color: #666;
	}

#main p {
	font-size: 1.05em;
	}
#main ul li a:link, a:visited {
	margin: 0;
	padding:0;
	}

h1 {
	margin-top: 0;
	margin-bottom: 0.6em;
	font-size: 2.1em;
	font-weight: normal;
	color: #515E28;
	}

h2,h3,h4 {
	font-weight: normal;
	color: #46713F;
	}

h2 {
	margin-top: 1.5em;
	margin-bottom: 0.7em;
	font-size: 1.7em;
	}

h3 {
	margin-top: 2em;
	margin-bottom: 0.1em;
	font-size: 1.4em;
	}
	
.htembed {
	font-weight: 700;
	color: #46713F;
}	
	
div#notices {
	float: right;
	width: 20em;
	height: 10em;
	margin: 0 0 0 1em;;
	padding: 1em;
	border: 1px solid #46713F;
	background-color: #E6ECD2;
	}
		
div#notices h3 {
	margin-top: 0.3em;
	}	

#divTopSignin	{
	text-align: right; padding: 0.25em 4.0em 0.25em 0;
}

#divTopSignin, #divTopSignin a, #divTopSignin a:visited, #linkTopSignin {
	color: red;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-decoration: none;
}

#main img.topimage {
	float: right;
	margin-left: 0.5em;
	padding: 4em 0 2em 1em;
	}
	
	
/*  footer section */
div#footer .nav {
	margin-top: 3em;
	padding: .3em 0 .3em 5em;
	border-top: 1px solid #B4C18B;
}

div#footer .nav ul {
	height: auto;
	margin: 0 0 0 1.7em;
	padding: .2em 0 .22em 2.9em;
	font-size: 1em;
	font-weight: bold;
}

div#footer .nav ul li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding-right: .1em;
	padding-left: .1em;	
	color:#367192;
}

div#footer .nav ul li.thispage {
	list-style-type: none;
	padding: .2em .7em .22em .7em;
	color: #FFF;
	}

div#footer .nav ul li a {
	margin: 0;
	padding: .7em .7em .67em .7em;
	text-decoration:none;
	color:#367192;
	}

div#footer .nav ul li a:hover {
	color: #CC6633;
	}
	
div#footer .nav ul li.lingvo{
	padding: 0 0 0 29.5em;
}

div#footer .nav ul li.lingvo option{
	color: #446097;
	background-color: #C3D2F0;
}

div#footer .legal {
	text-align: center;
	margin-top: 1.8em;
	line-height: 1.4em;
	padding: 0 0 1.5em 5em;
	color: #666;
	}

div#footer .legal a {
	text-decoration: underline;
	color:#367192;
	}

.legal a:hover {
	color: #CC6633;
	}

/* image control DFK */

.photoFrame {		/* one of 3 classes on div around photo */
	padding: 1em 1em 0.7em 1em; 
	margin: 0 0 0 2em;
	text-align: center; 
	background-color: #E6ECD2; 
	border: 1px solid #83B57A;
	color: #46713F;
}

.floatRight {		/*  */
	float: right;
}

.floatLeft {
	float: left;
}

.photoFrame img {
	border: none;
	margin: 0 0 0 0;
	padding: 0;
}

.photoFrame a {
	border: none;
}

.photoWidth07 {		
	width: 7.3em;
}

.photoWidth07 img {
	width: 7em;
}

.photoWidth20 {		/* one of 3 classes on div around photo */
	width: 20.3em;
}

.photoWidth20 img {
	width: 20em;
}

.photoWidth46 {		
	width: 46.6em;
}

.photoWidth46 img {
	width: 46em;
}

.photoIndentLeft {
	margin-left: 4em;
}

.photoIndentRight {
	margin-right: 4em;
}

.afterH1 {			/* one of 3 classes on div around photo */
	margin-top: 1em;
}
.afterH2 {			
	margin-top: 1.2em;
}
.afterH3 {			/* one of 3 classes on div around photo */
	margin-top: 1.2em;
}

.centerPhoto {
	text-align: center;
}

.photoCaption {
	padding: 0;
	margin: 0.3em 0 0 0;
	color: #46713F;
	display: block;
}

/* image control MJK */

.imgDivSpacerClear {
	height: 2em;
	width: 1em;
	clear: both;
}

.imgDivSpacer {
	height: 2em;
	width: 1em;
} 

/* end image control */

/* other*/	
#index{
	text-align: left;
	border-left: 0.1em solid #D2EACA;
	border-top: 0.1em solid #D2EACA;
	margin: 0px;
	padding: 0px;
}
#index th {
	text-align: left;
	color: #4f6b72;
	padding: .8em 1em .8em 2em;
	background: #D2EACA;
	border-right: 0.1em solid #D2EACA;
	border-bottom: 0.1em solid #D2EACA;
}
#index td {
	border-right: 0.1em solid #D2EACA;
	border-bottom: 0.1em solid #D2EACA;
	background: #fff;
	padding: .8em 1em .8em 2em;
	color: #4f6b72;
}

.pdf{
	list-style-image: url(https://copyright.taichicollege.com.au/images/pdf.gif);
}
.video{
	list-style-image: url(https://copyright.taichicollege.com.au/images/video.gif);
}
li.jpg{
	list-style-image: url(https://upload.wikimedia.org/wikipedia/commons/2/29/Button_image_right.png);
}


/* CSS table */

table {
    empty-cells: show;
}

.tcTable {
	width: 58em;
	padding: 0;
	margin: 0;
	whitespace: nowrap;
}
.tcTable th {
	font-weight: 700;
	font-size: 79%;
	color: #4f6b72;
	text-transform: uppercase;
	text-align: center;
	padding: .8em 1em .8em 2em;
	
	border: 1px solid #D2EACA;
	border-left: 0.1em solid #C1DAD7;
	border-top: 0;
}
.tcTable td {
	border-right: 0.1em solid #D2EACA;
	border-bottom: 0.1em solid #D2EACA;
	background: #fff;
	font-size: 79%;
	padding: .8em 1em .8em 2em;
	color: #4f6b72;
}
.tcTable td.acenter {
	text-align: center;
}
.tcTable tr:nth-child(odd) {
	background-color: #F2FFE6;
	background-image: url( 'https://copyright.taichicollege.com.au/images/bullet1.gif' ); 
	background-repeat: no-repeat; 
	background-position: left top;
}
.tcTable tr:nth-child(even) {
	background-color: white;
	color: #797268;
	background-image: url( 'https://copyright.taichicollege.com.au/images/bullet2.gif' ); 
	background-repeat: no-repeat; 
	background-position: left top;
}
/*1.1.8.7*/
.tcTable .classIsFull {
	color: #CC0000;
	}

.photo {
	padding:10px; 
	background:#222; 
	width:750px; 
	height:430px;
	text-align:left;
}
.photo ul {
	list-style:none; 
	padding:0; 
	margin:0; 
	width:180px; 
	background:#333; 
	border:1px solid #666; 
	position:relative; 
	height:420px;
	}
.photo ul li {
	width: 75px; 
	height: 57px; 
	float: left; 
	margin: 2px;
	}
.photo ul li a {
	display: block; 
	width:75px; 
	height:45px; 
	cursor:default; 
	background:url(pics/arrow.gif) no-repeat;
	}
.photo ul li a img {
	display:block; 
	width:50px; 
	height:40px; 
	border:1px solid #666; 
	border-top-color:#ccc;
	}
.photo ul li a:hover {
	white-space:normal;
	position:relative;
	}
.photo ul li a.vert:hover img {
	position:absolute; 
	left:-10px; 
	top:-20px; 
	width:48px; 
	height:64px; 
	border-color:#fc0;
	}
.photo ul li a.hor:hover img {
	position:absolute; 
	left:-10px; 
	top:-12px; 
	width:100px; 
	height:80px; 
	border-color:#fc0;
	}
.photo ul li a:active, .photo ul li a:focus {
	position:static; outline:0;
	}
.photo ul li a:focus.vert img, .photo ul li a:active.vert img {
	background-color:#000; 
	position:absolute; 
	left:190px; 
	top:0; 
	width:540px; 
	height:340px; 
	border:1px solid #fc0; 
	padding:5px 39px;
	}
.photo ul li a:focus.hor img, .photo ul li a:active.hor img {
	background-color:#000; 
	position:absolute; 
	left:190px; 
	top:0; 
	width:540px;
	height:340px; 
	border:1px solid #fc0; 
	padding:39px 5px;
	}

#CollegeStructure td.spacer {
	height: 2em;
}

#CollegeFoundation td.spacer {
	height: 2em;
}

table.tcMemberBox {
	background-color: #E6ECD2; /* not aliceblue */
	border: solid 1px darkseagreen;
	padding: .5em;
}
table.tcMemberBox td.staffDetail {
	height: 8em;
	width: 18em;
}
table.tcMemberBox td.contactLink {
	vertical-align: bottom;
	width: 5em;
}
table.tcMemberBox th.staffPhoto {
	height: 8em;
	width: 7em;
	padding: .6em;
}

table.tcMemberBox img
{
	border:0;
}

#contactTable input{
	height:15px;
	background:url(//copyright.taichicollege.com.au/css/images/default/input_bg.gif) repeat-x left top;
	padding:4px 0;
	vertical-align:middle;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-width:0;
	border-buttum-width:0;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
	
#captchaNewtaichi em {
	color: red;
	font-style: normal;
	font-weight: 700;
}

/*  end */