html,body{margin:0;padding:0}
body      { color: #e4e4e4; font-style: normal; font-variant: normal; font-weight: normal; font-family: arial, sans-serif; background: url(../images/bg.jpg) repeat-x }
p  { font-size: 0.86em; margin: 0 10px 10px 24px }
a { text-decoration: none; color: #fff;}
img {border: 0px;}
p a    { font-weight: bold; text-decoration: none; padding: 1px 2px; border: dotted 1px #d4d4d4 }
p a:hover  { text-decoration: none; background-color: #045395 }
h2   { color: #045395; font-style: italic; font-weight: bold; font-size: 1.4em; margin-left: 24px }
h3  { font-size: 1.1em; margin-left: 24px; clear: both; }
h5 { font-size: 1.1em; margin-left: 48px }
h4 { font-style: italic; font-size: 0.9em; margin-left: 24px; clear: both; }
div#header h1 { display: none; }
div#header       { background: url(../images/heading.jpg) no-repeat; float: right; clear: both; width: 642px; height: 133px }
div#container{float:left;text-align:left}
div#content p, #content-home p {line-height:1.4}
div#container         { margin: 0 auto; width: 952px }
div#wrapper        { float: right; clear: left; width: 642px }
div#content            { float: left; width: 642px }
div#content-home { float: left; padding-top: 18px; width: 642px; height: 98px }
div#main-image       { background: url(../images/main-1.jpg) no-repeat; float: left; clear: left; width: 310px; height: 593px }
div#logo      { background: url(../images/logo.gif) no-repeat; float: left; clear: left; margin-top: 485px; margin-left: 74px; width: 150px; height: 108px }
div#footer     { font-size: 0.7em; float: left; clear: left; margin-top: 42px; padding-top: 16px; padding-bottom: 16px; border-top: 2px dotted #007bf0; width: 100% }
div#footer-left  { text-align: center; float: left; clear: none; width: 300px }
div#footer-right   { text-align: center; float: left; clear: none; width: 630px }
div#thumbs {float: left; clear: left;}
div#thumb-1    { float: left; padding-left: 16px; z-index: 100; width: 196px; height: 146px }
div#thumb-1 a { margin: 0px; padding: 0px; border: 0px;}
div#thumb-2   { float: left; padding-left: 8px; z-index: 100; width: 196px; height: 146px }
div#thumb-2 a { margin: 0px; padding: 0px; border: 0px;}
div#thumb-3   { float: left; padding-left: 8px; z-index: 100; width: 200px; height: 146px }
div#thumb-3 a { margin: 0px; padding: 0px; border: 0px;}
div#thumb-4   { float: left; padding-top: 38px; padding-left: 115px; width: 208px; height: 148px }
div#thumb-4 a { margin: 0px; padding: 0px; border: 0px;}
div#thumb-5   { float: left; padding-top: 38px; padding-bottom: 16px; padding-left: 8px; width: 196px; height: 148px }
div#thumb-5 a { margin: 0px; padding: 0px; border: 0px;}
div#footer p { margin: 0; padding: 5px 10px }
div#footer a:hover   { color: #fff; text-decoration: none; padding-bottom: 2px; border-bottom: 1px dotted #fff }

.hidden-form {visibility: hidden}
.break  { clear: left }
.thumb-home { float: left; clear: right }
.thumb-home-label { font-weight: bold; font-size: 12px; text-align: center; float: left; clear: left; width: 100% }
/*///// MENUBAR /////*/

#navcontainer     { padding-top: 104px; padding-left: 16px }

#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
list-style: none;
}

#cssdropdown li.mainitems {
float: left;
position: relative;
background: url(../images/bullet.png) no-repeat 0 0; 
}

.mainitems{
}

.mainitems a       { color: #fff; font-weight: bold; font-size: 1em; text-decoration: none; padding: 6px 6px 6px 1.8em; display: block }
.mainitems a:hover   { }

.subuls { background-color: #013364; border: dotted 1px #dfe0db; position: absolute; top: 2.4em; left: 5em; width: auto; display: none }

.subuls li { text-decoration: none; border-bottom: 1px dotted #fff; width: 8em }

.subuls li a    { font-size: 12px; text-decoration: none; padding: 0.3em 2.2em 0.3em 1.1em; display: block }
.subuls li a:hover  { text-decoration: none; background-color: #045395 }


#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: 1.8em;
left: 0.8em;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
z-index: 100;
}

.list {font-size: 0.86em; margin: 0 10px 10px 60px;line-height: 140%;}
.workshops {font-size: 0.86em; line-height: 140%; margin: 0 10px 10px 24px; }
dd {font-style: italic;}
dt {font-weight: bold;}
.list a    { font-weight: bold; text-decoration: none; padding: 1px 2px; border: dotted 1px #d4d4d4 }
.list a:hover  { text-decoration: none; background-color: #045395 }