/* main menu styles */
body {
               margin: 0;
               FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    /* This path has to be correct! If nothing hovers in IE, */
    /* this is probably not found */
               behavior:url("./fileadmin/template/csshover.htc");
}


P {
                FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
                COLOR: #000000;
                line-height: 150%; 
}


A:link {
                FONT-SIZE: 12px;
	COLOR: #000000;
                TEXT-DECORATION: underline;
}
A:visited {
                FONT-SIZE: 12px;
	COLOR: #ff8380;
                TEXT-DECORATION: underline;
}
A:hover {
	FONT-SIZE: 12px;
                COLOR: #ff5b5b;
                TEXT-DECORATION: underline;
}

a img{
   border:0px;
}
.credits {
	FONT-SIZE: 11px;
                COLOR: #333333;
                LINE-HEIGHT: 14px;
                FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.credits a:link {
            	FONT-SIZE: 11px;
                COLOR: #333333;
                TEXT-DECORATION: underline;
}
.credits a:visited {
             	FONT-SIZE: 11px;
	COLOR: #333333;
                TEXT-DECORATION: underline;
}
.credits a:hover {
            	FONT-SIZE: 11px;
                COLOR: #ff5b5b;
                TEXT-DECORATION: none;
}


/* List TopNav Styles start*/


div#mainnav {
                position: relative;
                width: 746px;
                z-index: 1;
}

li.folder A {
                FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
                font-size: 10px;
                text-decoration: none;
                height: 18px;
                color: #666666;
                font-weight: bold;
                padding: 3px;
}

li.folder A:visited {
                FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
                font-size: 10px;
                text-decoration: none;
                height: 18px;
                color: #666666;
                font-weight: bold;
                padding: 3px;
}

li.folder A:hover {
                FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
                font-size: 10px;
                text-decoration: none;
                height: 18px;
                color: #ff8380;
                font-weight: bold;
                padding: 3px;
}

li.role1 A {
                display: block;
                width: 100%;
                FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
                font-size: 10px;
                text-decoration: none;
                height: 18px;
                color: #666666;
                font-weight: bold;
                padding: 3px;
}

li.role1 A:hover {
                FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
                font-size: 10px;
                text-decoration: none;
                height: 18px;
                color: #ff8380;
                font-weight: bold;
                padding: 3px;
}


ul.dasmenu {
                padding: 0;
                margin: 0;
                background: transparent;
                list-style-type: none; 
}

/* Horizontal Top Navigation */
ul.dasmenu li.folder {
                float: left;
                position: relative;
                width: auto;
                list-style-type: none;
}

ul.dasmenu li.folder:hover {
                z-index: 10;
}

/* this is the style for the submenu.
   * If not hovering, this is hidden (display: none).
   * There are other techniques for hiding this like moving it off screen 
   * which would be better for screen readers, but i use this.
   */

ul.dasmenu li.folder ul {
                display: none;
                list-style-type: none;
                position: absolute;
                top: 3px;    /* distance to top menu */
                left: 0;
                margin: 15px;   /* alignment below top menu */
                padding: 0;
                background: #ffc2c2;
                width: 9em;   /* width of drop down menu also has to be set below for li */
}
 
ul.dasmenu li.folder ul li A {
                FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
                font-size: 11px;
                height: 17px;
                color: #333333;
                font-weight: normal;
                TEXT-DECORATION: none;
                padding: 3px 1px 3px 5px;
}

ul.dasmenu li.folder ul li A:visited {
                FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
                font-size: 11px;
                height: 17px;
                color: #333333;
                font-weight: normal;
                TEXT-DECORATION: none;
                padding: 3px 1px 3px 5px;
}

ul.dasmenu li.folder ul li A:hover {
                FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
                font-size: 11px;
                height: 17x;
                background: #f0f0f0;
                color: #990066;
                font-weight: normal;
                TEXT-DECORATION: none;
                padding: 3px 1px 3px 5px;
}

ul.dasmenu li.folder ul li.role1 A {
                display: block;
                width: 100%;
                FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
                font-size: 11px;
                height: 17px;
                color: #333333;
                font-weight: normal;
                TEXT-DECORATION: none;
                padding: 3px 1px 3px 5px;
}

ul.dasmenu li.folder ul li.role1 A:hover {
                FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
                font-size: 11px;
                height: 17px;
                background: #f0f0f0;
                color: #990066;
                font-weight: normal;
                TEXT-DECORATION: none;
                padding: 3px 1px 3px 5px;
}


 /* correct position for CSS compliant browsers
   * IE doesn't see this due to the parent selector > ul   */
ul.dasmenu li.folder > ul {
                top: auto;
                left: auto;
}
 
 /* when hovering show it   */
ul.dasmenu li.folder:hover ul {
                display: block;
}
 
 /* and now the style for the submenu items  */
ul.dasmenu li.folder ul li  {
                display: block;
                width: 9em; /* width of drop down menu also has to be set above for ul */
                margin: 0;
                padding: 2px 0px;
                border-bottom: 1px solid #9a9a9a;
}
 
 /* this is a hack that it works fine in Opera. Otherwise the rollover
   * overflows to the right. Gecko doesn't care about this padding,
   * and using the parent selector IE doesn't use this either.    */
ul.dasmenu li.folder ul > li {
                padding: 0 2 0 0;
}

/* List TopNav Styles end*/



.bottomnav {
	FONT-SIZE: 11px;
                COLOR: #333333;
                LINE-HEIGHT: 14px;
                FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.bottomnav a:link {
            	FONT-SIZE: 11px;
                COLOR: #333333;
                TEXT-DECORATION: none;
}
.bottomnav a:visited {
             	FONT-SIZE: 11px;
	COLOR: #333333;
                TEXT-DECORATION: none;
}
.bottomnav a:active {
             	FONT-SIZE: 11px;
	COLOR: #ff8380;
                TEXT-DECORATION: none;
}
.bottomnav a:hover {
            	FONT-SIZE: 11px;
                COLOR: #ff5b5b;
                TEXT-DECORATION: none;
}
.bottomnav_act a:link {
            	FONT-SIZE: 11px;
                COLOR: #ff5b5b;
                TEXT-DECORATION: none;
}
.bottomnav_act a:visited {
            	FONT-SIZE: 11px;
                COLOR: #333333;
                TEXT-DECORATION: none;
}
.bottomnav_act a:hover {
            	FONT-SIZE: 11px;
                COLOR: #ff5b5b;
                TEXT-DECORATION: none;
}


.lefttitle {
                width: 150px;
	FONT-SIZE: 11px;
                COLOR: #666666;
                LINE-HEIGHT: 14px;
                FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
                font-weight: bold;
                padding: 2px;
}
.lefttitle a:link {
            	FONT-SIZE: 11px;
                COLOR: #666666;
                font-weight: bold;
                TEXT-DECORATION: none;
}
.lefttitle a:visited {
             	FONT-SIZE: 11px;
	COLOR: #666666;
                TEXT-DECORATION: none;
                font-weight: bold;
}
.lefttitle a:active {
             	FONT-SIZE: 11px;
	COLOR: #666666;
                font-weight: bold;
                TEXT-DECORATION: none;
}
.lefttitle a:hover {
            	FONT-SIZE: 11px;
	COLOR: #666666;
                font-weight: bold;
                TEXT-DECORATION: none;
}
.lefttitle_act {
                width: 150px;
	FONT-SIZE: 11px;
	COLOR: #666666;
                LINE-HEIGHT: 14px;
                FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
                font-weight: bold;
                padding: 2px;
}
}
.lefttitle_act a:link {
            	FONT-SIZE: 11px;
	COLOR: #666666;
                font-weight: bold;
                TEXT-DECORATION: none;
}
.lefttitle_act a:visited {
            	FONT-SIZE: 11px;
	COLOR: #666666;
                font-weight: bold;
                TEXT-DECORATION: none;
}
.lefttitle_act a:hover {
            	FONT-SIZE: 11px;
	COLOR: #666666;
                font-weight: bold;
                TEXT-DECORATION: none;
}


.leftnav {
                width: 100%;
	FONT-SIZE: 11px;
                COLOR: #666666;
                LINE-HEIGHT: 14px;
                FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
                padding: 2px 4px;

}
.leftnav a:link {
                width: 100%;
            	FONT-SIZE: 11px;
                COLOR: #666666;
                TEXT-DECORATION: none;
                padding: 2px 4px;
}
.leftnav a:visited {
                width: 100%;
             	FONT-SIZE: 11px;
	COLOR: #666666;
                TEXT-DECORATION: none;
                padding: 2px 4px;
}
.leftnav a:hover {
                background: #F0F0F0;
                width: 100%;
            	FONT-SIZE: 11px;
                COLOR: #990066;
                TEXT-DECORATION: none;
                padding: 2px 4px;
}
.leftnav_act {
                background: #F0F0F0;
                width: 100%;
	FONT-SIZE: 11px;
                COLOR: #990066;
                LINE-HEIGHT: 14px;
                FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
                padding: 2px 4px;

}
.leftnav_act a:link {
                background: #F0F0F0;
                width: 100%;
            	FONT-SIZE: 11px;
                COLOR: #990066;
                TEXT-DECORATION: none;
                padding: 2px 4px;
}
.leftnav_act a:visited {
                background: #F0F0F0;
                width: 100%;
            	FONT-SIZE: 11px;
                COLOR: #990066;
                TEXT-DECORATION: none;
                padding: 2px 4px;
}
.leftnav_act a:hover {
                background: #F0F0F0;
                width: 100%;
            	FONT-SIZE: 11px;
                COLOR: #990066;
                TEXT-DECORATION: none;
                padding: 2px 4px;
}

.leftnav1 {
                background: #ffeaea;
                width: 100%;
	FONT-SIZE: 11px;
                COLOR: #666666;
                LINE-HEIGHT: 14px;
                FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
                PADDING: 2px 0px 2px 10px;

}
.leftnav1 a:link {
                background: #ffeaea;
                width: 100%;
            	FONT-SIZE: 11px;
                COLOR: #666666;
                TEXT-DECORATION: none;
                PADDING: 2px 0px 2px 10px;
}
.leftnav1 a:visited {
                background: #ffeaea;
                width: 100%;
             	FONT-SIZE: 11px;
	COLOR: #666666;
                TEXT-DECORATION: none;
                PADDING: 2px 0px 2px 10px;
}
.leftnav1 a:hover {
                background: #fff4f4;
                width: 100%;
            	FONT-SIZE: 11px;
                COLOR: #990066;
                TEXT-DECORATION: none;
                PADDING: 2px 0px 2px 10px;
}
.leftnav1_act  {
                background: #ffeaea;
                WIDTH: 100%;
	FONT-SIZE: 11px;
                COLOR: #990066;
                LINE-HEIGHT: 14px;
                FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
                PADDING: 2px 0px 2px 10px;

}
.leftnav1_act a:link {
                background: #ffeaea;
                width: 100%;
            	FONT-SIZE: 11px;
                COLOR: #990066;
                TEXT-DECORATION: none;
                PADDING: 2px 0px 2px 10px;
}
.leftnav1_act a:visited {
                background: #fff4f4;
                width: 100%;
            	FONT-SIZE: 11px;
                COLOR: #990066;
                TEXT-DECORATION: none;
                PADDING: 2px 0px 2px 10px;
}
.leftnav1_act a:active {
                background: #ffeaea;
                width: 100%;
            	FONT-SIZE: 11px;
                COLOR: #990066;
                TEXT-DECORATION: none;
                PADDING: 2px 0px 2px 10px;
}
.leftnav1_act a:hover {
                background: #ffeaea;
                width: 100%;
            	FONT-SIZE: 11px;
                COLOR: #990066;
                TEXT-DECORATION: none;
                PADDING: 2px 0px 2px 10px;
}

.leftnav2 {
                width: 100%;
	FONT-SIZE: 11px;
                COLOR: #000000;
                LINE-HEIGHT: 14px;
                FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
                PADDING: 2px 0px 2px 15px;
                background: #fff4f4;
}
.leftnav2 a:link {
            	FONT-SIZE: 11px;
                COLOR: #666666;
                TEXT-DECORATION: none;
                PADDING: 2px 0px 2px 15px;
}
.leftnav2 a:visited {
             	FONT-SIZE: 11px;
	COLOR: #666666;
                TEXT-DECORATION: none;
                PADDING: 2px 0px 2px 15px;
}
.leftnav2 a:hover {
                DISPLAY: block;
            	FONT-SIZE: 11px;
                COLOR: #990066;
                TEXT-DECORATION: none;
                PADDING: 0px 0px 0px 15px;
}
.leftnav2_act  {
            	FONT-SIZE: 11px;
                COLOR: #990066;
                TEXT-DECORATION: none;
                PADDING: 2px 0px 2px 15px;
                background: #ffdbdb;

}
.leftnav2_act a:link {
            	FONT-SIZE: 11px;
                COLOR: #990066;
                TEXT-DECORATION: none;
                PADDING: 2px 0px 2px 15px;

}
.leftnav2_act a:visited {
            	FONT-SIZE: 11px;
                COLOR: #990066;
                TEXT-DECORATION: none;
                PADDING: 2px 0px 2px 15px;

}
.leftnav2_act a:hover {
            	FONT-SIZE: 11px;
                COLOR: #9900666;
                TEXT-DECORATION: none;
                PADDING: 2px 0px 2px 15px;
}

.feedback {
                WIDTH: 150px;
	FONT-SIZE: 11px;
                COLOR: #666666;
                LINE-HEIGHT: 14px;
                FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
                PADDING-LEFT: 5px;


}

.feedback a:link {
	FONT-SIZE: 11px;
                COLOR: #666666;
                TEXT-DECORATION: none;
}
.feedback a:visited {
	FONT-SIZE: 11px;
                COLOR: #666666;
                TEXT-DECORATION: none;
}
.feedback a:hover {
                background: #F0F0F0;
                width: 100%;
	FONT-SIZE: 11px;
                COLOR: #990066;
                TEXT-DECORATION: none;
}


.feedback1 a:link {
	FONT-SIZE: 11px;
                COLOR: #000000;
                TEXT-DECORATION: none;
}
.feedback1 a:visited {
	FONT-SIZE: 11px;
                COLOR: #000000;
                TEXT-DECORATION: none;
}
.feedback1 a:hover {
	FONT-SIZE: 11px;
                COLOR: #ff5b5b;
                TEXT-DECORATION: none;
}

.error {
	COLOR: #ff0000
}

H1,H2,H3,H4 {
	font-family: Pristina, fantasy;
	color: #ff8380;
}

/* Mailform Formattting */
.mailform {
	font-family : Verdana, sans-serif;
	font-size : 11px;
	color : #000000;
	font-weight : normal;
}
.mailformrequired {
	font-family : Verdana, sans-serif;
	font-size : 11px;
	color : #000000;
	font-weight : bolder;
}
.mailformcomment {
	font-family : Verdana, sans-serif;
	font-size : 11px;
	color : #CC0000;
	font-weight : bolder;
}
.mailformradio {
	font-family : Verdana, sans-serif;
	font-size : 10px;
	color : #000000;
	font-weight : normal;
}

/* Searchform Button */
.searchform {
                FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
                LINE-HEIGHT: 18px;
                COLOR: #000000;
                }

# FAQ formatting
.faqcat {
           FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
           font-size: 14px;
           color: #666666;
           font-weight: bold;
           line-height: 150%; 
}
.faqtitle {
           FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
           font-size: 14px;
           color: #ff8380;
           font-weight: bold;
           line-height: 150%; 
}
.faqcontent {
           FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
           FONT-SIZE: 12px;
           COLOR: #000000;
           line-height: 150%; 
}
.faqsubheader {
           FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
           color: #666666;
           font-weight: bold;
           font-size: 13px;
           line-height: 150%; 
}

# Photographic Library
.pltext {
           FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
           FONT-SIZE: 12px;
           COLOR: #000000;
           line-height: 150%; 
}
.pltitle {
           FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
           FONT-SIZE: 14px;
           COLOR: #666666;
           line-height: 150%;
           font-weight: bold;
           background: #FFC6C6; 
}
.pltopic {
           FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
           FONT-SIZE: 12px;
           COLOR: #666666;
           line-height: 150%;
}
.plalbum {
           FONT-FAMILY: Pristina, fantasy;
           FONT-SIZE: 20px;
           COLOR: #ff8380;;
           line-height: 150%;
           font-weight: bold;
}






/* List TopNav Styles start*/


.mainmenu {
      FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
      font-size: 11px;
      text-decoration: none;
      color: #666666;
      padding: 3px;
}

.mainmenu DIV A{
      FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
      font-size: 10px;
      font-weight: bold;
      text-decoration: none;
      
      letter-spacing:3px;
      color: #666666;
}
.mainmenu DIV A:visited{
      text-decoration: none;
      font-size: 10px;
      color: #666666;
}
.mainmenu DIV A:hover{
      font-size: 10px;
      text-decoration: none;
      color: #ff8380;
}

.mainmenu2 DIV {
   border-bottom:1px solid #9a9a9a
}
.mainmenu2 DIV A{
                display: block;
/*                width: 100%;*/
                FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
                font-size: 11px;
                text-decoration: none;
                color: #333333;
                font-weight: normal;
                padding: 3px;
padding-left:10px;
padding-right:10px;
}
.mainmenu2 DIV A:visited{
                display: block;
                FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
                font-size: 11px;
                text-decoration: none;
                color: #333333;
                font-weight: normal;
                padding: 3px;
padding-left:10px;
padding-right:10px;
}


.mainmenu2 DIV A:hover {
                FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
                font-size: 11px;
                text-decoration: none;
                background: #f0f0f0;
                color: #990066;
                font-weight: normal;
                padding: 3px;
padding-left:10px;
padding-right:10px;

}

.mainmenu_under{
       background: #ffc2c2;
} 


