@import "base.css";

body { margin:0 0 0px 0; padding:0; font: 82%/120% verdana,arial,sans-serif; color:#666666; background:#BAC5CF url(../images/cic_mainbg.jpg) repeat-x; padding:0; }
h1 { font-size:160%; color:#0066CC; font-weight:normal; margin:.5em 0 .5em 0; word-spacing: -0.1em; letter-spacing:-.01em; }
h2 { font-size:140%; color:#0066CC; letter-spacing:-.05em; }
p{margin:0; padding:4px 2px 8px 0;}
/* html img{margin:0 0 -3px 0;}*/
#s_op{display: none;}
#s_op h1{color:#FFFFFF;}
#outercontainer{margin: 0 0 0 0; padding:0; width:100%;}
#maincontainer{margin:0 auto 0 auto; padding:0; width:801px; } /* center align page container */
/*#maincontainer{margin:0; padding:0; width:801px; height:100%;}*/
#topcontainer{margin:0 0 0px 0; padding:0; width:801px; height:78px; float:left;}
#topcontainer img{float:left; }
#innercontainer{margin:0; padding:0; width:801px;  background: url(../images/rightcontainer.jpg) right 0 no-repeat; float:left;}
#leftcontainer{margin:0; padding:0; background:url(../images/leftcontainer.jpg) no-repeat; float:left;}
#containerholder{margin:0 0 0 0; padding:0 3px 0px 3px;  float:left; width:795px; }
#containerholder img{margin:0; padding:0; float:left;}
#container{margin:0; padding:0 10px 0 10px; width:775px; float:left; background:#FFFFFF; display:block; clear:both;}
#container #cicnav{width:100%; height:26px; background:url(../images/nav_bg.jpg) repeat-x; float:left;}
#container #cicnav img{height:26px; float:left;}
#container #cicnav li{float:left; height:26px; line-height:26px;}
/* start of nav */
a.homenav{height:26px; float:left; background:url(../images/home_nav.jpg) 0 0 no-repeat;}
a.homenav:hover{ background-position:0 -26px;}
a.openingnav{height:26px; float:left; background:url(../images/opening_nav.jpg) 0 0 no-repeat;}
a.openingnav:hover{ background-position:0 -26px;}
a.facilitiesnav{height:26px; float:left; background:url(../images/facilities_nav.jpg) 0 0 no-repeat;}
a.facilitiesnav:hover{ background-position:0 -26px;}
a.aboutnav{height:26px; float:left; background:url(../images/about_nav.jpg) 0 0 no-repeat;}
a.aboutnav:hover{ background-position:0 -26px;}
a.cicbackgroundnav{height:26px; float:left; background:url(../images/cicbackground_nav.jpg) 0 0 no-repeat;}
a.cicbackgroundnav:hover{ background-position:0 -26px;}
a.contactnav{height:26px; float:left; background:url(../images/contact_nav.jpg) 0 0 no-repeat;}
a.contactnav:hover{ background-position:0 -26px;}
a.newsnav{height:26px; float:left; background:url(../images/news_nav.jpg) 0 0 no-repeat;}
a.newsnav:hover{ background-position:0 -26px;}
a.eventsnav{height:26px; float:left; background:url(../images/events_nav.jpg) 0 0 no-repeat;}
a.eventsnav:hover{ background-position:0 -26px;}
/* end of nav */
#container .flashitem{width:775px; height:102px; margin:3px 0 0 0; padding:0; float:left;}
#container .flashitem img{height:102px; margin:0; padding:0; float:left;}
#container .content{margin:13px 0 0 0; padding:0; background:#FFFFFF; float:left; width:775px; display:block; }
#container .content a{color:#3297B9; text-decoration:none;}
#container .content a:hover{color:#F55A1C; text-decoration:underline;}
#container .content p{margin:0; padding:4px 2px 8px 0; font:86%/120% Verdana; clear:both;}
#container .content h2{margin:0; padding:2px 0 2px 0; font:115%/120% Verdana; clear:left; color:#0265CA; font-weight:600;}
#container .content h3{color:#F48220; font-size:105%; margin:0; padding:4px 0 1px 0;}
#container .content h3.downloads{color:#0168D1;}
#container .content .col1{margin:0; padding:0 5px 0 0; width:161px; display:block; float:left;}
#container .content .col1 img{margin:0; padding:0 1px 0px 0; display:block; float:left; clear:both;}
#container .content .col1 img.paddbott{padding:0 1px 8px 0;}
#container .content .col2{margin:0; padding:0 10px 0 10px; width:421px; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; float:left; height:100%; }
/*height:expression(document.body.clientWidth < 965 ? "446px" : "100%" )*/
#container .content .photocol2{margin:0; padding:0 0 0 10px; width:592px; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; float:left; }
#container .content .col2 .col2images{margin:0; padding:0px; float:left; width:419px}
#container .content .col2 .col2images img{margin:0; padding:0 5px 5px 0px;  float:left;  }

#container .content .col2 .videoholder{margin:0; padding:10px 5px 10px 0; float:left; width:320px; clear:both; }
#container .content .col3{margin:0; padding:0 0 0 5px; width:161px; float:left;}
#container .content img{margin:0 0 0px 0; float:left;}
#sidenav{width:153px; margin:0 0 8px 0; padding:0px; background-color:#DBE1E6;}
#sidenav .mainnav{margin:0px 0 0px 0; padding:0 0 0 0px; font:82% Verdana; width:153px;  background:#DBE1E6; border-top:1px solid #ffffff; clear:right; display:block;  }
#sidenav .mainnav li{min-height:18px; line-height:18px; margin:0; padding:0; list-style:none; float:left; width:153px; background:#DBE1E6; display:block;clear:both; border-bottom:1px solid #FFFFFF; }
#sidenav .mainnav li a{min-height:18px; margin:0; padding:0; float:left; width:153px; display:block;color:#666666;}
#sidenav .mainnav li a:hover{background:#FFFFFF; min-height:18px;  padding:0; }
#sidenav  .mainnav .paddten{padding:0 0 0 10px; display:block;}
#sidenav  .mainnav .paddten .extrablock{padding:0 0 0 10px;display:block; float:left;}
#sidenav .subnav{width:153px; margin:0; padding:0; font:86% verdana; color:#666666;}
/*#sidenav .subnav ul {width:153px;}*/
#sidenav .subnav li{clear:both; float:left; background:#DBE1E6; padding:0; margin:0; list-style:none; border-bottom:1px solid #FFFFFF;}
#sidenav .subnav li a{width:153px; clear:both;float:left; background:#DBE1E6; padding:0; margin:0; color:#666666;text-decoration:none; height:18px; line-height:18px;}
/* html #sidenav .subnav li{margin:0px 0 -3px 0; padding:0; }*/
#sidenav .subnav li a:hover{background:#FFFFFF; height:18px; padding:0; }

#container .content .col3 .imgholder{margin:0; padding:0;}
#container .content .col3 .textholder{margin:0; padding:8px 0 15px 0;}
#container .content .col3 .textholder ul{margin:0; padding:2px 0 15px 5px; font-size:86%;}
#container .content .col2 .sitemap{margin:0; padding:0; float:left; clear:left; width:300px;font-size:82%;}
.date{color:#0168D1;}
#container .content .col2 .news{}
#container .content .col2 .news p.date{color:#0168D1;}
#container .content .col2 .sitemap a{ color:#666666; text-decoration:none;}
#container .content .col2 .sitemap a.orange{ color:#F48220; font-weight:600;}
#container .content .col2 .sitemap a:hover{ color:#FF0000; text-decoration:underline;}
#container .content .col2 .sitemap p{ color:#F48220; margin:0; padding:2px 0;}
#container .content .col2 .sitemap ul{list-style:none; margin:0; padding:0;}
#container .content .col2 .sitemap ul li{ margin:0; padding:0; list-style:none; line-height:19px; vertical-align:middle;background:url(../images/arrorange.jpg) 0 4px no-repeat; padding:0 0 0 8px;}
#container .content .col2 .textdesc{line-height:19px; vertical-align:middle;background:url(../images/arrorange.jpg) 0 4px no-repeat; padding:0 0 0 8px;}
#container .content .col2 .sitemap .smtoplevel{margin:0 0 2px 5px; padding:0 0 0 15px;}
#container .content .col2 .sitemap .smtoplevel p{}
#container .content .col2 .sitemap .smtoplevel ul{list-style:none; margin:0; padding:0;}
#container .content .col2 .sitemap .smtoplevel li{ margin:0; padding:0; list-style:none; line-height:19px; vertical-align:middle;background:url(../images/arrblue.jpg) 0 4px no-repeat; padding:0 0 0 8px;}
#container .content .col2 .sitemap .smtoplevel a.blue{color:#0066CC; }
#container .content .col2 .sitemap ul.smsublevel{margin:0 0 2px 10px; padding:0 0 0 15px;}
#container .content .col2 .sitemap ul.smsublevel li{ }
#container .content .col2 .contentlist{margin:0; padding:0; font-size:86%;}
#container .content .col2 .contentlist ul{margin:0; padding:0 0 10px 10px; list-style:none;}
#container .content .col2 .contentlist ul li{margin:0; padding:2px 0 2px 20px; list-style:none; background:url(../images/gskarrow.jpg) 0 5px no-repeat;}
#container .content .col2 .normallist{margin:0; padding:0; font-size:86%;}
#container .content .col2 .normallist ol{margin:0; padding:0 0 10px 25px;}
#container .content .col2 .normallist ol li{margin:0; padding:2px 0 2px 0px;  }
#footer{width:775px; margin:0; padding:0px 0 0px 0px; vertical-align:middle; color:#666666; font:82%/120% verdana; border-bottom:4px solid #FFFFFF; clear:both; display:block; }
* html #footer{margin:0 0 1px 0;}
#footer .col1{margin:0; padding:0 5px 8px 0px; width:161px; float:left; text-align:left; clear:both; }
#footer .col2{margin:0; padding:0 10px 8px 10px; width:421px; float:left; text-align:left; color:#666666; border-left:1px solid #CCCCCC; }
.borderright{border-right:1px solid #CCCCCC;}
#footer .widecol2{margin:0; padding:0 0 0 10px; width:592px; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC; float:left;}
#footer .col2 a, #footer .widecol2 a{color:#FF0000; padding:0 12px 0 0px;}
#footer .col2 a:hover, #footer .widecol2 a:hover{color:#666666;}
#footer .col2 p, #footer .widecol2 p{padding:4px 2px 8px 0;}
#sidenav  .subnav .paddten{padding:0 0 0 10px;}
#container .content .col1 .sideimgholder{padding:3px 0 3px 0; margin:3px 0 3px 0; float:left; clear:both;}
#container .content .col1 .sideimgholder img {border:1px solid #999999; padding:0; margin:0;}
#container .content .col1 .sidelinks {margin:0px 0 0px 0; padding:0 0 0 0px; font:82% Verdana; width:153px;  background:#DBE1E6; border-top:1px solid #ffffff; clear:both;  }
#container .content .col1 .sidelinks ul { list-style:none; background:#FFFFFF;}
#container .content .col1 .sidelinks li{clear:both; float:left; background:#DBE1E6; padding:0; margin:0 0 0px 0; list-style:none; border-bottom:1px solid #FFFFFF; width:153px; }
#container .content .col1 .sidelinks li a{list-style:none; width:153px; clear:both;float:left; background:#DBE1E6; padding:3px 0 3px 0; margin:0 0 0px 0; color:#666666;text-decoration:none; border-bottom:0px solid #FFFFFF; clear:left;}
#container .content .col1 .sidelinks li a:hover{background:#FFFFFF; }
#container .content .col1 .sidelinks li.liheight{line-height:18px; height:18px;}
#container .content .col1 .sidelinks li.h2color{background:#F48220; color:#FFFFFF;}
.paddtwo {padding:0 0 0 2px; display:block;}
.sideimg {border:1px solid #999999; padding:0; margin:0;}
a.downloads{background:url(../images/pdficon.jpg) 0 -1px no-repeat; padding:0 0 0 20px; vertical-align:middle; height:22px;}
#container .content .orange a{color:#F48220; font-size:100%; font-weight:600;}
#container .content .orange a:hover{ text-decoration:underline;}
#colorbar{width:500px;}
#colorbar .row{width:500px; margin:0; padding:0; clear:both; height:10px;}
#colorbar .row .item{width:10px; height:10px; margin:0; padding:0; float:left;}
.lrgimg{width:592px; float:left; margin:0; padding:0}
.lrgimg img{margin:0; padding:0; border:1px solid #666666; float:left;}
.lrgimg .closewin{margin:0; padding:0; width:592px;float:left;}
.lrgimg .closewin h5{margin:0; padding:3px 0 0 0; font-size:100%; color:#F48220;}
.lrgimg .closewin h5 a{margin:0; padding:0; text-decoration:none; color:#F48220;}
.lrgimg .closewin h5 a:hover{text-decoration:underline; color:#0265CA;}
.maxheight {height:100%;}
.clearboth{clear:both; display:block;}
/* html img {
margin: 0 0 -3px 0; ma\rgin: 0;
}*/