@import "layout.css";

body {background-image:url(../images/bg-gradient.gif); background-repeat:repeat-y; background-position: center top; background-attachment:fixed; background-color:#ffffff; color:#4B4F77;}
body.popup {background-image:none; text-align:left;}

.border {border:#666 1px solid;}
.lightgrey {background-color:#eeeeee;}
.lightgreen {background-color:#EBFFEB;}
.lightorange {background-color:#FFECDF;}
.lightpurple {background-color:#F6EFFF;}
.lightyellow {background-color:#FEFFE9;}
.lightpink {background-color:#FBDDF5;}
.lightblue {background-color:#EDFDFF;}
.lightred {background-color:#FBEBEB;}

div.pagewrapper {background-color:#FFFFFF;}
div.navbar {background-color:#2A5285;}
div.mainleft {color:#4B4F77;}
div.mainright {border-left:#699AD1 2px dotted; border-bottom:#699AD1 2px dotted;}
div.date {color:white; background-color:#699AD1;}
div.toolbar {background-color:#699AD1;}
div.search {color:#2a5285; border-top:#699AD1 2px dotted;}
div.print {background-color:#699AD1; background-image:url(../images/printer.gif); background-repeat:no-repeat; background-position: bottom right;}
div.address {color:#2a5285; border-bottom:#699AD1 2px dotted;}
div.footer {color:#ffffff; background-color:#699AD1; border:#699AD1 3px outset;}
div.headline {background-color:#699AD1; color:white;}
div.text {color:#2a5285;}
div.jeanette {color:#575B8D;}
div.conference {border:#699AD1 4px double; color:#4B4F77;}

#toolbar {background-color:#699AD1;}
#toolbar2 {background-color:#B4CEE8; border-bottom:#699AD1 2px dotted;}

#hidsfest {border:#7f9db9 1px solid; background-color:#deeafe;}
#hidsfest input, textarea, select {background-color:#fff; border:#7F9DB9 1px solid;}

h1.grey {background-color:#666666; color:white; border:#fff 6px double;}
h1.green {background-color:#009900; color:white; border:#fff 6px double;}
h1.orange {background-color:#ff6600; color:white; border:#fff 6px double;}
h1.purple {background-color:#6600cc; color:white; border:#fff 6px double;}
h1.yellow {background-color:#A8AE02; color:white; border:#fff 6px double;}
h1.pink {background-color:#DC1CB6; color:white; border:#fff 6px double;}
h1.blue {background-color:#00A3C6; color:white; border:#fff 6px double;}
h1.red {background-color:#CF3131; color:white; border:#fff 6px double;}

h2 {border-top:#666666 1px solid; border-right:#666666 1px solid; border-bottom:#666666 2px solid; border-left:#666666 6px solid; color:#2A5285; background-color:#eeeeee;}
h2.purple {border-top:#60c 1px solid; border-right:#60c 1px solid; border-bottom:#60c 2px solid; border-left:#60c 6px solid; color:#2A5285; background-color:#f6efff;}
h3.green {background-color:#EBFFEB; color:#090; border-top:#009900 1px solid; border-right:#009900 2px solid; border-bottom:#009900 3px solid; border-left:#009900 1px solid;}

a {color:#0033cc; text-decoration:underline;}
a:hover {color:#cc3300;}
a.cis {color:#bbddff; text-decoration:none;}
a.cis:hover {color:#ffcc99;}
a.yew {color:#bbddff; text-decoration:underline;}
a.yew:hover {color:#ff6666;}
a.print {color:#99ffff; text-decoration:underline;}
a.print:hover {color:#ffcc99;}
a.rightmenu {color:#00f; text-decoration:none;}
a.rightmenu:hover {color:#900;}

ul.common2 {color:red;}
ul.common3 {color:green;}
span.common1 {background-color:#B4CEE8; border-top:#CCDFF0 2px solid; border-right:#4E8FCC 2px solid; border-bottom:#4E8FCC 2px solid; border-left:#CCDFF0 2px solid;}

table td {border:#9966ff 1px solid;}
table {border-collapse:collapse;}
form input {border:#9966ff 1px solid;}

#pagewrapper {background-color:#FFFFFF;}
#nav li a {color: white; text-decoration: none;}
#nav li a:hover {color:#ffff00;}
#nav li li a {color: #300;}
#nav li {background-color:#8A8CB8; color:#ffff00;}
#nav li li {border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; background-color: transparent; border-right-width: 0px; background-image:none;}

#nav li.darkgreen {background-color:#009900;}
#nav li.darkorange {background-color:#ff6600;}
#nav li.darkpurple {background-color:#6600cc;}
#nav li.darkyellow {background-color:#A8AE02;}
#nav li.darkpink {background-color:#DC1CB6;}
#nav li.darkblue {background-color:#00A3C6;}
#nav li.darkred {background-color:#CF3131;}
#nav li.darkgrey {background-color:#666666;}

#nav li ul.darkgreydd { background: url(../images/ddbg8.gif) no-repeat left bottom; border-right: #757575 1px solid;}
#nav li ul.darkgreendd { background: url(../images/ddbg1.gif) no-repeat left bottom; border-right: #009900 1px solid;}
#nav li ul.darkorangedd { background: url(../images/ddbg2.gif) no-repeat left bottom; border-right: #ff6600 1px solid;}
#nav li ul.darkpurpledd { background: url(../images/ddbg3.gif) no-repeat left bottom; border-right: #6600cc 1px solid;}
#nav li ul.darkyellowdd { background: url(../images/ddbg4.gif) no-repeat left bottom; border-right: #a8ae02 1px solid;}
#nav li ul.darkpinkdd { background: url(../images/ddbg5.gif) no-repeat left bottom; border-right: #dc1cb6 1px solid;}
#nav li ul.darkbluedd { background: url(../images/ddbg6.gif) no-repeat left bottom; border-right: #00A3C6 1px solid;}
#nav li ul.darkreddd { background: url(../images/ddbg7.gif) no-repeat left bottom; border-right: #CF3131 1px solid;}

/* accessibility box */

#side #acc-panel {background:#fff;}
#side #acc-panel-main {border-top:#699AD1 2px dotted;}
#side ul a {border: 1px solid #ccc;	color: #666; font-size:80%;}
#side ul a:hover {border: 1px solid #666; color: #000;}
#closepanel {display:block; background: #ccc; text-align:center;}
#closepanel a {color: #00c; background: #ccc;}