html, body, ul, li, ul li, p, img, div, span, h1, h2, h3, h4 {margin:0; padding:0}
a img {border: 0}
acronym, abbr {border: 0}

/* Force scroll bars to appear */
html {min-height: 100%; margin-bottom: 1px}

body {font: 9.75pt/1.3 Verdana,Arial,sans-serif; text-align: center; background: #e5e5e5; margin-bottom: 30px;}

h1,h2,h3,h1 span.subtitle {font-family: "Trebuchet MS",Arial,sans-serif; font-weight: normal; line-height: 100%; font-size: 100%; text-transform: none;}
h1 span {font-family: times, serif; text-transform: uppercase}
h1 span.subtitle {display: block; font-size: 65%; height: 0.5em;}
h1 {font-size: 200%;}
h2 {font-size: 160%}
h3, h4 {font-size: 120%; font: 10pt/1.3 Verdana,Arial,sans-serif; font-weight: bold}
h4 {font-weight: normal}

#header {width:100%; overflow:hidden; background: #112000 url(../images/jumplogiclogo2small.png); background-position: center; background-repeat: no-repeat;}
#header h1 {padding: 30px 0 10px 0; color: white; background-color: transparent}
#header h1, #menu {width:770px; margin:0 auto; text-align:left}

/* Static Menu */
ul#nav, ul#nav li {list-style-type:none; margin:0; padding:0}
ul#nav {width:770px; margin:0 auto; text-align:left; font-size: 83%}
ul#nav li {float:right; margin-left: 3px; text-align: center; padding-right: 5px; background: transparent url(../images/menu_right.png) no-repeat  top right}
ul#nav a {float:left; width: 7.25em; padding: 5px 0 5px 3px; text-decoration:none; color: #FFC; background: transparent url(../images/menu_left.png) no-repeat scroll top left}

/* When mouse hovers */
ul#nav a:hover, ul#nav li:hover a {background-position: 0% -400px}
ul#nav li:hover {background-position: 100% -400px}

/* Override changes above for activelinks */
ul#nav li.activelink a, #menu ul#nav li.activelink a:hover {background-image: url(../images/menu_active_left.png); color: black}
ul#nav li.activelink {background-image: url(../images/menu_active_right.png)}
ul#nav li.activelink:hover {background-position: top right}
ul#nav li.activelink a:hover, ul#nav li.activelink:hover a {background-position: top left}

#container {width:750px; margin:0 auto 0 auto; padding: 20px 10px 10px 10px; text-align:left; background: white}
#content {float:left; display:inline; width:560px; padding: 0 0 10px 0; background: white}
#side {float:right; display:inline; width: 180px; padding: 0 0 10px 0; background: white; position: relative;}

#widecontent {float:left; display:inline; margin-bottom: 10px}
#widecontent #monoSlideShow {width: 750px; height: 500px;}

#content h2 {margin: 10px 0 7px 0; color: #5fb200; background-color: transparent; clear: both}
#content .comments {background: #EEE; margin: 0 0 10px 0; clear: both; padding: 10px 10px 0 10px}
#content .comments2 {background: #FFFFFF; margin: 0 0 10px 0; clear: both; padding: 10px 10px 0 10px}
#content .comments h2 {margin-top: 0}
#content .date {float:left; width: 4em; padding: 5px 0 5px 0; background: #F1DDC4; color:#B0001E; text-align:center; margin: 0 4px 4px 0; font-size: 80%; line-height:0.9}
#content .date span {display:block; font-size: 150%; font-weight:bold}
#content p {padding-bottom: 10px;}
#content p.location, p.times {font-weight: bold;}
#content p.location {padding-bottom: 0}
#content p.times {padding-bottom: 15px}
#content p.source{text-align: right; font-style: italic}
#content ul {margin: 0 0 10px 30px}
#content a, #widecontent a, div#side a {text-decoration: none; color: blue}
#content a:hover, #widecontent a:hover {text-decoration: underline;}
#content img.left {float:left; margin-right: 5px;}
#content img.right {float: right; margin-left: 10px; margin-bottom: 10px}

#content p.dateHeader {margin-top: -5px; font-size: 80%; color: #888888; padding-bottom: 5px;}

#content {overflow: hidden}
#content .comments {overflow: hidden; position: relative}
#content ul.execList {list-style-type: none; padding:0px; margin:0; overflow: hidden}
#content ul.execList li {padding: 0; margin: 0; display: block; font-weight: bold; padding-right: 5px; float: left; width: 250px;}
#content ul.execList li .execContainer {width: 540px;}

#content ul.execList li a.info {padding:0; padding-right: 10px; margin: 0; display: block; color: black; width: 235px; float: left;}
#content ul.execList li img {display: block; padding: 0; margin:0;}
#content ul.execList li span.name {display:block; font-weight: normal;}
#content ul.execList li.last {padding: 0;}
#content ul.execList li.last a.info {margin-right: 0;}

/* To change... */

#content #execMorph a.info {margin-right: 10px; margin-bottom: 10px;}
#content #execMorph a.info:focus {outline: none;} 
#content ul.execList div.info {font-weight:normal; width: 540px; display: none;}
/*#content ul.execList div.info {font-weight:normal; position: absolute; top: 0; left: 270px; width: 270px;}*/
#content ul.execList div.info span.details {display: block; font-weight: normal;}
#content ul.execList div.info span.details span {font-weight: bold; /*display: inline-block; width: 13em;*/}



#content ul.nonExecList {list-style-type: none; padding:0; margin:0;}
#content ul.nonExecList li .singleNonExec {padding: 0; margin: 0; margin-bottom: 10px; display: block; width: 50%; float: left; font-weight: bold;}
#content ul.nonExecList li .doubleNonExec {padding: 0; margin: 0; margin-bottom: 10px; display: block; width: 100%; float: left; font-weight: bold;}
#content ul.nonExecList li img {float: left; margin-right: 10px}
#content ul.nonExecList li span {font-weight: normal; display:block;}
#content ul.nonExecList li.last{padding:0}
#content ul.nonExecList li a {display: block; min-height: 80px; margin-right: 10px; color: black}

#content p.afterExecList {clear:both; padding-top: 10px;}


#map {height: 400px; width: 540px; overflow: hidden}

#side h2 {padding: 0 0 0 10px; font-size: 93%; line-height: 150%; background: #3d7000; color: white}
#side ul {margin:0 0 10px 0; padding: 10px 10px 10px 10px; list-style-type: none; background: #d3ff9f; font-size: 95%}
#side ul li {line-height: 2em; display: inline; padding:0; margin:0; width: 100%}
#side ul li a {display: block; line-height: 2em; background: url(../images/dotted.gif); background-position: bottom left; background-repeat: repeat-x; text-decoration: none; color: #3d7000; margin: 0; padding: 0; width: 100%}
#side ul li a:hover {background-color: #5fb200; color: #3d7000}

#footer {clear: both;background: #3d7000; color: white; text-align:center;}
#footer p {padding: 5px}

/* */
.textLink {float: right; font-size: 85%}

#content p.first {padding: 0}
#content ul.simple {list-style-type: none; margin-left:0; padding-left:0;}
#content h3 span.subtitle {font-weight: normal; text-align: center;}

#map .info img {margin-top: -7px; padding-bottom: 0; margin-bottom: 0}
#map .infoTitle {font-family: "Trebuchet MS",Arial,sans-serif; font-weight: normal; line-height: 100%; font-size: 120%; color: #950000; margin-top: 0; background-color: white}
#map .infoTitle span {font-family: times, serif; text-transform: uppercase; font-weight: normal}
#map .infoDetails {font-size: 80%; margin-bottom: 10px}
#map .infoFormText {font-size: 80%;}
#map .info form {clear: both}
#map {margin-top: 5px}

/* Rounded corners - divs with these class names put into document via javascript */
/* Classes and IDs are specified precisly so values are overridden, as have rounded boxes within rounded boxes */
#container.cb {background: white url(../images/white_on_darkgrey_br.png) bottom right no-repeat}
#container .i1 {background: url(../images/white_on_darkgrey_bl.png) bottom left no-repeat; margin: -20px -10px -10px -10px}
#container .i3 {padding: 20px 10px 10px 10px}

#content .cb.comments {background: #eeeeee url(../images/grey_on_white_tl.png) top left no-repeat; height: 100%}
#content .comments .i1 {background: url(../images/grey_on_white_tr.png) top right no-repeat; margin: -10px -10px 0 -10px; padding: 0}
#content .comments .i2 {background: url(../images/grey_on_white_br.png) bottom right no-repeat; margin: 0; padding: 0}
#content .comments .i3 {margin: 0; padding: 10px 10px 0 10px; background: url(../images/grey_on_white_bl.png) bottom left no-repeat;}

#container #footer.cb {background: #3d7000 url(../images/red_on_white_tl.png) top left no-repeat; margin: 0; padding: 0; height: 100%}
#container #footer .i1 {background: url(../images/red_on_white_tr.png) top right no-repeat; margin: 0; padding: 0;}
#container #footer .i2 {background: url(../images/red_on_white_br.png) bottom right no-repeat; margin: 0; padding: 0;}
#container #footer .i3 {background: url(../images/red_on_white_bl.png) bottom left no-repeat; margin: 0; padding: 0;}

#content .comments .cb.date {background: #F1DDC4 url(../images/pink_on_grey_tl.png) top left no-repeat}
#content .comments .date .i1 {background: url(../images/pink_on_grey_tr.png) top right no-repeat; margin: -5px 0 -5px 0; padding: 0}
#content .comments .date .i2 {background: url(../images/pink_on_grey_br.png) bottom right no-repeat; margin: 0; padding: 0}
#content .comments .date .i3 {background: url(../images/pink_on_grey_bl.png) bottom left no-repeat; margin: 0; padding: 5px 0 5px;}

#content .cb.date {background: #F1DDC4 url(../images/pink_on_white_tl.png) top left no-repeat}
#content .date .i1 {background: url(../images/pink_on_white_tr.png) top right no-repeat; margin: -5px 0 -5px 0; padding: 0}
#content .date .i2 {background: url(../images/pink_on_white_br.png) bottom right no-repeat; margin: 0; padding: 0}
#content .date .i3 {background: url(../images/pink_on_white_bl.png) bottom left no-repeat; margin: 0; padding: 5px 0 5px;}

#container #side .cb.sidetitle {background: #3d7000 url(../images/red_on_white_tl.png) top left no-repeat; margin: 0; padding: 0 0 0 10px;}
#container #side .sidetitle .i1 {background: url(../images/red_on_white_tr.png) top right no-repeat; padding: 0; margin: 0 0 0 -10px;}
#container #side .sidetitle .i2 {background: transparent; margin: 0; padding: 0;}
#container #side .sidetitle .i3 {background: transparent; margin: 0; padding: 0 0 0 10px;}

#container #side .cb.sidemenu {background: #F1DDC4  url(../images/pink_on_white_bl.png) bottom left no-repeat; margin: 0 0 10px 0; padding: 10px 10px 10px 10px;}
#container #side .sidemenu .i1 {background: transparent url(../images/pink_on_white_br.png) bottom right no-repeat; margin: -10px -10px -10px -10px; padding: 0} 
#container #side .sidemenu .i2 {background: transparent; margin: 0; padding: 0;}
#container #side .sidemenu .i3 {background: transparent; margin: 0; padding: 10px 10px 10px 10px;}