body {
  margin: 0 ;    
  background: #313131 url(/templatesv2/default/images/bg.gif) repeat top left ;
  color: white ;
  text-align: left ;
}

div {
    text-align: left ;
}

div.footnote {
    font-family: Arial ;
    font-size: 8pt ;
}

table.contact td {
    padding-right: 15px ;
}

table.protected {
    margin: 10px ;
}

table.protected td {
    padding-right: 15px ;
    font-size: 10pt ;
}

input.mail {
    width: 16em ;
}

b.green {
    color: #5F5 ;
}

a {
  text-decoration: none ;
  color: #65A9D9 ;
  font-family: Tahoma ;
  font-size: 10pt ;
}

a:hover {      
  /* color: #9FCDED ; */
  color: white ;
}

table.container {
    width: 1000px ;
    border: 0 ;
    margin: 0 ;
    padding: 0 ;
}

div.divcontainer {
    width: 100% ;
    border: 1px solid red ;    
}

/** ie form extra white space fix */
form {
  padding: 0 ;
  margin: 0 ;
}

.margin10px {
    margin: 10px ;
}

#title {
  background-color: black ;
  background: black url(/templatesv2/default/images/ciw-logo.png) no-repeat center ;
  border: 1px solid #222 ;  
}

#top-nav, #lower-nav {
  padding-left: 70px ;
  color: #484848 ;
  padding-bottom: 2px ;  
}

#top-nav {
    border-bottom: 1px solid #222 ;
    
    background: #565656 url(/templatesv2/default/images/line55px-65.gif) repeat-y top left ;
}

#rand-pic {  
  border-bottom: 1px solid #333 ;
}

#lower-nav {   
  border-bottom: 1px solid #292929 ;
  background: #565656 url(/templatesv2/default/images/line55px-65.gif) repeat-y top left ;  
}

#top-nav, #lower-nav, #title, #rand-pic, #content {
    border-left: 1px solid #222 ;
    border-right: 1px solid #222 ;
}

#content {

}
#content-popup {
  
  margin: 5px 55px ;
  border-top: 1px solid #222 ;
}
#content-popup, #content {
  background: #565656 url(/templatesv2/default/images/navbarshade.gif) repeat-x top left ;  
}
#content-shade {
  border-bottom: 1px solid #222 ;  
  background: #313131 url(/templatesv2/default/images/footershade.gif) repeat-x top left ;
  height: 14px ;
}

#footer {            
  padding: 2px 0 30px 0 ;    
  clear: both ;
  font-family: Tahoma ;
  font-size: 8pt ;
  color: #777 ;
  text-align: center ;
}

#sidedisplay {
  display: inline ; /** ie hack */
  margin: 10px 0 0 50px ;  
  float: left ;  
  width: 250px ;  
}
#maindisplay { 
  display: inline ;  /** ie hack */
  margin-top: 10px ;
  float: left ;         
}

/** general purpose */
.clearfloat {
  clear: both ;
}
.emboss, .paging, .sform-title, .mod-cmt td, .dl-act td {
  color: #AAA ;  
  border: 1px solid #333 ;
  border-right: 1px solid #666 ;
  border-bottom: 1px solid #666 ;  
  background: #444 ;
}
.paging {
  padding-bottom: 3px ;    
  margin: 5px 20px ;
  font-family: Tahoma ;
  font-size: 14pt ;
  text-align: center ;  
}
.paging a:hover {
  font-size: 14pt ;
}
.iv-paging {
  padding: 5px ;
}
.floatleft {
  float: left ;
}
.floatright {
  float: right ;
}
.mod-cmt td, .dl-act td {
  padding: 2px ;
}
.dl-act b {
  color: white ;
}

/** image view */
.imageview {  
  font-family: Tahoma ;
  font-size: 10pt ;  
  padding: 10px ;
}
.imageview-title {  
  font-family: Times ; /*  New Roman ; */
  font-size: 16pt ;
  text-align: center ;
}
.imageview-preview {
  margin-top: 10px ;
  text-align: center ;
}
.imageview-desc {  
  font-family: Verdana ;
  text-align: left ;
  font-size: 10pt ;
  padding: 5px 30px ;
  margin: 10px 60px ;  
}

/** search box */
.searchbox {  
  width: 217px ;
  text-align: center ;      
}
.srcinput {
  border: 1px solid #313131 ;
  background: #AAA ;
  width: 135px ;
  height: 22px ;
}
.srcbutton {
  border: 1px solid #AAA ;
  border-right: 1px solid #555 ;
  border-bottom: 1px solid #555 ;
  background: #777 ;
  height: 22px ;
}

/** navigation styles */
.navigation {     
  padding-top: 10px ;   
  font-family: Tahoma ;  
  font-size: 8pt ;    
}
.navlink {
  width: 217px ;
  background: #565656 url(/templatesv2/default/images/linkbg.gif) repeat-y top left ;
  border: 1px solid #333 ;  
  margin-bottom: 2px ;
  padding: 3px 0 ;  
}
.navspacer {
  padding-left: 20px ;
}

/** tags */
.tags {            
  margin-top: 10px;   
  width: 217px ;  
  background: #606060 ;
  border: 1px solid #505050 ;
  border-right: 1px solid #666666 ;
  border-bottom: 1px solid #666666 ;
  overflow: hidden ;
}
.tagspadding {
  text-align: center ;
  padding: 5px ;    
}

/** blog styles */
.blogentry {  
  clear: both ;  
  padding: 10px 0 0 30px ;  
}
.blogtop {  
  margin-top: 25px ;
  background: #565656 url(/templatesv2/default/images/blogtop.gif) no-repeat top left ;
  width: 375px ;  
  height: 7px ;
}
.blogbottom {  
  background: #565656 url(/templatesv2/default/images/blogbottom.gif) no-repeat top left ;  
  height: 7px ;  
}
.blogcenter {
  background: #565656 url(/templatesv2/default/images/blogcenter.gif) repeat-y top left ;    
}
.blogtitle {
  font-family: Tahoma ;
  font-size: 18pt ;
  padding-left: 30px ;
}
.blogdesc {
  font-family: Tahoma ;
  font-size: 8pt ;    
  padding: 0 0 5px 60px ;
  color: #AEAEAE ;
  width: 800px ;
}
.blogtext {
  width: 800px ;
  font-family: Tahoma ;
  font-size: 10pt ;
  padding-left: 30px ;
}

/** category styles */
.category { 
  width: 800px ;
  padding: 10px 0 0 25px ;  
  color: white ;
  font-family: Tahoma ;
  margin-bottom: 10px ;
}
.cattitle {
  font-size: 24pt ;
  color: white ;
}
.catdesc {
  font-size: 12pt ;
  padding-left: 30px ;
  color: #BBBBBB ;
}
div.thmbwrap {
    margin-left: 60px ;
}
div.sthmbwrap {
    margin-left: 45px ;
}

/** 250x250px rounded box */
.rb250px {      
  background-image: url(/templatesv2/default/images/250pix.png) ;
  background-repeat: no-repeat ;
  background-position: top left ;
  width: 256px ;
  height: 256px ;
  margin: 7px ;
}
.imgwrap {
  text-align: center ;      
}
.imgwrap img {
  border: 1px solid #777 ;  
  padding: 1px ;
  background: white ;
}
.imgwrap-tools {
  position: absolute ;   
  bottom: 15px ;
  right: 30px ;
  color: black ;
  font-size: 8pt ;
}

/** 190x190px rounded box */
.rb190px {  
  background-image: url(/templatesv2/default/images/190pix.png) ;
  background-repeat: no-repeat ;
  background-position: top left ;
  width: 196px ;
  height: 196px ;
  margin: 7px ;
}

/** standard forms */
.sform {
  /* margin: 20px 30px ; */
  border: 1px solid #777 ;
  border-bottom: 1px solid #444 ;
  border-right: 1px solid #444 ;
  margin-bottom: 5px ;
  padding: 5px ;
  font-family: Tahoma ;
  font-size: 10pt ;
  width: 550px ;
  text-align: left ;  
  background-color: #565656 ;
}
.sform textarea {
    font-family: Times ;
    font-size: 12pt ;
  width: 25em ;
  height: 8em ;
}
.sform input {  
}
.sform-title {
  color: #BBB ;
  padding: 2px 5px ;
  font-size: 10pt ;  
}
.sform-title b {
  color: white ;
  font-size: 14pt ;
}
.sform-contents {
  padding: 5px 10px ;
}

/** image popup view */
.imageview {
}
.imageview img {
  border: 1px solid black ;
  padding: 1px ;
  background: white ;
}

/** faq styles */
.faq {
  font-family: Times ;
  width: 550px ;
}
.faq-title {
  font-size: 24pt ;
  margin-bottom: 5px ;
}
.faq-question {
  font-size: 14pt ;
  padding-left: 10px ;
}
.faq-answer {
  font-size: 10pt ;
  padding-left: 30px ;
  margin-bottom: 20px ;
}

/** download request */
.requestname {    
  position: relative ;
  border: 2px solid #808080 ;  
  border-top: 2px solid white ;
  border-left: 2px solid white ;
  padding: 5px ;
  background-color: #D4D0C8 ;
  color: black ;  
}
.requestname-title {
  background-color: #0AF ;
  padding: 3px ;  
}
.requestname-contents {
}

/** welcome style */
.welcome {
    color: white ;
  width: 615px ;
}
.welcome-title {
  font-family: Times ; /* New Roman ; */
  font-size: 24pt ;
}
.welcome-text {
  color: #CCC ;
  font-family: Tahoma ;
  font-size: 10pt ;
  padding-left: 25px ;
  text-align: justify ;
}

/** search results gallery */
.gallery {
  font-family: Tahoma ;
}
.gallery-title {
  font-size: 16pt ;
  padding: 10px 10px ;
}
.gallery-contents {
    margin-left: 70px ;
}

/** comment styles */
.comment {
  border: 1px dashed #666 ;
  background: #444 ;  
  margin: 0px 80px 20px ;
  padding: 5px 30px ;
  font-family: Tahoma ;
  font-size: 10pt ;
  color: #AAA ;
}
.comment-title {  
  text-align: left ;
}
.comment-title b {
  font-size: 14pt ;
  color: #DDD ;
}
.comment-text {
  padding: 10px 25px ;
  text-align: left ;
}

/** download page styles */
.download {
  padding: 10px 20px ;
  font-family: Tahoma ;
  font-size: 10pt ;
}
.download-title {
  font-size: 14pt ;
  padding: 0 10px 5px ;  
  border-bottom: 1px solid #888 ;
}
.download-contents {
  border-top: 1px solid #777 ;
  font-size: 14pt ;
  color: #CCC ;
}

/** reporting template */
.report {
  font-family: Tahoma ;
  font-size: 10pt ;
  padding: 10px 0 0 10px ;
}
.report-title {
  font-size: 14pt ; 
}
.report-contents {
  padding-left: 20px ;
}

/** the upload list */
.uploadlist {
  padding: 5px 10px ;
}

