/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
background-color: #e0e0e0;
font-size: 11px;
font-family: Arial, Verdana, Sans-Serif;
color:#333333;
padding:0;
margin:0;
}
a {color: #DB7093;}
a:visited {color:#DB7093;}
a:hover {color: #564b47;}
a:active { color:#000000;}

h1 {
font-size: 20px;
font-weight:normal;
line-height:20px;
text-transform:uppercase;
padding:5px 10px;
color:#3f8297;
margin:0;
letter-spacing:2px;
}

div#breadcrumb { margin-left:20px;padding:10px;} 
div#breadcrumb a { text-decoration:none }
div#breadcrumb a:hover { text-decoration:none }

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0;}

p { font-size:15px; line-height:25px;letter-spacing:0.8px;}

/* ----------container to center the layout-------------- */
#container {
width: 1024px;
margin-bottom: 10px;
margin: 0 auto;
background-color: #fdfdfd;
}

/* ----------banner for logo-------------- */
#banner {
background-color: #e1ddd9;
text-align: right;
padding: 0px;
margin: 0px;
}
#banner img {padding:10px 0px;} 
/* -----------------content--------------------- */
#header {background-color: #111111;margin: 0 0px;padding:25px 50px;}

div#header { min-height:75px;max-height:75px;height:expression(this.scrollHeight > 75 ? "auto":"75px"); }

#header #donateNow { margin-bottom:15px;}
#header #loginNow { margin-bottom:0px;}
#header #loginNow #loginNav { padding:0px;margin-right:125px;}
#loginButton {padding-left:20px;}
#header div div ul {margin:0px;padding:0px;}
#header div div ul li{ list-style-type:none;display:inline;padding-left:10px;color:#3f8297}
#header div div ul li a {color:#3f8297;text-decoration:none;}
#header div div ul li a:hover {color:#3f8297;text-decoration:underline;}

#header #searchBox #loginNow input{border:1px solid #3f8297;color:#3f8297;font-size:16px;padding:3px 4px;width:250px;vertical-align:top;}

#logo {background-image:url(../img/logo.png);background-repeat:no-repeat;width:209px;height:73px;float:left;}

#searchBox {width:500px;height:99px;float:right;text-align:right;}

#nav {background-color: #555555;padding: 0px;margin: 0 0px;background-image:url(../img/navbar1px.png);}
#nav ul {margin:0px 40px;padding:5px;padding-top:3px;text-transform:uppercase;font-size:15px;letter-spacing:1px;}
#nav ul li{ list-style-type:none;display:inline;padding-right:25px;color:#3f8297}
#nav ul li a {color:#28A8CE;text-decoration:none;}
#nav ul li a:hover {color:#A1D4E4;}

div#nav { 
background-image:url(../img/navbar1px.png);
min-height:28px;
min-width:1024px;
height:expression(this.scrollHeight > 28 ? "auto":"28px"); 
width:expression(this.scrollWidth > 1024 ? "auto":"1024px"); 

}

#mainImage {
background-color: #111111;
padding: 0px;
margin: 0 0px;
}
div#mainImage { 
min-height:491px;
max-height:491px;
height:491px;
height:expression(this.scrollHeight > 491 ? "auto":"491px"); 
}

#mainBody {
background-color: #fdfdfd;
padding: 0px;
margin: 0 0px;
}
div#mainBody { 
height:expression(this.scrollHeight > 500 ? "auto":"500px"); 
padding:30px 40px;
}

div#mainBodyHome { 
height:expression(this.scrollHeight > 500 ? "auto":"500px"); 
padding:30px 40px;
min-height:100%;
margin-top:291px;  /* remove these for other pages */
height:500px;
}

#mainBody #leftBody {
float:left;
min-width:460px;
max-width:460px;
}
#mainBody #leftBody p {margin-bottom:20px;}

#mainBody #centerBody {
float:left;
min-width:1px;
min-height:427px;
background-image:url(../img/vertSpacer.png);
margin:0px 10px;

}

#mainBody #rightBody {
float:left;
min-width:460px;
max-width:460px;

}


#mainBody #leftBody300 {
float:left;
min-width:300px;
max-width:300px;
}
#mainBody #rightBody620 {
float:left;
min-width:620px;
max-width:620px;

}

#mainBody #leftBody400 {
float:left;
min-width:400px;
max-width:400px;
}
#mainBody #rightBody400 {
float:left;
min-width:400px;
max-width:400px;
}

#mainBody #leftBody600 {
float:left;
min-width:600px;
max-width:600px;
}
#mainBody #rightBody200 {
float:left;
min-width:200px;
max-width:200px;
}

.clear { clear:both;}
.linkHeader {font-size:20px;font-weight:normal;text-decoration:none;color:#333333}
.linkHeader:visited {color:#333333 }
.linkHeader:hover {text-decoration:none;color:#555555}
.bold {font-weight:bold }
 
.clickme {color:#3f8297;font-size:12px;font-style:italic;text-decoration:none;}
.clickme:hover {color:#3f8297;font-size:12px;font-style:italic;text-decoration:underline;}

#footer {
padding: 0px;
margin: 0 0px;
}
div#footer { 
min-height:25px;
height:expression(this.scrollHeight > 25 ? "auto":"25px"); 
}
#footer ul {margin:0px;padding:0px;text-align:center}
#footer ul li{ list-style-type:none;display:inline;padding-left:50px;color:#3f8297}
#footer ul li a {color:#3f8297;text-decoration:none;}
#footer ul li a:hover {color:#3f8297;text-decoration:underline;}

p, pre{
padding: 5px 10px;
margin:0px;
}

/* --------------left navi------------- */
#left {
float: left;
width: 200px;
margin: 0;
padding: 0;
}
#right {
float: right;
width: 200px;
margin: 0;
padding: 0;
}


/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0;
padding: 0;
text-align: right; }


/* -----------admin--------------------------- */
div#loginform {width:525px;margin-left:0px;}
div#loginform .required {font-weight:bold;margin-bottom:10px;text-align:right}
div#loginform .submit {text-align:right}

div#mainWindow { margin: 20px 40px;font-size:1.4em; }
div#mainWindow h3{ margin: 10px 10px }

div#adminform {width:720px;margin:20px;}
div#adminform .required {font-weight:bold;margin-bottom:10px;text-align:left}
div#adminform .submit {text-align:right}
div#adminform table {}
div#adminform table tr{}
div#adminform table .catHeader{ background-color:#ffffff;}
div#adminform table .catHeader td{ font-weight:bold; text-transform:uppercase}
div#adminform table tr th{font-weight:bold;padding:5px;}
div#adminform table tr td{padding:5px;vertical-align:top}
div#adminform table .on { background-color:#e2b98c}
div#adminform table .off { background-color:#e6d78f}
div#adminform table .header { background-color:#797A7A;font-weight:bold;color:#f0f0f0}
div#adminform .inputClass { background-color:#e6d78f;border:1px solid #3F5C8C;color:#3F5C8C;font-size:16px;height:22px;width:350px;margin-bottom:20px; }
div#adminform .inputFileClass { background-color:#e6d78f;border:1px solid #3F5C8C;color:#3F5C8C;font-size:16px;height:33px;width:350px;margin-bottom:20px; }
div#adminform .submitClass { background-color:#e6d78f;border:1px solid #3F5C8C;color:#3F5C8C;font-size:14px;padding:4px;font-weight:bold}
div#adminform .submitClass:hover { background-color:#3F5C8C;border:1px solid #e6d78f;color:#e6d78f;}
div#adminform .pagination { font-weight:bold; padding:10px 10px;color:#b4b4b4;  }
div#adminform .pagination a { text-decoration:none;color:#000000; }
div#adminform .pagination a:hover { color:#b4b4b4; }
div#adminform .paginationHeader { font-weight:bold; color:#ffffff;  }
div#adminform .paginationHeader a { text-decoration:none;color:#b4b4b4; }
div#adminform .paginationHeader a:hover { color:#ffffff; }

#mainBody img {border:0px;}
#mainBody .required {font-weight:bold;margin-bottom:10px;text-align:left}
#mainBody .submit {text-align:right}
#mainBody table {/*width:940px;*/width:200px;margin-left:3px;}
#mainBody table tr{}
#mainBody table .catHeader{ background-color:#ffffff;}
#mainBody table .catHeader td{ font-weight:bold; text-transform:uppercase}
#mainBody table tr th{font-weight:bold;padding:5px;}
#mainBody table tr td{padding:5px;vertical-align:top}
#mainBody table .on { background-color:#e2b98c}
#mainBody table .off { background-color:#e6d78f}
#mainBody table .header { background-color:#797A7A;font-weight:bold;color:#f0f0f0}
#mainBody .inputClass { background-color:#e6d78f;border:1px solid #3F5C8C;color:#3F5C8C;font-size:16px;height:22px;width:350px;margin-bottom:20px; }
#mainBody .inputFileClass { background-color:#e6d78f;border:1px solid #3F5C8C;color:#3F5C8C;font-size:16px;height:33px;width:350px;margin-bottom:20px; }
#mainBody .submitClass:hover { background-color:#3F5C8C;border:1px solid #e6d78f;color:#e6d78f;}
#mainBody .pagination { font-weight:bold; padding:10px 10px;color:#b4b4b4;  }
#mainBody .pagination a { text-decoration:none;color:#000000; }
#mainBody .pagination a:hover { color:#b4b4b4; }
#mainBody .paginationHeader { font-weight:bold; color:#ffffff;  }
#mainBody .paginationHeader a { text-decoration:none;color:#b4b4b4; }
#mainBody .paginationHeader a:hover { color:#ffffff; }
#mainBody h1 {font-size:14px;font-weight:bold;color:#4F5D8B;padding:3px 8px;}
#mainBody h1 a {text-decoration:none;color:#4F5D8B}
#mainBody h1 a:hover {text-decoration:underline;color:#B4B4B4}

#editform {width:800px;margin:20px;}
#editform .required {font-weight:bold;margin-bottom:30px;text-align:left}
#editform input { width:300px;height:20px; font-size:16px;}
#editform label { font-size:16px;font-weight:normal}

#editform .submit {text-align:right}
#editform .inputClass { background-color:#e6d78f;border:1px solid #3F5C8C;color:#3F5C8C;font-size:16px;height:22px;width:350px;margin-bottom:20px; }
#editform .inputFileClass { background-color:#e6d78f;border:1px solid #3F5C8C;color:#3F5C8C;font-size:16px;height:33px;width:350px;margin-bottom:20px; }
#editform .submitClass { background-color:#e6d78f;height:30px;border:1px solid #3F5C8C;color:#3F5C8C;font-size:14px;padding:4px;font-weight:bold}
#editform .submitClass:hover { background-color:#3F5C8C;height:30px;border:1px solid #e6d78f;color:#e6d78f;}
#editform form div div span table {width:100px;}
#editform #ArtistBody { height:300px;width:500px; }


/* -----------navmenun--------------------------- */

#directory { font-size:15px; }

/* -----------navmenun--------------------------- */
#navmenu, #navmenu ul{
margin:0;
padding:2px;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
text-transform:lowercase;
z-index:10000;
}

#navmenu a{
display:block;
padding:0px 5px;
color:#fff;
text-decoration:none;
}

#navmenu ul li a{
display:block;
padding:0px 5px;
color:#28A8CE;
text-decoration:none;
background-color:#111111;
}

#navmenu a:hover{

}

#navmenu ul li a:hover{
background-color:#28A8CE;
color:#111;
}

#navmenu li{
float:left;
position:relative;
}

#navmenu ul {
position:absolute;
display:none;
width:12em;
top:1.5em;
}

#navmenu li ul a{
width:12em;
height:auto;
float:left;
padding-top:5px;
padding-bottom:5px;
}

#navmenu ul ul{
top:auto;
}	

#navmenu li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#navmenu li:hover ul ul, #navmenu li:hover ul ul ul, #navmenu li:hover ul ul ul ul{
display:none;
}
#navmenu li:hover ul, #navmenu li li:hover ul, #navmenu li li li:hover ul, #navmenu li li li li:hover ul{
display:block;
}


/* main image overlay */
#overlay {
color:#848484;
padding-top:50px;
padding-left: 718px;
position:absolute;
width:250px;
max-width:250px;
z-index:50;
opacity:0.8;
filter:alpha(opacity=70);
}

#overlay #top { filter:alpha(opacity=70);background-color: #111;background-repeat:repeat-y;width:100%;max-height:37px;padding-left:20px;padding-top:8px;padding-right:20px;}
#overlay #bottom { filter:alpha(opacity=70);background-color: #111;background-repeat:no-repeat;overflow:auto;min-height:385px;max-height:385px;padding-left:15px;padding-right:30px;}
#overlay #top h1 { font-size:20px;color:#111111;}
#overlay #top h1 em { font-size:13px;}
#overlay #bottom h1 { font-size:13px;color:#f69961;padding:0px;padding-top:8px;padding-right:25px;}
#overlay #bottom p { font-size:13px;color:#fdfdfd;padding-right:10px;letter-spacing:1px;}
#overlay #bottom p a {color:#fdfdfd;text-decoration:none;font-style:italic }
#overlay #bottom p a:hover {text-decoration:underline }

/* main caption overlay */
#overlay1 {
color:#848484;
padding-top:385px;
padding-left: 50px;
position:absolute;
width:400px;
max-width:400px;
z-index:50;
opacity:0.8;
filter:alpha(opacity=70);
}

#overlay1 #top { filter:alpha(opacity=70);background-color: #111;background-repeat:repeat-y;width:100%;max-height:37px;padding-left:20px;padding-top:8px;padding-right:20px;}
#overlay1 #bottom { filter:alpha(opacity=70);background-color: #111;background-repeat:no-repeat;min-height:100px;padding-left:15px;padding-right:30px;}
#overlay1 #top h1 { font-size:20px;color:#111111;}
#overlay1 #top h1 em { font-size:13px;}
#overlay1 #bottom h1 { font-size:13px;color:#f69961;padding:0px;padding-top:8px;padding-right:25px;}
#overlay1 #bottom p { font-size:13px;color:#fdfdfd;padding-right:10px;letter-spacing:1px;}
#overlay1 #bottom p a {color:#28A8CE;text-decoration:none;font-style:italic }
#overlay1 #bottom p a:hover {text-decoration:underline }

.required .error { background-color:inherit;padding:inherit;border:inherit;text-align:inherit;margin:inherit}
.required .error .error-message {display:none}
.error { color:#cc0000;background-color:#eaaeae;padding:10px 10px 10px 10px;margin:20px 45px;border: 1px solid #D8D1CD; }
.error a {color:#cc0000;text-decoration:none}
.error h1 {color:#111111;font-size:14px;}
.error a:hover {text-decoration:underline}
.error-message {font-weight:normal;}
.usermessage { color:#006E2E;background-color:#6BBA70;padding:10px 10px 10px 10px;margin:20px 45px;border: 1px solid #D8D1CD; }
.usermessage h1 {color:#111111;font-size:14px;}
.usermessage a {color:#006E2E;text-decoration:none}
.usermessage a:hover {text-decoration:underline}
.indexhelp {margin:3px 0px 10px 0px;padding:3px;border:1px solid #111111;background-color:#6BBA70}
.quicklinkhelp {margin:3px 0px 10px 0px;padding:3px;border:1px solid #111111;background-color:#6BBA70}
/*
#mainImage{
width:1024px;
height:491px;
background-repeat: no-repeat;
float: left;
position:relative;
display:block;
}


#overlay {
color:#848484;
height:358px;
min-height:358px;
max-height:358px;
padding-top:100px;
padding-left: 540px;
position:absolute;
width:372px;
max-width:372px;
z-index:50;
opacity:0.8;
filter:alpha(opacity=70);
}

#overlay #top { filter:alpha(opacity=70);background-color: #111;background-repeat:repeat-y;width:100%;max-height:37px;padding-left:20px;padding-top:8px;padding-right:20px;}
#overlay #bottom { filter:alpha(opacity=70);background-color: #111;background-repeat:no-repeat;width:100%;min-height:321px;padding-left:15px;padding-right:30px;}
#overlay #top h1 { font-size:20px;color:#111111;}
#overlay #top h1 em { font-size:13px;}
#overlay #bottom h1 { font-size:13px;color:#f69961;padding:0px;padding-top:8px;padding-right:25px;}
#overlay #bottom p { font-size:13px;color:#fdfdfd;padding-right:10px;letter-spacing:1px;}
#overlay #bottom p a {color:#fdfdfd;text-decoration:none;font-style:italic }
#overlay #bottom p a:hover {text-decoration:underline }
*/