* {
margin:0px;
padding:0px;
}

html {overflow:scroll;}

html, body {
height:100%;
}

body {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 62.5%;
/*background: #205c98 url(../images/yellowBackground.png) repeat-y center;*/
background: #205c98;
color:#fff;
}

img {border:0px;display:block;}
img.border{border:1px solid #ffd105;}
img.inline {display:inline;}

.clear {clear: both;}
.clear10 {clear: both;height:10px;}

.clear-block:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clear-block {display: inline-block;}

img.alignright {float:right;margin:0px 0px 10px 15px;}
a.alignright {float:right;margin:0px 0px 10px 15px;}
img.alignleft {float:left;margin:0px 15px 10px 0px;}
img.alignleft2 {float:left;margin:0px 15px 0px 0px;}
a.alignleft {float:left;margin:0px 15px 10px 0px;}

em {font-style:italic;}

strong {font-weight:bold;}

pre {font-size:13px;}

q,cite {
font-size: 13px;
line-height:20px;
margin: 0px 0px 0px 0px;
color:#31312f;
font-weight:bold;
display:block;
font-style:normal;
}

sup, sub {
height: 0;
line-height: 1;
vertical-align: baseline;
position: relative;
}

sup {bottom: 1ex;}
sub {top: .5ex;}

acronym, abbr {
border-bottom: none;
cursor:help;
}

span.hide {display:none;}

.wrapper {
min-height:100%;
min-width:1024px;
background: url(../images/yellowBackground.png) repeat-y center;
}

.wrapper-header {
border-bottom:6px solid #ffd100;
background:url(../images/banner.png) no-repeat top;
height:128px;
}

.header {
width:968px;
margin: 0px auto 0px auto;
height:128px;
position:relative;
}

.header h1 {
position:absolute;
top:0px;
left:0px;
}

.header h1 a {
display:block;
width:169px;
height:134px;
background: url(../images/cobnor-logo.png) no-repeat top;
}

.wrapper-content {
border-bottom:6px solid #ffd100;
background:#28366e;
}

.content {
width:968px;
margin: 0px auto 0px auto;
position:relative;
min-height:260px;
padding:0px 0px 20px 0px;
}

.left {
float:left;
width:169px;
margin: 0px 28px 0px 0px;
}

ul.navbar {
background:#fff;
border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
border-bottom:1px solid #c3c3c3;
display:block;
list-style:none;
}


.navbar li a {
display:block;
width:161px;
height:25px;
line-height:25px;
margin: 0px 0px 3px 3px;
color:#fff;
font-size:1.2em;
text-indent:10px;
text-decoration:none;
background: url(../images/nav.png) no-repeat 0px 0px;
}

.navbar li a:focus {outline: none;}

.navbar li a:hover, .navbar li a.current {background: url(../images/nav.png) no-repeat -179px 0px;color:#ffd100;}


ul.navbar ul.subNav {
list-style:none;
margin: -3px 0px 3px 0px;
}

.navbar li ul.subNav li a {
background:#ffd105;
margin: 0px 0px 0px 3px;
color:#28366e;
height:22px;
line-height:22px;
font-size:1.1em;
}

.navbar li ul.subNav li a:hover, .navbar li ul.subNav li a.current {color:#fff;}

.text {
float:left;
width:559px;
padding:22px 0px 0px 0px;
}

.text h2 {
font-size:2.3em;
color:#fed109;
font-weight:normal;
margin: 0px 0px 10px 0px;
}
.text h3 {
font-size:1.8em;
color:#fed109;
font-weight:normal;
margin: 0px 0px 10px 0px;
}
.text h4 {
font-size:1.6em;
color:#fed109;
font-weight:normal;
margin: 0px 0px 10px 0px;
}

.text h3.activities {
cursor:pointer;
border-bottom:1px solid #fed109;
padding: 0px 0px 8px 0px;
}

.text h4.activities {
cursor:pointer;
font-size:1.4em;
padding: 0px 0px 8px 0px;
background:url(../images/repeat.png) repeat-x bottom;
color:#fff;
}

.ui-accordion-header {position:relative;cursor: pointer;}

.ui-accordion-header .ui-icon { 
display: block; 
width: 8px; 
height: 8px; 
position:absolute;
top:4px;
left:auto;
right:5px;
}

.ui-state-default .ui-icon {background:url(../images/icon.png) no-repeat 0px 0px;}
.ui-state-active .ui-icon {background:url(../images/icon.png) no-repeat -12px 0px;}

.text p {
font-size:1.3em;
line-height:1.4em;
margin: 0px 0px 10px 0px;
}

.text a{
color:#fed109;
text-decoration:none;
}

.text a:hover {
text-decoration:underline;
}

.text ul {
font-size:1.3em;
margin:0px 0px 10px 15px;
}

.text ul li {
line-height:1.4em;
margin: 0px 0px 10px 0px;
}

.text ul ul{
font-size:1em;
margin:8px 0px 10px 25px;
}

.formColumn {
float:left;
width:380px;
}

label {
font-size: 1.2em;
color:#fed109;
font-weight:bold;
display:block;
margin: 0px 0px 6px 0px;
}

input.txtField {
border:1px solid #fed109;
padding: 3px;
width:372px;
font-size:1.2em;
background:#fff url(../images/fieldBackground.png) repeat-x bottom;
}


textarea.txtField {
border:1px solid #fed109;
padding: 3px;
width:372px;
height:130px;
font-size:1.2em;
font-family: Arial, Helvetica, Sans-Serif;
background:#c1c1c1 url(../images/fieldBackground.png) repeat-x top;
}

input.sendbutton {
border:1px solid #fed109;
background:#1f5a95 url(../images/send.png) repeat-x bottom;
color:#fed109;
padding:3px;
cursor:pointer;
}

input.sendbutton:hover {background:#0088d4 url(../images/sendHover.png) repeat-x bottom;}

div.error {
color:red;
font-weight:bold;
margin:3px 0px 0px 0px;
font-size:1.2em;
}

p.error {
color:red;
font-weight:bold;
}

.content .formRowFirst {
padding: 0px 0px 0px 0px;
clear: both;
display: block;
}

.content .formRow {
padding: 10px 0px 0px 0px;
clear: both;
display: block;
}

.content .field {margin: 3px 0px 0px 0px;}
.content .fieldSubmit {
margin: 0px 0px 0px 0px;
text-align:right;
}

.addressColumn {
float:right;
width:160px;
}

.addressColumn h3 {
color:#fed109;
font-size:1.6em;
padding: 0px 0px 10px 0px;
margin: 0px 0px 10px 0px;
background:url(../images/repeat.png) repeat-x bottom;
}
.addressColumn h4 {
color:#fed109;
font-size:1.3em;
height:25px;
cursor:pointer;
padding: 0px 0px 5px 0px;
margin: 0px 0px 10px 0px;
background:url(../images/repeat.png) repeat-x bottom;
}

.addressColumn p {
font-size:1.1em;
margin: 0px 0px 0px 0px;
}

.addressColumn p.last {margin: 0px 0px 10px 0px;}

.addressColumn #accordion div.pane {
color:#fff;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}

span.yellow {color:#fed109;}

table.courses {
width:300px;
margin:10px 0px 10px 0px;
}
table.courses td{vertical-align:top}

#maps {
height:380px;
width:620px;
border:1px solid #666;
}

#mapbox {
/*visibility:hidden;*/
display:none;
position:absolute;
top:0px;
left:189px;
height:417px;
width:622px;
margin-top:30px;
z-index:1000000000;
}

a.buttonmap {
display:block;
height:18px;
line-height:18px;
margin:0px 0px 5px 0px;
color:#fff;
text-decoration:underline;
font-size:1.1em;
background:url(../images/pine.png) no-repeat left;
text-indent:18px;
}


a.buttonmap:focus {outline: none;}

div.strip {
width:610px;
height:18px;
background:#ffd100;
text-align:right;
padding:4px 10px 0px 0px ;
border:1px solid #666;
}
a.closemap {
font-size:1.2em;
color:#28366E;
}

.jumpLinks {
width:183px;
float:right;
}

.jumpLinks ul {
list-style:none;
margin:19px 0px 0px 0px;
}

.jumpLinks ul li {
margin:0px 0px 10px 0px;
}

.jumpLinks ul li a {
color:#fed109;
text-decoration:none;
font-size:1.5em;
}

.jumpLinks ul li a:hover {color:#fff;}

.jumpLinks ul li.gallery {
display:block;
width:173px;
height:41px;
background:url(../images/gallery.png) no-repeat top;
padding:28px 0px 0px 10px;
}

.jumpLinks ul li.calendar {
display:block;
width:173px;
height:50px;
background:url(../images/calendar.png) no-repeat top;
padding:13px 0px 0px 10px;
}

.jumpLinks ul li.downloads {
display:block;
width:173px;
height:40px;
background:url(../images/downloads.png) no-repeat top;
padding:21px 0px 0px 10px;
}

.gallery-flow {
width:968px;
margin: 0px auto 0px auto;
background:#205c98;
/*border-bottom:6px solid #ffd100;*/
}

.imgs {
position: relative; 
height:220px;
margin: 0px 0px 0px 0px;
overflow: hidden;
}

.imgs ul {position: absolute; left: 0; top: 0px; height: 195px; margin: 0; padding: 0; list-style: none;}

.imgs li {
position: absolute;
overflow: hidden;
padding: 15px;
width:249px;
height:180px;
}

.imgs li img.shadow {position: absolute; left: 0; top: 5px; z-index: 0;}
.imgs li img.show {position: absolute; left: 0px; top: 15px; z-index: 1;}
a#prev, a#next {position: absolute; z-index: 10; top: 75px; overflow: hidden; width: 26px; height: 49px; color: #fff; font-size: 3em; line-height: 40px; text-align: center; text-decoration: none; text-indent: -500px;}
a#next {left: 584px; background: #0096DB url(../images/next.png) center center no-repeat;}
a#prev {left: 361px; background: #0096DB url(../images/previous.png) center center no-repeat;}
/*a#prev:hover, a#next:hover {background-color: #000;}*/


.panels {
width:968px;
margin: 0px auto 0px auto;
height:147px;
background:#205c98;
padding:14px 0px 0px 0px;
}

.panel1, .panel2, .panel3 {
background:url(../images/panel.png) no-repeat top;
width:301px;
height:128px;
float:left;
position:relative; 
}

.panel1 h3,
.panel2 h3,
.panel3 h3 {
font-size:;
height:26px;
line-height:26px;
border-bottom:4px solid #fed109;
color:#fed109;
font-size:1.4em;
font-weight:normal;
text-indent:9px;
}

.panel1 {margin: 0px 32px 0px 0px;}
.panel2 {margin: 0px 33px 0px 0px;}

.footer {
width:967px;
margin: 0px auto 0px auto;
height:30px;
position:relative;
}

.navFoot {
position:absolute;
left:15px;
top:5px;
color:#293870;
font-size:1.1em;
}

.navFoot a {
color:#293870;
text-decoration:none;
}
.navFoot a:hover {text-decoration:underline;}

.copyright {
position:absolute;
left:auto;
right:15px;
top:5px;
color:#293870;
font-size:1.1em;
}
/* 
root element for the scrollable. 
when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
/* required settings */ 
position:relative; 
overflow:hidden; 
width: 262px; 
height:82px;
padding: 8px 0px 0px 0px;
margin: 0px 0px 0px 18px;
} 

/* 
root element for scrollable items. Must be absolutely positioned 
and it should have a extremely large width to accomodate scrollable items. 
it's enough that you set width and height for the root element and 
not for this element. 
*/ 
div.scrollable div.items { 
/* this cannot be too large */ 
width:20000em; 
position:absolute;
clear:both;
} 

/* 
a single item. must be floated in horizontal scrolling. 
typically, this element is the one that *you* will style 
the most. 
*/ 
div.scrollable div.items div.subitem { 
cursor:pointer;
float:left;
margin:0px 8px 0px 0px;
padding:0px;
width:80px;
} 

div.scrollable div.items div.subitem img {border:1px solid #fed109;}
div.scrollable div.items div.subitem img.pdf {border:0px;}

div.subitem p {
font-size:1.1em;
margin:3px 0px 0px 0px;
text-align:center;
}
div.subitem p a {
color:#fff;
text-decoration:none;
}

div.subitem p a:hover {text-decoration:underline;}

a.browse {
cursor:pointer;
display:block;
position:absolute;
height:17px;
width:8px;
top:60px;
}

a.left {
background:transparent url(../images/prev.png) no-repeat scroll 0 0;
left:5px;
}
a.right {
background:transparent url(../images/nex.png) no-repeat scroll 0 0;
left:auto;
right:5px;
clear:right;
}

a.disabled {
visibility:hidden !important;
}

/* the large image. we use a gray border around it */
#img {
border:1px solid #666;
}

/* "next image" and "prev image" links */
.next, .prev {
/* absolute positioning relative to the overlay */
position:absolute;
top:40%;	
border:1px solid #666;	
cursor:pointer;
display:block;
padding:10px 20px;
color:#fff;
font-size:11px;

/* upcoming CSS3 features */
-moz-border-radius:5px;
-webkit-border-radius:5px;	
}

.prev {
left:0;
border-left:0;
}

.next {
right:0;
border-right:0;	
}

.next:hover, .prev:hover {
text-decoration:underline;
background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
visibility:hidden;		
}

/* the "information box" */
.info {
position:absolute;
bottom:0;
left:0;	
padding:10px 15px;
color:#fff;
font-size:11px;
border-top:1px solid #666;
}

.info strong {display:block;}

/* progress indicator (animated gif). should be initially hidden */
.progress {
position:absolute;
top:45%;
left:50%;
display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
background:#333 !important;
background:rgba(0, 0, 0, 0.6) url(../images/h80.png) repeat-x;			
}

div.simple_overlay div.close {
background:url(../images/close.png) no-repeat;
position:absolute;
top:-20px;
right:-20px; 
width:35px;
height:35px;
cursor:pointer;
}


.simple_overlay {
display:none;	
/* place overlay on top of other elements */
z-index:10000;
/* styling */
background-color:#333;
width:675px;	
min-height:200px;
/*  border:1px solid #666;*/	
/* place overlay on top of other elements */
z-index:10000;
/* styling */
background-color:#333;
width:675px;	
min-height:200px;
border:1px solid #666;
/* CSS3 styling for latest browsers */
-moz-box-shadow:0 0 90px 5px #000;
-webkit-box-shadow: 0 0 90px #000;
}

.galleryaccordion {
padding: 0px 0px 10px 0px;
}

.galleryaccordion ul {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style:none;
}

.galleryaccordion ul li a {
display:block;
float:left;
width:85px;
height:85px;
border:1px solid #fed109;
margin:0px 7px 7px 0px;
padding:0px 0px 0px 0px;
}
.galleryaccordion ul li a.last {margin:0px 0px 7px 0px;}


div.pagination {
font-size:1.2em;
margin-top:20px;
}

div.pagination a, .div.pagination a:link {
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #fed109;
color: #fed109;
}

div.pagination a:hover {	
border: 1px solid #fff;
color: #fff;
text-decoration: none;
}
div.pagination span.current {
padding: 2px 4px 2px 4px; 
margin: 2px;
font-weight: bold;
border: 1px solid #fff;
color: #fff;
}

div.pagination span {
padding: 2px 4px 2px 4px;
}