html, body {margin: 0; padding: 0; height: 100%;}
body {background: url('pix/layout/bg.gif'); background-repeat: repeat-x; font-family:"Arial"; font-size:11px; align:center;}
a, a:active {color: #004276; text-decoration: none;}
a:hover {color: #dc0000; text-decoration: none;}
#fader {width:1030px; background: url('pix/layout/fader-bg.gif'); background-color:#ffffff; margin:0 auto;}
#ssfader {width:1030px; background: url('pix/layout/ssfader.jpg'); background-color:#ffffff; background-repeat:no-repeat; background-color:#6c1212; margin:0 auto;}
#issfader {width:1030px; background: url('pix/layout/issfader.jpg'); background-color:#ffffff; background-repeat:no-repeat; background-color:#2B7119; margin:0 auto;}
#romefader {width:1030px; background: url('pix/layout/romefader.jpg'); background-color:#ffffff; margin:0 auto;}
#epifader {width:1030px; background: url('pix/layout/epifader.jpg'); background-repeat:no-repeat; background-color:#1B2E73; margin:0 auto;}
#fader2 {background: url('pix/layout/fader2.gif'); background-repeat:no-repeat;}
#header {width:1000px; height:114px; background: url('pix/layout/header-bg.gif'); margin:0 auto;}
#menu {width:1000px; height: 25px; background: url('pix/layout/menu-bg.gif'); border-top: solid 1px #404040; border-bottom: solid 1px #404040; margin:0 auto;}
#menub {width:1000px; height: 18px; background: url('pix/layout/menub-bg.gif'); margin:0 auto;}
#menu ul {list-style-type:none; margin:0; padding:5px 0 0 10px;}
#menu ul li {float:left; font-size:14px; font-weight:bold;}
#menu ul li a {color:#ffffff; text-decoration:none; padding:5px 19px 5px 19px;}
#menu ul li a:hover {background-color:#404040;}
#topmenu {float: right; padding:0 20px 0 0;}
#topmenu ul {list-style-type:none; margin:0; padding: 5px 0 0 0;}
#topmenu ul li {float:left; font-size:13px; font-weight:bold; color:#C00000;}
#topmenu ul li a {color:#C00000; text-decoration:none; padding:0 10px 0 10px;}
#topmenu ul li a:hover {text-decoration:underline;}
#logo {float:left;}
#date {padding:0 50px 0 0;}
#search {padding: 70px 0 0 0;}
a.bottommenu:link, a.bottommenu:visited, a.bottommenu:active {color:#c00000; font-size:13px; text-decoration:none; padding: 0 10px 0 0;}
a.projecttitle:link, a.projecttitle:visited, a.projecttitle:active {color:#004276; font-size:12px; text-decoration:none; font-weight:bold;}
a.projecttitle:hover {color:#DC0000;}
a.dropdown:link, a.dropdown:visited, a.dropdown:active {color:#ffffff; font-size:12px; text-decoration:none;}
a.dropdown:hover {color:#DC0000;}
#latestprojects {font-family:Arial; float:left; width:300px; padding: 0 0 0 40px; font-size:12px; background-color:}
#news {float:right; width:950px; margin-right:20px; z-index:0;}
#newsheader {float:left; color:#ffffff; font-size:26px; font-weight:bold; padding: 5px 0 3px 2px;}
#newstext {float:left; color:#ffffff; font-size:14px; padding: 5px 0 3px 2px;}
#p-select {float:right; width:625px; margin-right:18px;}
#largeboxloc {float: right; width:625px; margin-right:40px; margin-bottom:20px;}
#largeboxtext {font-size:12px; margin-left:15px; margin-right:15px; padding: 15px 0 15px 0;}
#largebox {width:625px; margin-top:20px; background: url('pix/layout/largebox-bg.gif'); background-repeat: no-repeat; border-bottom: solid 1px #999999;}
#largeboxloc2 {float: right; width:800px; margin-right:40px;}
#largebox2 {width:800px; margin-bottom:20px; background: url('pix/layout/largebox-bg2.gif'); background-repeat: no-repeat; border-bottom: solid 1px #999999;}
#articleheader {font-size:18px; font-weight:bold; color:#676767;}
#articletext {font-size:12px;}
#articledate {font-size:10px; font-weight:bold; color:#949494;}
#pageheader {font-size:18px; font-weight:bold; color:#c00000;}
#pagetext {font-size:12px;}
#sspageheader {font-size:18px; font-weight:bold; color:#000000;}
#album {padding: 5px 0 0 0;}
#footerl {width:450px; float:left; padding:10px 10px 10px 10px;}
#footerr {width:200px; float:right; padding:10px 10px 10px 10px; color:#ffffff; font-size:13px;}
#footerr2 {width:200px; float:right; padding:10px 10px 10px 10px; color:#ffffff; font-size:13px;}
.clear {clear: both;}
#videosidebar {float:right; width:300px; padding: 0 40px 0 0;}
#videolatest {border:solid 1px #999999; padding: 15px 0 15px 15px;}
a.videolatest:link, a.videolatest:visited, a.videolatest:active {color:#004276; font-size:12px; text-decoration:none; font-weight:bold;}
a.videolatest:hover {color:#DC0000;}
#videolatesttext {padding: 5px 0 5px 0;}
#videocategories {float:left; width:625px; margin-left:40px;}
#videopopular {float:left; width:625px; height:200px; margin-left:40px;}
#tooltip {width:100px; height:150px; border:solid 1px #999999;}
#player {float:left; margin-left:40px; z-index:0;}
#mediaspace {width:600px; background:#ffffff; font-family:Arial; font-size:12px;}
#videoplaylist {float:left; margin-left:37px; margin-top:20px; width:625px;}
#videorow {width: 800px; height:130px;}
#videorow2 {width: 625px; height:120px;}
#videoblock {color:#000000; width:131px; height:100px; margin-right:34px; float:left; position: relative; background:#F4F4F4;}
#videoblock2 {color:#000000; width:131px; height:100px; margin-right:20px; float:left; position: relative; background:#F4F4F4;}
#videotext {padding: 0 3px 0 3px;}
#videotext2 {padding: 0 3px 0 3px; font-size:12px;}
#videoinfo {float:left; margin-left:40px;}
#videoinfoblocks {width:620px; height:105px; background:#262626;}
#videotitle {float:left; width:390px; padding:10px 10px 10px 10px; font-family:Arial; font-size:14px; font-weight:bold; color:#ffffff; border-bottom:solid 1px #3C3C3C; border-right:solid 1px #3C3C3C;}
#videodescription {float:left; width:390px; height:48px; padding:10px 10px 10px 10px; font-family:Arial; font-size:12px; color:#ffffff; border-right:solid 1px #3C3C3C;}
#videodetails {float:right; width:180px; padding:10px 10px 10px 10px; font-family:Arial; font-size:12px; color:#ffffff;}
#videotopmenu {margin-left:40px;}
a.videodownload:link, a.videodownload:visited, a.videodownload:active {color: #ffffff; text-decoration: none;}
a.videodownload:hover {text-decoration:underline;}
a.videotext:link, a.videotext:visited, a.videotext:active {font-family:Arial; font-size:10px; color: #004276; text-decoration: none; font-weight:bold;}
a.videotext:hover {color:#DC0000;}
img.videothumb {border: solid transparent 3px;}
img.videothumb:hover{border: solid 3px #c00000;}
#leftmenu {float:left; width:150px; margin-left:30px; font-size:14px; font-weight:bold; color:#c00000}
a.leftmenu:link, a.leftmenu:visited, a.leftmenu:active {font-family:Arial; font-size:11px; color: #676767; font-weight:normal; text-decoration: none; padding:5px 5px 5px 0;}
a.leftmenu:hover {color:#000000;}
a.thumbnailtitle:link, a.thumbnailtitle:visited, a.thumbnailtitle:active {font-family:Arial; font-size:12px; color: #004276; font-weight:bold; text-decoration: none; padding:0 0 5px 0;}
a.thumbnailtitle:hover {color:#dc0000;}
#leftcol {float:left; width:360px; margin-right:20px; margin-bottom:15px;}
#rightcol {float:right; width:360px; margin-bottom:15px;}
#connect {float:left; width:750px; margin-top:20px;}
#fullcol {float:left; width:720px; margin-right:20px; margin-bottom:15px;}
#ssheader {margin-left:15px;}
a.issmenu:link, a.issmenu:visited, a.issmenu:active {display:block; font-family:Arial; font-size:13px; font-weight:bold; padding:8px 12px 9px 12px; color: #ffffff; text-decoration: none; border-bottom:solid 1px #000000;}
a.issmenu:hover {color:#ffffff; text-decoration:underline;}
#ssloc {float:right; width:770px; margin-right:25px;}
#issmenu {float:left; margin-left:15px; width:200px;}
#isstexttop {background: url('pix/layout/iss_text_top.gif'); height:30px; margin-top:10px;}
#isstextbottom {background: url('pix/layout/iss_text_bottom.gif'); height:10px; margin-bottom:10px;}
#isstext {background: url('pix/layout/iss_text_bg.gif'); padding:0 20px 0 20px;}
.glidecontentwrapper {position:relative; width:950px; height:400px; overflow:hidden;}
.glidecontent {position:absolute; background:white; visibility:hidden; width:950px;}
.glidecontenttoggler {width:950px; margin-top:6px; text-align:right; background:white;}
.glidecontenttoggler a {font-family:Arial; font-size:20px; color:#666666; background:#eeeeee; padding:5px 10px 5px 10px; margin-right:1px; font-weight:bold; text-decoration:none;}
.glidecontenttoggler a.selected {background:#c00000; color:#ffffff;}
.glidecontenttoggler a:hover {background:#c00000; color:#ffffff;}
.glidecontenttoggler a.toc {width:231px;}
.glidecontenttoggler a.prev, .glidecontenttoggler a.next {width:50px;}
.glidecontenttoggler a.prev:hover, .glidecontenttoggle a.next:hover {background:#c00000; color:white;}
#dropmenudiv {position:absolute; border-bottom-width:0; font:normal 12px Arial; line-height:18px; z-index:100;}
#dropmenudiv a {width:100%; display:block; color:#ffffff; text-indent:3px; padding:3px 5px 3px 5px; text-decoration:none; font-weight:bold; background-color:#404040;}
#dropmenudiv a:hover {background-color:#404040;}
.viewvideos a {display:block; width:123px; height:28px; background: transparent url('pix/layout/viewvideos.gif') no-repeat;}
.viewvideos a:hover {background-position:-123px 0;}
.viewphotos a {display:block; margin-top:2px; width:123px; height:28px; background: transparent url('pix/layout/viewphotos.gif') no-repeat;}
.viewphotos a:hover {background-position:-123px 0;}
#projectthumb {height:100px;}
#gallery {margin-left:40px; margin-right:40px;}
.submenu {}
.menutitle {cursor:pointer;}
a.newstext:link, a.newstext:visited, a.newstext:active {color: #C0C0C0; font-weight:normal; text-decoration:underline;}
a.newstext:hover {color:#dc0000;}
#alert {width:1000px; background:#c1272d; color:#ffffff;}
#alerttitle {padding:0 20px 0 0; font-style: italic;}
#youtube {z-index:0;}
#ytvideorow {width: 990px; height:130px;}
#ytvideoinfoblocks {margin-left:156px; width:720px; height:105px; background:#ffffff;}
#ytvideotitle {float:left; width:698px; padding:10px 10px 10px 10px; font-family:Arial; font-size:14px; font-weight:bold; color:#000000; border-bottom:solid 1px #808080; border-top:solid 1px #808080; border-right:solid 1px #808080; border-left:solid 1px #808080;}
#ytvideodescription {float:left; width:698px; height:48px; padding:10px 10px 10px 10px; font-family:Arial; font-size:12px; color:#000000; border-right:solid 1px #808080; border-left:solid 1px #808080; border-bottom:solid 1px #808080;}
a.rrtheader:link, a.rrtheader:visited, a.rrtheader:active {
font-family: arial;
font-weight: bold;
font-size: 13px;
text-decoration: none;
color: #FFFFFF;
background-image: url('http://www.c2-productions.com/pix/layout/rrt-menu-off.gif');
border-right: 1px solid #484329;
border-top: 1px solid #484329;
border-bottom: 1px solid #484329;
padding: 8px 30px 8px 30px;
height: 32px;
}
a.rrtheader:hover {
color: #FFFFFF;
background-image: url('http://www.c2-productions.com/pix/layout/rrt-menu-over.gif');
}
a.rrtheader2:link, a.rrtheader2:visited, a.rrtheader2:active {
font-family: arial;
font-weight: bold;
font-size: 13px;
text-decoration: none;
color: #FFFFFF;
background-image: url('http://www.c2-productions.com/pix/layout/rrt-menu-off.gif');
border-right: 1px solid #484329;
border-left: 1px solid #484329;
border-top: 1px solid #484329;
border-bottom: 1px solid #484329;
padding: 8px 30px 8px 30px;
height: 32px;
}
a.rrtheader2:hover {
color: #FFFFFF;
background-image: url('http://www.c2-productions.com/pix/layout/rrt-menu-over.gif');
}
a.rrtheader3:link, a.rrtheader3:visited, a.rrtheader3:active {
font-family: arial;
font-weight: bold;
font-size: 13px;
text-decoration: none;
color: #484329;
background-image: url('http://www.c2-productions.com/pix/layout/rrt-menu-over.gif');
border-right: 1px solid #484329;
border-top: 1px solid #484329;
border-bottom: 1px solid #484329;
padding: 8px 30px 8px 30px;
height: 32px;
}
a.rrtheader4:link, a.rrtheader4:visited, a.rrtheader4:active {
font-family: arial;
font-weight: bold;
font-size: 13px;
text-decoration: none;
color: #484329;
background-image: url('http://www.c2-productions.com/pix/layout/rrt-menu-over.gif');
border-right: 1px solid #484329;
border-left: 1px solid #484329;
border-top: 1px solid #484329;
border-bottom: 1px solid #484329;
padding: 8px 30px 8px 30px;
height: 32px;
}
#footer {width:1080px; height:45px; font-size:13px; background: url('pix/layout/footer.jpg'); margin:0 auto;}
#footertext {margin-left:40px; margin-right:80px;}
a.footer:link, a.footer:visited, a.footer:active {color:#000000; font-size:13px; text-decoration:none;}
a.footer:hover {text-decoration:underline;}