/* CSS Document */
* {margin:0;padding:0;z-index: 1;}

body { padding:0px 0px 20px 0px;}

#preloader_new {vertical-align:middle;height:320px;padding-top: 280px;}

#maincontainer {top: 0px;position:relative;width:865px;left:0;margin-left:0px;z-index:50;margin-top: 0px;height: auto;}

/*container of everything except the footer*/

#intro {position:relative;padding-bottom:70px;height:auto !important;	}

/*Starr CSS Menus*/
/*added new*/
.menu {width:850px; height:200px; position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .menu {	width:851px;	w\idth:850px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; z-index:100; }
.menu ul ul {width:98px; z-index:100;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative; text-align:center; z-index:100;  }
/* style the links for the top level */
.menu a, .menu a:visited {display:block;	font-size:12px;	text-decoration:none;color:#005D90;	width:98px;	height:20px;	border:1px solid #005D90;	border-width:0px 1px 1px 0px;	line-height:20px;	font-family: Arial, Times New Roman, Times, serif; z-index:100;}
/* a hack so that IE5.5 faulty box model is corrected */
/* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;} */
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#B6D4E3; z-index:100;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#B6D4E3 ; z-index:100;}
.menu ul ul :hover > a.drop {background:#B6D4E3; z-index:100;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:20px;left:0; border-top:1px solid #005D90; background:#ffffff; z-index:100;	}
/* another hack for IE5.5 */
/* html .menu ul ul {top:20px;t\op:21px; }*/
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse; z-index:100;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#ffffff; font-size:11px; color:#005D90; height:auto; line-height:1em; padding:5px 10px; border-width:0 1px 1px 1px; z-index:100;}
/* yet another hack for IE5.5 */
/* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}*/
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#89B9D2; z-index:100;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#89B9D2; z-index:100;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
.menuwidth110 a{width: 90px; text-align:left;}
.menuwidth125 a{width: 100px; text-align:left;}
.menuwidth130 a{width: 108px; text-align:left;}
#menucover {position:absolute; width:40px;	border-left:1px #FFFFFF solid;	height:21px; z-index:102; left: 791px; top: 0px; visibility: visible;}
#fade {	position:absolute;	width:70px;	z-index:104; left: 790px; top: 20px;}
.menu ul li a:active {background:#B6D4E3;}
/*End CSS menus-------------------*/

/*container of the first 3 images*/

#pageHeader {position:relative;width:870px;height:260px;}
/*Definitions of the first three images  new logos*/

#logo {position:relative;width:120px;height:100px;background: url(../../images/iskcon_heidelberg_logo_trans.gif) no-repeat;border: 0;left: 0px; cursor: pointer; top: 0px;}
#heading {position:absolute;width:680px;height:100px;background: url(../../images/iskcon_heidelberg_logo_tex.gif) no-repeat;margin-top: 0px;margin-left: 121px;top: 0px;left: -1px;margin-bottom: 10px;}

#mainimage {left:0px;top:79px;position:absolute;width:800px;height:108px;	margin-top: 41px;border-top: 1px;border-top-color: #003366;border-top-style: solid;background-repeat: no-repeat;	}
	
#navfade {width:70px;position:relative;top:-1px;background: url(../../images/nav-fade.gif) no-repeat;height: 1px;left: 800px;}
#pageHeader h1,
#pageHeader h2 {display:none;}
/*Definitons for the left menu*/
#linkList {width:150px;position:absolute; top:300px; right:720px; z-index:1;}
#mySentence{width:150px;position:relative;  z-index:1;}
#linkList ul {font:8pt Arial, Helvetica, sans-serif;list-style-type: none;text-align: right;color: #963819;background-color:transparent;letter-spacing: 1px;line-height: 20px;}

#linkList ul a {font-family : Arial, sans-serif;color: #963819;letter-spacing: 1px;text-decoration:none;font-weight: normal;border:none}
#linkList ul a:hover {color:#004871;border:none;}

#linkListGB {width:200px;position:absolute; top:300px; right:690px; z-index:1;}

#linkListGB ul {font:10pt Arial, Helvetica, sans-serif;list-style-type: none;text-align: right;color: #963819;background-color:transparent;letter-spacing: 1px;line-height: 20px;}

#linkListGB ul a {font-family : Arial, sans-serif;color: #963819;letter-spacing: 1px;text-decoration:none;font-weight: normal;border:none}

#linkListGB ul a:hover {color:#004871;border:none;}

#linkListpad {padding-right: 60px;	}
/* Definitions of  Main Text Body*/
#divBody {width:800px;position: relative;top:18px;left:0px;min-height: 300px;	}
#maincontent {width:800px;position: relative;top:18px;left:0px;min-height: 300px;	}
#block {padding-left: 40px;	}
#footer {width:802px;position: relative;left: 0px;height: 280px;overflow: hidden;}
/*Definitions for the footer*/

#bottomForOben{margin-right:2px;	text-align:right;	text-decoration: none;font-size : 8pt;line-height : 18px;color: #004871;font-family : Arial, sans-serif;letter-spacing: 0.1px;font-style: normal;	}

#bottom{width:800px;border-top:1px;border-top-color:#003366;border-top-style: solid;background: url(../../images/bottom_back_trans.gif) no-repeat;height: 20px;				}

/*code for bottom menu starts*/

#L1 {position:relative;width:96px;height:18px;left: 1px;top: 0px;text-align:center;}
#L2 {position:relative;width:96px;height:18px;left: 99px;top: -18px;text-align:center;}
#L3 {position:relative;width:96px;height:18px;left: 197px;top: -36px;text-align:center;	}
#L4 {position:relative;width:96px;height:18px;left: 296px;top: -54px;text-align:center;	}

#L5 {position:relative;width:96px;height:18px;left: 394px;top: -72px;text-align:center;	}

#L6 {position:relative;width:96px;height:18px;left: 492px;top: -90px;text-align:center;	}

#L7 {position:relative;width:96px;height:18px;left: 589px;top: -108px;text-align:center;	}
#L8 {position:relative;width:96px;height:18px;left: 686px;top: -126px;margin: 0px 0px 0px 20px;	}

#mantra  {width:800px;position: relative;left: 9px;top: -100px;text-align: center;}
#counter {width:800px;position: relative;left: 9px;top: -88px;text-align: center;}

#copy {width:800px;position: relative;left: 9px;top: -80px;text-align: center;}


/*guestbook*/

 #security img { float: left; border: 1px solid #000; }
      label, input, #security img { margin: 5px 0; }
      input, #login { float: left; }
      label, #login { clear: both; }
      label { float: left; width: 7em; }
 #login { margin-top: 5px; }
 
/*Definitions of the main text, does not contain the positioning information of the main text container*/

.nav2 {text-decoration: none;font-size : 8pt; line-height : 20px; color: #963819; font-family : Arial, Helvetica, sans-serif; letter-spacing: 1px;}
a.nav2:hover {text-decoration: none;font-size : 8pt; line-height : 20px; color: #004871; font-family : Arial, Helvetica, sans-serif; letter-spacing: 1px;}
a.nav2:active {text-decoration: none;font-size : 8pt; line-height : 20px; color: #004871; font-family : Arial, Helvetica, sans-serif; letter-spacing: 1px;}

.nav3 {text-decoration: none;font-size : 8pt;line-height : 18px;color: #004871;font-family : Arial, Helvetica, sans-serif;letter-spacing: 0.1px;font-weight: normal;}
a.nav3:hover {text-decoration: none; font-size :  8pt; line-height : 18px; color: #963819; font-family : Arial, Helvetica, sans-serif; letter-spacing: 0.1px;}
a.nav3:active {text-decoration: none; font-size :  8pt; line-height : 18px; color: #963819; font-family : Arial, Helvetica, sans-serif; letter-spacing: 0.1px;}

.nav4 {text-decoration: none;font-size : 9pt;line-height : 22px;color: #004871;font-family : Arial, Helvetica, sans-serif;word-spacing: 3px;letter-spacing: 0.2px; text-align:justify;}
a.nav4:hover {text-decoration: none;font-size : 9pt;line-height : 22px;color: #963819;font-family : Arial, Helvetica, sans-serif;word-spacing: 3px;letter-spacing: 0.2px;}
a.nav4:active {text-decoration: none;font-size : 9pt;line-height : 22px;color: #963819;font-family : Arial, Helvetica, sans-serif;word-spacing: 3px;letter-spacing: 0.2px;}

.nav5 {text-decoration: none; font-size : 18px; line-height : 25px; color: #004871; font-family : Arial, Helvetica, sans-serif;}
a.nav5:hover {text-decoration: none; font-size : 18px; line-height : 25px; color: #963819; font-family : Arial, Helvetica, sans-serif;}
a.nav5:active {text-decoration: none; font-size : 18px; line-height : 25px; color: #963819; font-family : Arial, Helvetica, sans-serif;}

.nav6 {text-decoration: none;font-size : 9pt;line-height : 22px;color: #963819;font-family : Arial, Helvetica, sans-serif;word-spacing: 2px;letter-spacing: 0.2px;}
a.nav6:hover {text-decoration: none;font-size : 9pt;line-height : 22px;color: #004871;font-family : Arial, Helvetica, sans-serif;word-spacing: 2px;letter-spacing: 0.2px;}
a.nav6:active {text-decoration: none;font-size : 9pt;line-height : 22px;color: #004871;font-family : Arial, Helvetica, sans-serif;word-spacing: 2px;letter-spacing: 0.2px;}

