/* ----------[ Main ]----------------*/
body {
	font:76%/135% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}
code {
	font-family:Monaco, Courier, "Courier New", monospace;
}
#alandarheader {
	float:left;
	margin-top:0px;
	height:130px;
	width:100%;
/*	background:#fff url(../picz/site/header.jpg) no-repeat;*/
	background:#fff url(../picz/site/map.jpg) no-repeat;

}
#mainnav {
	height:26px;
	margin-left:65px;
	_margin-left:33px;
	text-align:left;
	color:#213ea8;
	font-family:sans-serif;
	
	position:relative;
	float:left;
	margin-top:-10px;
}
#mainnav ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#mainnav li {
	display:inline;
	border-left: 1px dotted #aaa;
	padding:5px;
	float:left;
}
#mainnav a { text-decoration:none; font-size:105%; font-weight:bold; color:#1f3ca2; padding:0;}
#mainnav a:hover { text-decoration:none; font-size:105%; font-weight:bold; color:#e2e848;}
#mainnav #current a { text-decoration:none; font-size:105%; font-weight:bold; color:#aaa;}

#sublink {
	position:relative;
/*	float:left;*/
	margin-top:-1px;
	margin-left:25px;
	z-index:5;
}
#sublink ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#sublink li {
	display:inline;
/*	border-left: 1px dotted #aaa;*/
	background:#fff;
	padding:5px;
	margin-left:5px;
}
#sublink a { text-decoration:none; font-size:105%; font-weight:bold; color:#1f3ca2; padding:0;}
#sublink a:hover { text-decoration:none; font-size:105%; font-weight:bold; color:#e2e848;}
#sublink #current a { text-decoration:none; font-size:105%; font-weight:bold; color:#aaa;}

#submenu {
	/** IE6 min-width fix **/
	_width: expression(document.documentElement.clientWidth > 952? "950px" : "auto");
	/**    **/
	width:95%;
	max-width:1200px;
	padding:0;
	background:#1f3ca2;  
	color:#000;
	margin-right:auto;
	margin-left:auto;
	
/*	font-size:103%;*/
}
#rightphoto {
	background:#e2e848;
	float:right;
	width:250px;
	margin:0;
	padding:0;
	margin-top:20px;
}
#rightphoto img {
}
#alandarfooter {
	width:100%;
	height:52px;
	background:#fff;
	color:#333;
	margin-right:auto;
	margin-left:auto;
	font-size:90%;
}
#alandarfooter ul {
	list-style-type:none;
}
#alandarfooter li {
/*	float:right;  */
	display:inline;
	padding: 5px;
/*	margin-right:15px; */
}
#alandarfooter a { text-decoration:none; font-weight:bold; color:#213ea8;}
#alandarfooter a:hover { text-decoration:none; color:#000; background-color:#e2e848;}
#alandarfooter #current a { text-decoration:none; color:#aaaaa8;}

/* ----------[ Alert and Info ]----------------*/
.alert {
	background: #fff6bf url(../picz/site/alert.jpg) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}
.info {
	background: #41a0f1 url(../picz/site/info.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #2f7add;
	border-bottom: 2px solid #2f7add;
	color:#ffffff;
}

/* ----------[ Form ]----------------*/
/* Form CSS*/
form.cmxform fieldset {
  margin-bottom: 10px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: normal;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform label {
  width: 120px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

/* Form CSS*/
form.contactform fieldset {
  background:#faf5e3;
  margin-left:25px;
/*  padding:4px;*/
}
form.contactform legend {
/*  padding: 0 2px;*/
  font-weight: normal;
  font-size: 120%;
}
form.contactform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
  margin-left:40px;
}
form.contactform fieldset fieldset {
  border: none;
/*  margin: 3px 0 0;*/
}
form.contactform fieldset fieldset legend {
/*  padding: 0 0 5px;*/
  font-weight: normal;
}
form.contactform fieldset fieldset label {
  display: block;
  width: auto;
}
form.contactform label {
  width: 120px; /* Width of labels */
}
form.contactform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}
form.contactform textarea {
	margin-right:0;
	width: 70%;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
	padding: 3px;
	background:#fff;
}
.inputtext {
	margin-right:0;
	width: 70%;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
	padding: 3px;
	background:#fff;
}
form.contactform input:focus {
	background:#eee; 
}


/* ----------[ Image popup ]----------------*/
.imgPOPup{
	position: relative;
	z-index: 0;
}
.imgPOPup:hover{
	background-color: transparent;
	z-index: 50;
}
.imgPOPup span{ /*CSS for enlarged image*/
	position: absolute;
	left: -1000px;
	border: 1px solid black;
	visibility: hidden;
	color: black;
	text-decoration: none;
}
.imgPOPup span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}
.imgPOPup:hover span{ /*CSS for enlarged image on hover*/
	background-color: white;
	padding: 5px;
	visibility: visible;
	top: -60px;
	left: 100px; /*position where enlarged image should offset horizontally */
}

/* CSS for the box starts here */
.box {
	padding:0 12px 0 0;
	background:#fff url(../picz/site/borders.png) 100% 0 repeat-y;
}
.bi {
	padding:0 0 0 12px;
	background:#fff url(../picz/site/borders.png) 0 0 repeat-y;
}
.bt {
	height:17px;
	margin:0 -12px;
	background:url(../picz/site/box.png) 100% 0 no-repeat;
}
.bt div {
	width:18px;
	height:17px;
	background:url(../picz/site/box.png) 0 0 no-repeat;
}
.bb {
	height:38px;
	margin:0 -12px;
	background:url(../picz/site/box.png) 100% 100% no-repeat;
}
.bb div {
	width:18px;
	height:38px;
	background:url(../picz/site/box.png) 0 100% no-repeat;
}
.bdata div {
	height:400px;
}
.box h1 {
	margin:0;
	padding:0.3em 10px;
	background:#e2e848;
	font:bold 140% Arial, Helvetica, sans-serif;
	letter-spacing: 0.5px;
}
.box p, .box ul {
	margin:0;
	padding:4px 10px;
	background:#fff;
	min-height: 170px;
	height:auto !important;
	height:170px;
}
.box li {
	margin:0 0 0 2em;
	padding:0;
}

/* ----------[ Others ]----------------*/
.floatright {
	float: right; 
	margin: 0 0 10px 10px;
	padding: 0;
}
.floatleft {
	float: left; 
	margin: 0 0 10px 10px;
	padding: 0;
}
.introduction:first-letter {
	font-size : 180%;
	font-weight : bold;
	float : left;
	width : 1em;
}
.articlesdiv {
width:100%;
}
.articles {
background:#faf5e3;
font-size:110%;
margin-left:30px;
}
.articles a { text-decoration:none; font-weight:bold; color:#000;}
.articles a:hover { text-decoration:none; color:#000; background-color:#e2e848;}

.letter {
position:relative;
/*margin-left:auto;
margin-right:auto;*/
 min-height:150px;
/** IE6 min-width fix **/
_height: expression(document.documentElement.clientWidth < 148? "150px" : "auto");

width:100%;
background: #fff url(../picz/site/letter.jpg) center repeat-y;
}
.letter div {
 _margin-top:10px;
 max-width:620px;
/** IE6 min-width fix **/
_width: expression(document.documentElement.clientWidth > 622? "620px" : "auto");
/**    **/
 margin-left:auto;
 margin-right:auto;
}
.lettertop {
height:30px;
/*position:relative;*/
/*margin-left:auto;
margin-right:auto;*/
width:100%;
background: #fff url(../picz/site/letter-top.jpg) center no-repeat;
}
.letterbottom {
margin-top:-2px;
height:30px;
/*position:relative;*/
/*margin-left:auto;
margin-right:auto;*/
width:100%;
background: #fff url(../picz/site/letter-bottom.jpg) center no-repeat;
}

/* *** table **** */

.videolist {
position:relative;
width:100%;
background: #fff;
}
.videolist div {
 max-width:680px;
/** IE6 min-width fix **/
_width: expression(document.documentElement.clientWidth > 682? "680px" : "auto");
/**    **/
 margin-left:auto;
 margin-right:auto;
}


#mytable {
	background:#fff;
	width: 700px;
	padding: 0;
	margin: 0;
}

#mytable caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#mytable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA;
}

#mytable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

#mytable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	height:50px;
}


#mytable td.alt {
	background: #F5FAFA;
	color: #797268;
	height:10px;
}

#mytable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#mytable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}
