/*
J  a  v  a  c  a  t  z

Description:

Tel: (852)29877951
Fax: (852)29879294
Email: office@javacatz.com
Website: www.javacatz.com

Created: 2006-1-19
*/
body {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #E6EAE7;
}
.background {
	background-image: url(../img/bg_alumni.gif);
	background-repeat: repeat-x;	
}
#topHead {
	width: 748px;
	/*height: 222px;*/
}
.headBox {
	padding: 5px;
	text-align: right;
	color: #FFFFFF;
	height: 45px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
}
.headBox a:link {
	color: #FFFFFF;
	text-decoration: none;
}
.headBox a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.headBox a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.headBox .headLanguages 
{
	padding: 0px 0px 0 0;
	font-size: 7pt;
}
.headBox .headLinks
{
	padding: 10px 0 0 0;
}
.headBox .headLanguages .grayLanguage
{
	color: #7AB191 !important;
	cursor: default;	
}
.headBox .headLanguages a:hover.grayLanguage
{
	color: #7AB191;
	text-decoration: none;
}
.headBox .headLanguages .arrowLanguage
{
	background: transparent url(../img/arrow_gray.gif) no-repeat scroll 0% 50%;
	padding-left: 7px;
}
.headDate {
	vertical-align: bottom;
	font-size: 7pt;
	padding-top: 0px;
	padding-bottom: 2px;
}
.imgLogo {
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 0px;
	margin-right: 0px;
}

#midBar {
	width: 748px;
	height: 23px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../img/bg_alumni_midBar.gif);
	background-repeat: repeat-x;
	display: block;
}
.midLink {
	height: 24px;
	padding-left: 8px;
	padding-right: 8px;
	vertical-align: middle;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}
.midLink a {
	color: #000000;
	text-decoration: none;
	padding-top: 5px;
}
.midLinkSel {
	height: 24px;
	padding-left: 8px;
	padding-right: 8px;
	vertical-align: middle;
	color: #006633;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}
.midLinkSel a {
	color: #006633;
	text-decoration: none;
	padding-top: 5px;
}

div.midContent {
	width: 748px;
}

div.midContent a {
	text-decoration: underline;
}

.midTable {
	background-color: #FFFFFF;
	padding-top: 9px;
	/*padding-left: 14px;
	padding-right: 14px;*/
}
.midTableFull {
	background-color: #FFFFFF;
	padding-top: 9px;
	padding-left: 14px;
	padding-right: 14px;
}
.mainTitle {
	font-family: Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #346722;
	padding-bottom: 7px;
}
.title {
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #346722;
	padding-bottom: 8px;
	vertical-align: top;
}
.subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #346722;
	padding-bottom: 4px;
	line-height: 22px;
	vertical-align: top;
}
.subtitle2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #666666;
	padding-bottom: 4px;
	line-height: 18px;
	vertical-align: top;
}
.tableHead {
	background-color:  #1D6B37;
	color: #FFFFFF;
}
.tableHeadSearch {
	background-color:  #C7D2C1;
}
.tableSearchRow {
	background-color: #EFF1EC;
}

.boxBody {
	background-image: url(../img/bg_box_body.gif);
	background-repeat: repeat-y;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
}
.box2Body {
	background-image: url(../img/bg_box2_body.gif);
	background-repeat: repeat-y;
	padding-left: 5px;
	padding-right: 3px;
	padding-bottom: 6px;
}
.imgMidAlign {
	vertical-align: middle;
}
.sideBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 7pt;
	color: #878A87;
}
.boxTitle {
	color: #333333;
	font-size: 9pt;
	font-weight: bold;
	padding-bottom: 6px;
}
.greenTitle {
	color: #006633;
	font-size: 9pt;
	font-weight: bold;
	padding-bottom: 6px;
}
.greenText {
	color: #006633;
}
.infoBar {
	font-size: 8pt;
	font-weight: bold;
	padding-bottom: 10px;
}
a.infoBar:link {
	color: #156327;
	text-decoration: none;
}
a.infoBar:visited {
	color: #156327;
	text-decoration: none;
}
a.infoBar:hover {
	color: #156327;
	text-decoration: underline;
}
.WelcomPanel {
	font-size: 8pt;
	font-weight: bold;
}
table.WelcomPanel {
	margin-bottom: 3px;
}
.infoBarLink {
	color: #CC0404;
}
a.infoBarLink:link {
	color: #CC0404;
	text-decoration: underline;
}
a.infoBarLink:visited {
	color: #CC0404;
	text-decoration: underline;
}

#footer {
	width: 100%;
	height: 24px;
	background-image: url(../img/bg_alumni_footer.gif);
	background-repeat: repeat-x;
	display: block;
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.footer {
	color: #FFFFFF;
	font-size: 7pt;
	padding-top: 3px;
}
.footer a {
	color: #FFFFFF;
	text-decoration: none;
}
.footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size: 8pt;
}
.content a {
	text-align: left;
	color: #003366;
	/* KY
	text-decoration: none;
	*/
	text-decoration: underline !important;
}
.content a:visited {
	color: #003366;
	/* KY
	text-decoration: none;
	*/
	text-decoration: underline;
}
.content a:hover {
	color: #003366;
	text-decoration: underline;
}

a.contentLink {
	text-align: left;
	color: #003366;
	text-decoration: underline;
}
a.contentLink:visited {
	color: #003366;
	text-decoration: underline;
}
a.contentLink:hover {
	color: #003366;
	text-decoration: none;
}
.archieve {
	font-size: 7pt;
}
	

/* form component css */
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #817D7A;
	padding-top: 0;
	padding-bottom: 0;
}
#RadioButton input {
	border:none; 
}
/*
input {
	height: 16px;
	max-height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
*/
select {
	height: 16px;
	max-height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
form {
	margin: 0px;
}
/* deemed redundant by KY *
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
*/
.button {
	height: 20px;
	max-height: 20px;
	font-weight: bold;
}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #817D7A;
}
.radiobtn {
	margin: 0px;
	vertical-align: middle;
}
.searchtextbox {
	width: 142px;
}
.logintextbox {
	width: 100px;
}
.optional {
	font-size: 7pt;
	font-style: italic;
}
.mainNoRight {
	padding-left: 14px;
	padding-right: 134px;
}
.main {
	padding-left: 14px;
	padding-right: 14px;
}
a.tableSearchLink:link {
	color: #326A09;
}
a.tableSearchLink:visited {
	color: #326A09;
}

.gallerytb_title {
	background-color: #DFE7DC;
	color: #61665F;
}
.zoomLink {
	color: #326A09;
}
.zoomLink a:link {
	color: #326A09;
}
.zoomLink a:visited {
	color: #326A09;
}
.thumbBox {
	height: 120px;
	width: 120px;
}
.enlargeBox {
	height: 590px;
	width: 590px;
}
.photoBox {
	padding-left: 30px;
	padding-right: 90px;
}
.tableHead {
	background-color: #1D6B37;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 18px;
	padding-right: 5px;
	vertical-align: top;
}
.loginLink a {
	color: #003366;
}
.loginLink a:link {
	color: #003366;
	text-decoration: underline;
}
.loginLink a:visited {
	text-decoration: underline;
}
.loginLink a:hover {
	text-decoration: none;
}

/* zen 2006-07-05 */
.redText {
	color: #ff0000;
}
.newsListItemArrow {
	float: left;
	width: 5px;
}
.newsListItem {
	padding-left: 5px;
	padding-bottom: 6px;
	float: left;
	text-align: left;
	width: 255px;
}
.newsListItemAlumni {
	padding-left: 5px;
	padding-bottom: 0px;
	float: left;
	text-align: left;
	width: 255px;
}

.infoContent {
	color: #999999;
	font-size: 9px;
	font-style: italic;
}

.lastModified {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	vertical-align:bottom;
	margin-top: 120px;
}
.content2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size: 8pt;
	color: #2A5736;
}

/*PhotoGallery*/
.tableHeaderLine {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #61836B;
	line-height: 15px;
}
.tableLineBottomOnly {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #BBCDC1;
	line-height: 15px;
}
.photoFrameborder {
	border: 1px solid #ADADAD;
}
.photoFrame {
	border: 4px solid #FFF;	
}
.photoBox {
	background-image: url(../img/bg_facilities_photo.jpg);
	width: 650px;
	height: 500px;
	vertical-align: middle;
}
.photoNavTabIndex a {
	display: block;
	background-color: #DEE9D9;
	color: #2A5736;
	text-decoration: none;
	font-size: 11px;
	height: 22px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	position: relative;
	top: 1px;
	left: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #DEDEDE;
	border-right-color: #DEDEDE;
	border-left-color: #DEDEDE;
}
.photoNavTab a {
	display: block;
	background-color: #DEE9D9 !important;
	color: #003366 !important;
	text-decoration: none;
	font-size: 11px;
	height: 22px;
	padding-right: 5px;
	padding-top:5px;
	padding-left: 5px;
	position: relative;
	top: 1px;
	right: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #DEDEDE;
	border-right-color: #DEDEDE;
	border-left-color: #DEDEDE;
	text-align:center;
}
.photoNavTab a:visited {
	background-color: #DEE9D9 !important;
	color: #003366 !important;
	text-decoration: none;
}
.photoNavTabSelect a {
	display: block;
	background-color: #FFFFFF;
	color: #003366 !important;
	cursor:text;
	text-decoration: none;
	font-size: 11px;
	height: 22px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	position: relative;
	top: 1px;
	right: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #DEDEDE;
	border-right-color: #DEDEDE;
	border-left-color: #DEDEDE;
	text-align:center;
}
div.galleryFrame {
	width: 100%;
	height: 400px;
	border: 1px solid #DEDEDE;
	overflow: auto;
	background-color: #FFFFFF;
	background-position: center;
}
div.gallerySlideFrame {
	border: 1px solid #DEDEDE;
	background-color: #FFFFFF;
	background-position: center;
	/*padding: 10px;*/
	width: 100%;
}
.slideButtons {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 3px;
	margin-right: 3px;

}
.paging {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #2A5736;
}

/* News Events*/
.schCalr1 {
	background-color: #F8EFD6;
}
.schCalr2 {
	background-color: #FDFAF1;
}
.titleBarRight1 
{
	background-color: #52976A;
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: bold;
	line-height: 24px;
}
.titleBarRight1 td {
	padding-left: 7px;
}
.devTableHead { /* development.html */
	background-color: #1D6B37;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 18px;
	padding-right: 5px;
	vertical-align: top;
}
.devTableHead p {
	padding: 0px;
	margin: 0px;
}

.TemplateTable 
{
	border-collapse: collapse;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	
}

/*TemplateTable*/
.TemplateTable tr td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	
	padding: 5px;
}
.TemplateTableHead {
	background-color: #1D6B37;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	background-position: top;
}

input.imgBtn {
	border-width: 0;
}



/* *** Added by KY for ASP styles *** */
input { margin-bottom: 1px; }
.align_center { text-align: center; }
.noborder { border: 0; }
.textarea280px { width: 280px; }
.textarea30px { width: 30px; }
.textarea40px { width: 40px; }
.textarea75pc { width: 75%; }
.textarea90pc { width: 90%; }
.textarea97pc { width: 97%; }
.textarea100pc { width: 100%; }

.galleryFrameBorder 
{
	border: 1px solid #ADADAD;
}

#EnglishContentHeader, #GermanContentHeader, #btnlanguage, #EnglishContent, #GermanContent
{
	display: none;
}