/* Start of CMSMS style sheet 'W and C' */
/* Positioning of main blocks */

body { margin: 0; padding: 0; background-color: #fff; text-align: center}

#pagewrapper { margin: 25px auto; width: 900px; text-align: left;
  _width: 960px;
}

#menu { float: left; width: 220px; display: inline; }

#main { float: left; width: 680px;
  _width: 740px;
}

#mainpicture {margin-bottom: 20px }

#main-upper { margin: 0; }

#main-upper-beige { margin: 0; padding-top: 30px; margin: 1px 0 0; 
_margin-top: 10px; // foo
}

.main-upper-inner li {margin-left: 2em; padding-left: 2em; }

#heading {height: 154px; }

.main-upper-inner { margin: 0; line-height: 1; padding: 0 30px; }

#left-content { width: 279px; padding: 0 30px 0 0; margin-bottom: 0px; float: left; display: inline;
_width: 339px; // foo
}

#right-content { width: 279px; padding: 0 0 0 30px; margin-bottom: 20px; float: right;
_width: 339px; // foo
 }

#footer { margin: 1px 0 0; 
_margin-top: 10px; // foo
}

#address { position: relative; top: -118px; left: -220px; width: 220px;
_top: -48px; _left: -280px;
}

#heading img {margin: 0 0 0 220px;}

img.coursepic { margin: 20px 30px 30px 30px; }

.course-summary { margin-left: 108px; }

h2, h3, p, .main-upper-inner ul, td { font-family: Arial, Helvetica, sans-serif; line-height: 15px; }
p, .main-upper-inner ul, td { font-size: 12px; color: #fff; margin: 0 0 12px 0; }
td p {margin: 12px 0 0 0; }

h1 { font-size: 16px; margin: 0px 0px 12px 0px; font-weight: normal; }

h2 { font-size: 14px; margin: 0px 0px 12px 0px; font-weight: normal; }

#main-upper-beige a, #main-upper-beige a:visited, 
#main-upper-beige h2, #main-upper-beige a:hover,
h2, a, a:visited,
#footer a, #footer a:visited, #address p a, #address p a:visited, #address p a:hover { 
    text-decoration: none}

h3 { font-size: 12px; color: #fff; margin: 0; font-weight: bold; display: list-item; list-style: disc inside; }

select, input, textarea {
	font-weight: normal;
	font-size: 11px;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
}

hr { border: 0; height: 1px; text-align: center; margin: 12px 0 22px;}

#footer { font: 11px arial, sans-serif;  padding: 28px 35px 48px }
#footer div div { color: #fff; }

/* Rotating pictures on home page */
#rotator { cursor: pointer; overflow: hidden; 
	position: relative; width: 680px; height: 349px; margin: -30px 0 0 -30px; border: 0 }

.main-upper-inner #rotator img { border: 0; cursor: pointer; width: 680px; height: 349px; }


/* Gallery */
#bigpictureImg { width: 638px; }
ul.picturelist li.thumb { float: right; list-style: none; margin: 14px 2px 14px 14px; padding: 0; line-height: 0px; border:none; }
li.thumb a img, ul.picturelist li.thumb a:visited img  { border: 1px #a29372 solid; }
li.thumb a:hover img { border: 1px #fff solid; }

.albumlistcontainer { 
  float: left; width: 240px; padding: 0 ; border-right: 1px #71705d solid;
  margin-bottom: 20px; margin-right: 0px; }
ul.albumlist li.thumb {
  float: left; list-style: none; margin: 4px 14px 8px 0px; padding: 0; line-height: 0px; border:none; }
.main-upper-inenul.albumlist { margin-right: 0px; }
.galleryComment { float: right; width: 350px;  }
.galleryComment2 { float: left;  }
.clear { clear: both; height: 0px;  }
ul.albumlist { padding-left: 0px; }


/* Menu stuff. Ugh */
#menu { line-height: 0; }

#menu ul {
    list-style: none; margin: 0; padding: 0; font: 12px Arial, Helvetica, sans-serif; font-weight: bold; }

#menu li, #menu div.currentpage, #menu div.activeparent, {
    border-bottom: 1px #d7bc90 dotted; padding: 6px 0; margin: 0 85px 0 16px; }

#menu li.top, li.activeparent, li.currentpage {
    border-bottom: none; padding: 0; margin: 0 ; }
div.top, div.activeparent, div.currentpage {
    border-bottom: 1px #d7bc90 dotted; padding: 6px 0; margin: 0 85px 0 16px; }



/* Menu text colours */
/* Top level items are dark olive and gold on hover */
#menu a, #menu a:visited {  color: #44432b; text-decoration: none }
#menu a:hover {  color: #d7bc90; text-decoration: none }

/* Active top level items, second/third level items that are links (and thus not selected) and the links inside the "home page menu item verbiage" are all gold, dark gray on hover */
#menu ul li.activeparent a, #menu ul li.activeparent a:visited, 
#menu ul li ul li a, #menu ul li ul li a:visited,
#menu li.home p a, #menu li.home p a:visited { color: #d7bc90; }
#menu ul li.activeparent a:hover,
#menu  ul li ul li a:hover,
#menu li.home p a:hover{  color: #7a7865 }

#menu ul li.course, #menu ul li.selected_course { font-size: 11px; margin: 0 0 5px 40px}

/* The active second level parent and the current third level item */
#menu ul li ul li div a, #menu ul li ul li div a:visited, 
#menu ul li.activeparent ul li.selected_course a { color: #fff; }

#menu li.currentpage, #menu li.activeparent {
    border: none; padding: 0; margin: 0; background-repeat: no-repeat; }

#menu li.endcurrent {
     background-repeat: no-repeat;
     border: none; padding: 0; margin: -1px 0 0; height: 14px; line-height: 0px;
     _color: #0ff;
     _margin-bottom: -5px;
}

#menu div.activeparent { margin-bottom: 12px; }

#menu ul li ul li { color: #d7bc90; margin: 0 10px 0 25px; border: none; padding: 0 }
#menu ul li ul li.currentpage, #menu ul li ul li.activeparent { background-image: none; }
#menu ul li ul li div.currentpage, #menu ul li ul li div.activeparent {margin: 0 10px 0 25px; border: none;  padding: 0; color: #fff; background-image: none }

/* Special fix for IE7 which otherwise cannot render the menu correctly spaced */
#menu ul, #menu li, #menu li a { zoom: 1 }

#menu li.home {padding: 0px 0 5px;  margin: -2px 18px 0 24px; }
#menu li.home p { color: #fff; margin: 15px 10px 0 0; }
#menu li.top {  background: #fff; }

#sitemap li { list-style-type: none; margin-left: 25px; padding-left: 0; }
#sitemap li ul li { list-style-type: disc; margin-left: 25px; padding-left: 0; }
#sitemap li ul li ul li { list-style-type: none; margin-left: 0; padding-left: 0; }

/* End of 'W and C' */