@charset "utf-8";
/* CSS Document */

body { font-family:Arial, Helvetica, sans-serif;
       font-size:0.9em;
       background-color:#ffffff;
}

/* ====== global styles for tags ====== */
strong {color:#333333;}

li { margin-bottom:6px; }

dt { font-weight:bold;
     color:#222222;
     margin-top:12px;
}

pre {
        font-family:Arial, Helvetica, sans-serif;
        font-size:0.85em;
}

li p {margin-top:6px;}

h3 { font-size:1.45em;
     font-variant:small-caps;
     font-family:"Corbel", Arial, sans-serif;
     margin-top:3px;
}

a  { color:#5b7799;
     text-decoration:none;
     background-color:transparent;
}

img {border-style:none;}

blockquote {
     font-size:0.8em;
     margin:8px;
     font-style:italic;
}
/* ====== end global styles for tags ====== */


/* ====== classes for content articles ====== */

/* individual articles at the level 4 heading */
.art   {margin-left:12px;}
/* if the article need to render after the right-float images */ 
.artclear {clear:both;margin-left:12px;}
.art h4{margin-left:-12px;}
.artclear h4{margin-left:-12px;}
.artp {min-height:200px;}


span.launch  { color:#5b7799;
     text-decoration:none;
     background-color:transparent;
     cursor:pointer;
}

/* inline images, 90px in height, floating */
img.inl { float:left;
          margin-right:6px; }

div.video {
       margin:12px;
/*        border:3px none #000066;
          width:320px;
          height:265px;
*/
}

.small {font-size:0.8em;}

ul.simple {list-style-type:none;margin-left:0px;}

ul.firstline {list-style-type:none;margin-left:0px;text-indent:-30px;font-size:0.9em;}

/* float images in articles to the right */
div.image{
    width:284px;
    float:right;
    padding-left:4px;
    padding-bottom:4px;
    margin-left:6px;
    margin-bottom:18px;
    border-style:outset;
    border-width:0px 0px 3px 3px; 
    border-color:#ddddff;
}

.image h3{
   color:#800000;
   font-weight:bold;
   margin-bottom:4px;
}

.image h4{
   color:#8888dd;
   font-weight:bold;
   margin: -2px 0 -4px 2px;
}

.image p{
   font-size:0.8em;
   margin:4px 2px 8px 4px;
}


/* used for quoted verse */
pre.quote{
     font-family:Arial, Helvetica, sans-serif;
     font-size:0.9em;
     margin-left:12px;
     margin-top:-8px;
     padding-top:12px;
     padding-bottom:12px;
     border-top:2px groove #555555;
     border-bottom:2px groove #555555;
     width:300px;
}

dd.filename {font-size:0.8em;margin-top:8px;}

/* ====== End classes for content articles ====== */



/* ====== Styles for slide show window ====== */

#slides {margin:0;}
div#slides img {border:4px ridge #f6f6ff;}
div#slidenav {margin-top:-60px;margin-left:20px;width:380px;border:1px solid #dddddd;}
#lpic {margin-left:20px;cursor:pointer;}
#rpic {margin-left:220px;cursor:pointer;}

/* ====== End Styles for slide show window ====== */


/* ====== Styles for specific pages ====== */

/* styles for news pages */
.timestamp {font-size:0.7em;
            margin-top:-8px;
}
p.caption{
     font-style:italic;
     font-size:0.8em;
}
/* cosmetic fix for remote image, indyweek.com */
img.indy   {border-style:solid;
            border-width:3px;
            border-color:#000000;
}
/* end news page styles */

/* styles for board page */
.board {
     border-style:none;
     border-color:#aaaaaa;
     border-width:1px;
     vertical-align:top;
}
.board tr {vertical-align:text-top;}
.board dt { font-weight:bold;
     color:#333333;
     font-size:0.85em;
     margin-top:6px;
}
.board dd {font-size:0.8em;
     margin-left:16px;
}
ul.board {margin-bottom:12px;}  
ul.board li {margin:0px 12px 0px -16px;}
/* end board page styles */

/* styles for the contact page */
div.map{
     width:380px;
     height:480px;
     float:right;
     padding:0px;
     border-style:outset;
     border-width:4px 4px 4px 4px; 
     border-color:#ccccff;
     margin:4px;
}

div.cyclemap{
     width:800px;
     height:600px;
     padding:0px;
     border-style:outset;
     border-width:4px 4px 4px 4px; 
     border-color:#ccccff;
     margin:4px;
}

td.contact {
     padding-right:18px;
     padding-bottom:6px;
     vertical-align:top;
     width:50%;
}

td.contact h4{
	   margin-top:2px;
				margin-bottom:2px;
}

p.contact{
       margin-bottom:8px;
       margin-top:0px;
}

#facebook {margin-top:40px;margin-left:12px;}

/* Donation Form styles */

.formlt{text-align:right;vertical-align:top;width:150px;}
.formrt{text-align:left;vertical-align:top;}

legend{font-weight:bold;color:#555555;}

.formhelp{
   font-size:0.74em;
   color:#0000aa;
}

fieldset#cc_info{
    width:280px;
    height:200px;
    text-align:center;
}

/* Cycle page styles */

.sponsor{
	  border:4px groove #5555aa;
			margin:16px;
			clear:left;
			width:360px;
}

.spnlayout {
	   margin-left:12px;
				margin-right:12px;
}

.updates{
	  border:4px groove #5555aa;
			margin:16px;
			clear:left;
			padding:8px;
			width:460px;
}

.updates h4{
   margin-left:8px;
}

.sponsor h4{
						position:relative;
						margin-left:8px;
						margin-top:4px;
}

.sponsor p{
						position:relative;
						margin-left:8px;
						margin-top:-12px;
}

.sponsor ul{
						position:relative;
						margin-left:8px;
						margin-top:-12px;
}

div.sponsorlist{
    width:200px;
    float:right;
    padding-left:4px;
    padding-bottom:4px;
    margin-left:6px;
    margin-bottom:18px;
    border-style:outset;
    border-width:0px 0px 3px 3px; 
    border-color:#ddddff;
}

p.sprecog{
	  border-width:3px 0 0 3px;
	  border-style:ridge;
	  border-color:#eeeeee;
			margin:-6px 0 3px 0;
			padding:4px;
	  font-size:0.8em;
}

/* ====== End styles for specific pages ====== */


/* ====== Layout elements in all files ====== 
    Root is the parent division for all of the page's content */
#root {
       width:800px;
       background-color:#ffffff;
       padding:0px;
       border-color:#777777;
       border-style:solid;
       border-width:0px;
}

/*   Page is laid out into these major sections, all contained within the parent "Root"

     bodywrap
     +--- banner
          navigation
          content
           +--- leftcl
                rightcl
          footer
*/

/* ====== Start Banner ====== */
#banner {
     width:802px;
     height:120px;
     margin:0px;
     padding:0px;
     background-color:#ffffff;
     border:0px solid #000000;
     background-image:url(images/banner.jpg);
     background-position:right;
     background-repeat:no-repeat;
}

#banner_img {
     margin:0px 0px 0px 8px;
     border-width:0px;
}

img.banner{
     margin:0px;
     border-width:0px;                           
}
/* ====== End Banner ====== */

/* ====== Start body wrap ======
          container for the rest of the divs */
#bodywrap{
     margin:0px;
     border-color:#777777;
     border-style:solid;
     border-width:0px 1px 0px 1px;
     width:800px;
     background-image:url(images/gradient.jpg);
     background-position:left;
     background-repeat:repeat-y;             
}
/* ====== End body wrap ====== */


/* ====== Start Primary Navigation ====== */
#nav {
     width:788px;
     height:24px;
     margin:0px 0px 0px 0px;
     padding:8px 6px 3px 6px;
     background-color:#94beb7;
     border-color:#777777;
     border-style:solid;
     border-width:0px 1px 0px 0px;
     float:right;
     z-index:100;
}

/*  styles for background tabs */
a.tab  {
     margin-left:0px;   
     margin-right:2px;   
     padding-left:5px;   
     padding-right:5px;
     padding-bottom:3px;
     border-width:3px 3px 0px 3px;
     border-color:#777777;
     border-style:outset;
     font-size:0.9em;
     background-color:#0b8b8b;
     color:#eeeeee;
     text-decoration:none;
}

a.tab:hover{
     border-width:3px 3px 0px 3px;
     border-style:inset;
}

/*  styles for foreground (selected) tab */
a.activetab  {
     margin-left:2px;   
     margin-right:2px;   
     padding-left:5px;   
     padding-bottom:3px;
     padding-right:5px;   
     padding-top:2px;
     border-width:1px 1px 0px 1px;
     border-color:#333333;
     border-style:ridge;
     font-size:0.9em;
     background-color:#ffffff;
     color:#000000;
}
/* ====== End Primary Navigation ====== */

/* ======  Start content area ====== */
/*   this area contains a left and right column */
#content {
          width:788px;
          margin:0px 0px 0px 0px;
          padding: 0px 6px 0px 0px;
          float:left;
          z-index:50;
}

/* Start styles for left column */
#leftcl {
      width:128px;
      float:left;
      padding:6px 0px 6px 6px;
      margin-right:0px;
}

p#leftclheight{
   height:80px;
}

.subnav{
    display:block;
    text-align:left;
    margin-bottom:0px;
    width:80%;
    background-color:#f6f6f6;
    padding:3px 6px 3px 2px;
    border-style:outset;
    border-color:#f2e2e4;  
    border-width:2px 1px 2px 2px;
    text-decoration:none;
    font-size:0.8em;
    color:#113377 !important;
}

.subnav:hover{
     background-color:#fafafa;
     border-style:groove;
}

.active_subnav{
    display:block;
    text-align:left;
    margin-bottom:0px;
    width:80%;
    background-color:#ffffff;
    padding:3px 6px 3px 2px;
    border-style:outset;
    border-color:#aaaaaa;
    border-width:2px 0px 2px 2px;
    text-decoration:none;
    font-size:0.8em;
}

p.quote {
    display:block;
    text-align:left;
    font-style:italic;
    text-decoration:none;
        background-color:#f6f6ff;
        border-style:solid;
        border-width:3px;
        border-color:#fbfbff;
        font-size:0.8em;
        margin:60px 0px 8px 2px;
        padding:2px;
        position:relative;
}

span.quote {
    display:block;
    text-align:left;
    font-style:italic;
    text-decoration:none;
        background-color:#f6f6ff;
        border-style:solid;
        border-width:3px;
        border-color:#fbfbff;
        font-size:0.8em;
        margin:60px 0px 8px 2px;
        padding:2px;
        position:relative;
}


p.callout {
        background-color:#ffffff;
        border-style:outset;
        border-width:3px;
        border-color:#aa0000;
        font-size:0.8em;
        width:124px;
        margin:30px 0px 8px 2px;
        padding:4px;
        position:relative;
}

/* End styles for left column */


/* Start styles for right column */
#rightcl {
         width:79%;
         float:right;
         padding:6px;
         border-color:#dddddd;
         border-style:solid;
         border-width:1px 1px 0px 0px;
         margin-left:0px;
         margin-top:6px; 
}
/* End styles for right column */
/* ======  End content area ====== */

/* ====== Start footer area ====== */
#footer {
     clear:both;  
     width:788px;
     background-color:#94beb7;
     padding:6px;
     border-color:#777777;
     border-style:solid;
     border-width:0px 1px 1px 0px;
   }

p.foot  {
     font-size:0.7em;
     font-family:Verdana, Geneva, sans-serif;
     color:#ffffff;
     background-color:#94beb7;
}

p.footleft{
   float:right;
   text-align:right;
   font-size:0.7em;
   font-family:Verdana, Geneva, sans-serif;
   color:#ffffff;
   background-color:#94beb7;
}

/* ====== End footer area ====== */

/* ====== Start form definitions ====== */

.formleft{
    margin-left:12px;
    margin-top:12px;
    float:left;
    clear:left;
	width:300px;
}

.formright{
    margin-right:24px;
    margin-top:12px;
    float:right;
}

.formtab{
    clear:both;
    margin-top:12px;
	margin-left:0;
	width:600px;
	border:1px solid #aaaaaa;
	text-align:left;
	}
	
 .timeinv{
   text-align:right;
   padding-right:12px;
 }
 
/* ====== End form definitions ====== */

/* ====== Start cycling slide definitions ====== */

/* center images in their parent DIVs horizontally and vertically */
#tmb1 [width="120"] {margin-left:30px;}
#tmb1 [height="120"] {margin-top:30px;}
#tmb1 [width="125"] {margin-left:20px;}
#tmb2 [width="120"] {margin-left:30px;}
#tmb2 [height="120"] {margin-top:30px;}
#tmb3 [width="120"] {margin-left:30px;}
#tmb3 [height="120"] {margin-top:30px;}
#tmb4 [width="120"] {margin-left:30px;}
#tmb4 [height="120"] {margin-top:30px;}
#tmb5 [width="120"] {margin-left:30px;}
#tmb5 [height="120"] {margin-top:30px;}
#tmb6 [width="120"] {margin-left:30px;}
#tmb6 [height="120"] {margin-top:30px;}
#tmb7 [width="120"] {margin-left:30px;}
#tmb7 [height="120"] {margin-top:30px;}
#tmb8 [width="120"] {margin-left:30px;}
#tmb8 [height="120"] {margin-top:30px;}
#tmb9 [width="120"] {margin-left:30px;}
#tmb9 [height="120"] {margin-top:30px;}
#tmb10 [width="120"] {margin-left:30px;}
#tmb10 [height="120"] {margin-top:30px;}
#tmb11 [width="120"] {margin-left:30px;}
#tmb11 [height="120"] {margin-top:30px;}

/* thumbnail pages */
#tmb1{width:1080px;height:960px;border:1px outset #888888;padding:4px;}
#tmb2{width:1080px;height:960px;border:1px outset #888888;padding:4px;}
#tmb3{ width:1080px;height:960px;border:1px outset #888888;padding:4px;}
#tmb4{width:1080px;height:960px;border:1px outset #888888;padding:4px;}
#tmb5{width:1080px;height:960px;border:1px outset #888888;padding:4px;}
#tmb6{width:1080px;height:960px;border:1px outset #888888;padding:4px;}
#tmb7{ width:1080px;height:960px;border:1px outset #888888;padding:4px;}
#tmb8{width:1080px;height:960px;border:1px outset #888888;padding:4px;}
#tmb9{width:1080px;height:960px;border:1px outset #888888;padding:4px;}
#tmb10{width:1080px;height:960px;border:1px outset #888888;padding:4px;}
#tmb11{width:1080px;height:960px;border:1px outset #888888;padding:4px;}

/* class definitions for photos on each page */
.img10{position:absolute;left:20px;top:80px;width:184px;height:204px;border:1px outset #888888;padding:4px; }
.img11{position:absolute;left:220px;top:80px;width:184px;height:204px;border:1px outset #888888;padding:4px; }
.img12{position:absolute;left:420px;top:80px;width:184px;height:204px;border:1px outset #888888;padding:4px; }
.img13{position:absolute;left:620px;top:80px;width:184px;height:204px;border:1px outset #888888;padding:4px; }
.img14{position:absolute;left:20px;top:300px;width:184px;height:204px;border:1px outset #888888;padding:4px; }
.img15{position:absolute;left:220px;top:300px;width:184px;height:204px;border:1px outset #888888;padding:4px; }
.img16{position:absolute;left:420px;top:300px;width:184px;height:204px;border:1px outset #888888;padding:4px; }
.img17{position:absolute;left:620px;top:300px;width:184px;height:204px;border:1px outset #888888;padding:4px; }
.img18{position:absolute;left:20px;top:520px;padding-bottom:40px;width:184px;height:204px;border:1px outset #888888;padding:4px; }
.img19{position:absolute;left:220px;top:520px;padding-bottom:40px;width:184px;height:204px;border:1px outset #888888;padding:4px; }
.img20{position:absolute;left:420px;top:520px;padding-bottom:40px;width:184px;height:204px;border:1px outset #888888;padding:4px; }
.img21{position:absolute;left:620px;top:520px;padding-bottom:40px;width:184px;height:204px;border:1px outset #888888;padding:4px; }
.c4hdownloadh{position:relative;bottom:-40px;left:60px;font-size:0.8em;}
.c4hdownloadv{position:relative;bottom:-10px;left:60px;font-size:0.8em;}
.c4hdownloadsq{position:relative;bottom:-20px;left:60px;font-size:0.8em;}
.c4hdownloadun{position:relative;bottom:-30px;left:60px;font-size:0.8em;}
.iec4hdownloadh{position:relative;top:80px;left:-120px;font-size:0.8em;z-index:10;}
.iec4hdownloadv{position:relative;bottom:-20px;left:-60px;font-size:0.8em;}
.iec4hdownloadsq{position:relative;bottom:-30px;left:-110px;font-size:0.8em;}
.iec4hdownloadun{position:relative;bottom:-40px;left:-60px;font-size:0.8em;}

/* dynamic classes for images */
.hzlgimg{position:absolute;width:450px;height:300px;z-index:10; }
.vtlgimg{position:absolute;width:300px;height:450px;z-index:10; }
.unlgimg{position:absolute;width:250px;height:320px;z-index:10; }
.sqlgimg{position:absolute;width:400px;height:400px;z-index:10; }

/* heading, navigation, description */
#cyctop{border:0 solid #cccccc;width:880px;}
#cychead{position:absolute;top:18px;left:290px;}
#cycprev{position:absolute;top:24px;left:20px;}
#cycnext{position:absolute;top:24px;left:650px;}
#cyccaption{position:absolute;top:36px;left:236px;width:360px;text-align:center;border:0 solid #0000cc;}

.photodload{font-size:0.7em;margin-left:48px;margin-top:-3px;}

/* trash can */




/* ====== End cycling slide definitions ====== */