/* CSS Document */

/* DEFAULTS*/

h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #FFF;	
/*
	border-left: 5px solid #d60169;
	padding:0px 0px 0px 5px;
	margin:10px 0px 10px 0px;	
*/	
}

h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #0e168d;
	border-left: 5px solid #d60169;
	padding:0px 0px 0px 5px;
	margin:0px 0px 10px 0px;
}

h3{
	color: #0e168d;
	border-left: 5px solid #d60169;
	padding:0px 0px 0px 5px;
	margin:10px 0px 10px 0px;
}

li {
	margin-bottom:5px;
}

a:link{text-decoration:underline; color:#d60169}
a:visited {text-decoration:underline; color:#d60169}
a:hover{text-decoration:none; color:#d60169}
a:active{text-decoration:underline; color:#d60169}

/* STRUCTURE*/
.viewport {
	width:900px;
	margin:10px 0px 0px 20px;
	font-size:0.8em;
}


.col_1 {
	width:249px;
	float: left;
}

.col_2 {
	width:651px;
	float: right;
}

.page_header{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	color:#0e168d;
	min-height:74px;
	border-bottom:3px solid #0e168d;
	line-height:1.5em;
	padding:10px 10px 0px 10px;
	
}

	.header_right{
		width:350px;
		float:right;
		text-align:right;
	}

.breadcrumb {
	height:30px;
	padding:0px 10px 0px 10px;
	line-height:30px;
}
.breadcrumb img {
	padding:10px 10px;
	vertical-align:middle;
}

.breadcrumb a:link{text-decoration:none; color:#000}
.breadcrumb a:visited {text-decoration:none; color:#000}
.breadcrumb a:hover{text-decoration:underline; color:#000}
.breadcrumb a:active{text-decoration:none; color:#000}

.big_tabs{
	background:url(../images/pink_block_bg.jpg) repeat-x;
	width:651px;
}

.big_tab{
	/*min-height:9.75em;*/
	width:163px;
	float:left;
	padding:00px;
}

* html .big_tab{
	/*height:9.75em;*/
}

.big_tab#no_margin{
	width:162px;
	margin: 0px;
}

.big_tab_header{
	/*background: #0e168d url(../images/pink_block_bg.jpg);*/
	line-height:2em;
	font-weight:bold;
	padding-left:10px;
}

.big_tab_header a:link{display:block;text-decoration:none; color:#FFF; }
.big_tab_header a:visited {display:block;text-decoration:none; color:#FFF}
.big_tab_header a:hover{display:block;text-decoration:underline; color:#FFF}
.big_tab_header a:active{display:block;text-decoration:none; color:#FFF}


.big_tab_content{
	margin:0px 10px 5px 10px;
	font-size:0.95em;
}

.big_tab_content a:link{display:block;text-decoration:none; color:#FFF; background:none;}
.big_tab_content a:visited {display:block;text-decoration:none; color:#FFF; background:none;}
.big_tab_content a:hover{display:block;text-decoration:underline; color:#FFF; background:none;}
.big_tab_content a:active{display:block;text-decoration:none; color:#FFF; background:none;}

.content_header{
	/*margin-top:20px;	*/
	background:#FFF url(/images/header_fade.jpg) no-repeat 230px;
}
	.content_header_1{
		float:left;
		width:215px;
		height:62px;
		background-color: #0e168d;
		border-left:5px solid #d60169;
		padding:20px 0px 10px 10px;
	}
	.content_header_1 h1{
		margin: 0px;
		padding:0px;
	
	}
	.content_header_2{
		float:right;
		width:421px;
		height:92px;
		background-color: #0e168d;	
	}


.content_single{
	margin-top:20px;
	padding:0px 20px 20px 0px;
}

.content_single img {
	float:right;
	border:1px solid #e6e8f3;
	margin:1px 0px 10px 10px;
}
/* not floated */
.content_single div img{
	float:none;
	text-align:center;
	border:1px solid #e6e8f3;
	margin:10px auto;

}


/*2 column */
.content{
	margin-top:20px;
	background: url(../images/vert_dash.gif) repeat-y 465px;
}

.content_1{
	float:left;
	width:440px;  //changed from 430
	padding:0px 0px 10px 0px;   // changed 20 to 10
}

.content_1 img {
	float:right;
	border:1px solid #e6e8f3;
	margin:1px 0px 10px 10px;
}


.content_2{
	float:right;
	width:162px;  // changed to 162
	padding:0px 0px 10px 0px;	// changed from 20 to 10
}

.content_2 img{
	margin:10px 0px;
}
.content_single h1 ,.content h1{
	color: #0e168d;
	border-left: 5px solid #d60169;
	padding:0px 0px 0px 5px;
	margin:10px 0px 10px 0px;		
}

.footer{
	margin-top:20px;
	border-top: 3px solid #0e168d;
	padding:10px;
}
.footer_1{}
.footer_2{float:right; text-align:right; width:250px}

/* FORM */

fieldset{
	background-color:#e6e8f3;
	border:1px solid #ccc;
	border:none;
	padding:10px 60px;
}

input, label{
	display:block;
}

input, textarea{ margin-bottom:5px;}

.long_text{
	border: 1px solid #0e168d;
	background-color:#FFF;
	width:300px;
	height:1.3em;
}


.details {
	border: 1px solid #0e168d;
	background-color:#FFF;
	width:300px;
	height:70px;
}

#title{ width: 60px}
#name{ width:228px;}

.title{
	width: 60px;
	float:left;
	margin-right:12px;
}

* html .title{
	margin-right:4px;			
}

.name {
	width:228px;
	float:left;
}


input#submit{

	background-color:#FFF;
	border:1px solid #d60169;
	color:#0e168d;
	cursor:pointer;	
	width: 100px;
	height:23px;
}

/* gallery */

.gallery_thumb {
	width: 82px;
	float:left;
	margin:0px 4px 5px 0px;
	font-size:0.9em;
	text-align:center;
}

.gallery_thumb img{
	border: 1px solid #0e168d;
	margin-bottom:3px;
}


.gallery_thumb a img{
	opacity: 1;	
	filter: alpha(opacity=100);
}

.gallery_thumb a:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60)
}

/* accessibilty */

.font_size{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	color: #0e168d;
	border-left: 5px solid #d60169;
	margin-top:30px;
	padding:1px 0px 1px 10px;
	
}
.font_size a:link{text-decoration:none; color:#000}
.font_size a:visited {text-decoration:none; color:#000}
.font_size a:hover{text-decoration:underline; color:#000}
.font_size a:active{text-decoration:none; color:#000}

.font_size_small, .font_size_medium, .font_size_large {color:#000; font-family:Arial, Helvetica, sans-serif}
.font_size_small{font-size:0.7em;}
.font_size_medium{font-size:0.9em;}
.font_size_large{font-size:1.1em;}


/* Traffic lights */
.traffic_lights{
	margin:0em 0px 1em 0px;
}

.traffic_lights div{
	line-height:1.8em;
	padding-left:30px;
	margin-bottom:5px;
}

.traffic_lights div#green{
	background:url(/images/green-light.gif) no-repeat left 0.3em;
}

.traffic_lights div#amber{
	background:url(/images/amber-light.gif) no-repeat left 0.3em;
}

.traffic_lights div#red{
	background:url(/images/red-light.gif) no-repeat left 0.3em;
}

/* skylet */
.skylet{
	margin:0px 0px 1em 0px;
}

.skylet div{
	height:5em;
	padding-left:5em;
	margin-bottom:0.5em;
}

.skylet div#pc70{
	background:url(../images/zeiss-skylet-70.gif) no-repeat left 0.3em;
}

.skylet div#pc80{
	background:url(/images/zeiss-skylet-80.gif) no-repeat left 0.3em;
}

.skylet div#pc90{
	background:url(/images/zeiss-skylet-90.gif) no-repeat left 0.3em;
}

/* GENERAL ELEMENTS*/

.magenta_text {color:#d60169;}

.blue_border{border:1px solid #CCCCCC;}

.warning{color:#FF0000; font-weight:bold;}

.larger{
	font-size:1.3em;
}
.smaller{
	font-size:0.9em;
}

/* image positioning*/

.right_image {
	float:right;
	text-align:right;
	width:200px;
	margin-left:10px;
}

.left_image {
	float:left;
	width:200px;
	text-align:center;
}


.centred_image{
	text-align:center;
}
	/* not floated */
	.centred_image img{
		float:none;
		border:1px solid #e6e8f3;
	}

