/* stylesheet for k9ventures */

/* Set default margin and padding areas. */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,blockquote,th,td
{ margin : 0 ; padding : 0 }
ul,ol { margin: 0; padding: 0 20px 0 20px }
li { margin:10px 5px 10px 5px; padding: 0 }

/* Turn off table borders. */
table { border-collapse : collapse ; border-spacing : 0 }

/* Turn off other borders. */
fieldset,img,abbr,acronym {  border : 0 }

/* Set default style for text  */
address,caption,cite,code,dfn,strong,th,var { font-style : normal ; font-weight : bold } 
h1,h2,h3,h4,h5,h6 { font-weight : bold }
p, li { font-weight : normal }
a {font-weight: inherit}
em { font-style : italic } 
strong { color: black;  font-weight : bold }

/* Default for list markers. */	
ol { list-style : decimal }
ul { list-style : disc }

/* Center align caption and cell text. */
caption,th,td { text-align : center }

/* Default Vertical Align for cell content */
td { vertical-align:top }

/* Default font-family and line height */
p,li { font-family:  Arial,"sans serif" }
h1 { font-family: "Times New Roman", serif; line-height:1.5 }
h2,h3,h4,h5 { font-family: Arial,"sans serif"; line-height:1.5 }
h6 { font-family: Arial,"sans serif"; line-height:1.0 }

/* Default color */
p,li,h1,h2,h3,h4,h5,h6  { color:  rgb(42,42,42) }

a  { font-family: inherit; color: inherit; line-height: inherit }

/* Default font-size */
h1 { font-size:  24pt }
h2 { font-size:  20pt }
h3 { font-size:  18pt }
h4 { font-size:  16pt }
h5 { font-size:  14pt }
h6 { font-size:  12pt }
p,li  { font-size:  12pt }
a {font-size:  inherit}

img {max-width:100%}

/* Links */
a { text-decoration:none }
a:focus   { background:rgb(201,201,201) }
a:visited {background: inherit}
a:hover   { background:rgb(201,201,201) }
a:active  { background:rgb(201,201,201) }

a.col2:hover {background:rgb(90,90,90)}
a.col2:active {background:rgb(90,90,90)}

a.nobg { text-decoration:none; background:inherit }
a.nobg:focus { text-decoration:none; background:inherit }
a.nobg:visited { text-decoration:none; background:inherit }
a.nobg:hover { text-decoration:none; background:inherit }
a.nobg:active { text-decoration:none; background:inherit }

a.thispage {background:rgb(210,180,234) }
a.thispage:focus {background: url(images/this_page.gif) rgb(180,180,180) no-repeat top left}
a.thispage:visited {}
a.thispage:hover   {background: url(images/this_page.gif) rgb(180,180,180) no-repeat top left }
a.thispage:active  {background: url(images/this_page.gif) rgb(180,180,180) no-repeat top left }

a.afooter {font-weight:normal; font-size: 12pt; color: rgb(111,48,159)}

/* Background colors */
.overall { background: white }

/* Other */
.block {display:block}

.nodec {text-decoration:none}
.uldec {text-decoration:underline;}
.norm {font-weight:normal}
.bold  {font-weight:bold}

hr {width:95%; border: solid 1px rgb(180,180,180); }

.white   {color: white }
.black   {color: black }
.red     {color: red }
.green   {color: green }
.grey    {color: rgb(90,90,90) }
.lgrey    {color: rgb(81,81,81) }
.dgrey  {color: rgb(33,33,33) }
.blue    {color:rgb(0,0,255) }
.navy    {color: navy }
.yellow  {color: rgb(255,255,0) }
.purple  {color: rgb(111,48,159) }

.col1 {color: rgb(111,48,159) } /* Highlight / Heading text color */
.bg1 { background-color: rgb(111,48,159) }

.col2 {color: rgb(210,180,234) } /* lighter version of col1 */
.bg2 { background-color: rgb(210,180,234) }

.col3 {color: rgb(240,231,249) } /* very light version of col1 */
.bg3 { background-color: rgb(240,231,249) }

.col4 {color: rgb(210,0,0) } /* not in use */
.bg4 { background-color: rgb(210,0,0) }

.bgwhite  {background: white;}
.bggrey  {background: rgb(222,222,222);}
.bgblack  {background: black;}
.bgyell {background: rgb(255,255,153);}
.bglyell {background: rgb(255,255,204);}

.pad00   {padding: 0px;}
.pad03   {padding: 3px;}
.pad05   {padding: 5px;}
.pad10   {padding: 10px;}
.pad15   {padding: 15px;}
.pad20   {padding: 20px;}
.pad30   {padding: 30px;}

.padlr05 {padding-left:5pt; padding-right:5pt;}
.padlr10 {padding-left:10pt; padding-right:10pt;}
.padlr20 {padding-left:20pt; padding-right:20pt;}
.padlr30 {padding-left:30pt; padding-right:30pt;}

.mgn00   {margin: 0px;}
.mgn01   {margin: 1px;}
.mgn02   {margin: 2px;}
.mgn03   {margin: 3px;}
.mgn04   {margin: 4px;}
.mgn05   {margin: 5px;}
.mgn10   {margin: 10px;}
.mgn15   {margin: 15px;}
.mgn20   {margin: 20px;}
.mgn30   {margin: 30px;}

.tbord01 {border-collapse:separate; border-spacing:1px;}
.tbord02 {border-collapse:separate; border-spacing:2px;}
.tbord03 {border-collapse:separate; border-spacing:3px;}

.bord01 {border:solid white 1px}
.bord02 {border:solid white 2px}

.bordg01 {border:solid rgb(42,42,42) 1px}
.bordg02 {border:solid rgb(42,42,42) 2px}

.bordv01 {border:solid rgb(111,48,159) 1px}
.bordv02 {border:solid rgb(111,48,159) 2px}

.bordlv01 {border:solid rgb(210,180,234) 1px}
.bordlv02 {border:solid rgb(210,180,234) 2px}

.bordvlv01 {border:solid rgb(240,231,249) 1px}
.bordvlv02 {border:solid rgb(240,231,249) 2px}



.nobord  {border: 0px; }

.hidden {visibility:hidden}

.left {text-align:left}
.center {text-align:center}
.right {text-align:right}
.just {text-align:justify}

.autoab { position: absolute; margin:0 auto; }
.auto { margin:0 auto; }

.floatleft {float:left; }
.floatright {float:right; }
.clearleft {clear:left;}
.clearright {clear:right;}
.clear {clear:both;}

.top {vertical-align:top}
.mid {vertical-align:middle}
.bot {vertical-align:bottom}

.f4  {font-size: 4pt;}
.f6  {font-size: 6pt;}
.f8  {font-size: 8pt;}
.f10 {font-size: 10pt; }
.f12 {font-size: 12pt; }
.f14 {font-size: 14pt; }
.f16 {font-size: 16pt; }
.f18 {font-size: 18pt; }
.f20 {font-size: 20pt; }
.f22 {font-size: 22pt; }
.f24 {font-size: 24pt; }
.f30 {font-size: 30pt; }
.f34 {font-size: 34pt; }

.lh13  {line-height:1.3}
.lh15  {line-height:1.5}
.lh20  {line-height:2.0}

.footer {vertical-align:middle; padding:5px; text-align:center}

.horline {height:1px; width:99%; background-color:rgb(210,180,234); margin:8px auto 8px }

.overall1 {position:relative; top:0px; margin:0 auto; width:1180px; max-width:100%; background:inherit; z-index:1  }
.content1 {position:relative; top:0px; margin:auto; width:1180px; max-width:100%; z-index:1;}
.content1a {position:relative; top:0px; margin:20px 0 20px 0}
.content2 {margin:10px 30px 0 30px}


.w1 { width:1180px; max-width:100% }
.w2 { width:1160px; max-width:100% }
.w3 { width:1140px; max-width:100% }
.wheading { width:1180px; max-width:100%; margin:2px auto 0; background-color:white  }
.wfooter  { width:1180px; max-width:100%; margin:0 auto; background-color:white }
div.headimg {width:677px; max-width:100%; height:150px; margin:auto}
img.headimg {max-width:100%}

.pointer  { cursor:pointer }

div.toplinks_outer { position:relative; width:1180px; max-width:100% }

div.toplinks_inner { position:relative; border:solid rgb(210,180,234) 1px; background-color: rgb(240,231,249); margin:20px 0 20px 0 }
.toplinksdiv { cursor:pointer }
.toplinksdiv:hover { cursor:pointer; background:rgb(201,201,201) }
.toplinks1 {font-size:14pt; color:rgb(111,48,159); font-weight:bold; line-height:1.0; margin:5px 2px 2px 2px ; text-align:center; display:block}
.toplinks2 {font-size:14pt; color:rgb(111,48,159); font-weight:bold; line-height:1.0; margin:2px 2px 5px 2px ;  text-align:center; display:block}
div.toplinkimg {width:34px; float:left}
div.toplinkimg2 {width:34px; float:right; visibility:visible}

div.toplink1 {position:relative; width:120px; max-width:100%; float:left}
div.toplink1a {position:relative; width:86px; max-width:100%; float:left }
div.toplink2 {position:relative; width:186px; max-width:100%; float:left}
div.toplink2a {position:relative; width:152px; max-width:100%; float:left }
div.toplink3 {position:relative; width:158px; max-width:100%; float:left}
div.toplink3a {position:relative; width:124px; max-width:100%; float:left }
div.toplink4 {position:relative; width:280px; max-width:100%; float:left}
div.toplink4a {position:relative; width:246px; max-width:100%; float:left }
div.toplink5 {position:relative; width:180px; max-width:100%; float:left}
div.toplink5a {position:relative; width:146px; max-width:100%; float:left }
div.toplink6 {position:relative; width:220px; max-width:100%; float:left}
div.toplink6a {position:relative; width:186px; max-width:100%; float:left }

div.footer1 {width:840px; max-width:67%; float:left}
div.footer1 p {text-align:center; margin:15px 3px 10px 3px}
div.footer1 a {color: rgb(111,48,159); font-size:20pt}
div.footer2 {width:200px; max-width:33%;float:right}
.fbimg {margin:0 15px 3px 0}
.phimg {margin:0 5px 0 0}

.level1  { width:980px; max-width:100%; margin:20px auto; border:solid white 1px }

.ifsmallhide {visibility:visible}
.ifsmallshow {visibility:hidden;width:0;height:0;overflow:hidden}
.ifsmallhide_p {visibility:visible}
.ifsmallshow_p {visibility:hidden}

.img_general {max-width:98%; margin:10px 1%}
.img_genl_ish {max-width:98%; margin:10px 1%}
.img_left {max-width:40%; visibility:visible; float:left; margin:0 20px 20px 0}
.img_left_ish {max-width:40%; visibility:visible; float:left; margin:0 20px 20px 0}
.img_right {max-width:40%; visibility:visible; float:right; margin:0 0 20px 20px}
.img_right_ish {max-width:40%; visibility:visible; float:right; margin:0 0 20px 20px}

@media screen and (max-width:1200px) {
div.toplinkimg2 {width:0; visibility:hidden; overflow:hidden}
div.toplink1 {width:34%}
div.toplink2 {width:33%}
div.toplink3 {width:33%}
div.toplink4 {width:34%; margin-top:20px}
div.toplink5 {width:33%; margin-top:20px}
div.toplink6 {width:33%; margin-top:20px}

.toplinks1 {text-align:left; margin-left:10px}
.toplinks2 {text-align:left; margin-left:10px}
.content2 {margin:10px 10px 0 10px}
}

@media screen and (max-width:900px) {
div.toplinkimg2 {width:0; visibility:hidden; overflow:hidden}
div.toplink1 {width:42%}
div.toplink2 {width:29%}
div.toplink3 {width:29%}
div.toplink4 {width:42%; margin-top:20px}
div.toplink5 {width:29%; margin-top:20px}
div.toplink6 {width:29%; margin-top:20px}
}

@media screen and (max-width:750px) {
div.toplink1 {width:100%; margin-top:15px}
div.toplink2 {width:100%; margin-top:15px}
div.toplink3 {width:100%; margin-top:15px}
div.toplink4 {width:100%; margin-top:15px}
div.toplink5 {width:100%; margin-top:15px}
div.toplink6 {width:100%; margin-top:15px}
div.toplink1a {width:85%}
div.toplink2a {width:85%}
div.toplink3a {width:85%}
div.toplink4a {width:85%}
div.toplink5a {width:85%}
div.toplink6a {width:85%}

.toplinksdiv {margin-left:10px}

.toplinks1 {display:inline; margin-left:0}
.toplinks2 {display:inline; margin-left:0}

div.footer1 a {font-size:18pt}
}

@media screen and (max-width:700px) {
div.footer1 {clear:both; width:100%; max-width:100%; margin-bottom:15px}
div.footer2 {clear:both; width:100%; max-width:100%}
}

@media screen and (max-width:500px) {
div.headimg {height:115px}
div.footer1 a {font-size:14pt}
}

@media screen and (max-width:400px) {
  div.headimg {height:90px}

  .ifsmallhide {visibility:hidden;width:0;height:0;overflow:hidden;margin:0px !important;}
  .ifsmallshow {visibility:visible;width:100%;height:inherit}
  .ifsmallhide_p {visibility:hidden}
  .ifsmallshow_p {visibility:visible}

  .img_genl_ish {visibility:hidden;width:0;height:0;overflow:hidden;margin:0px !important;}
  .img_left_ish {visibility:hidden;width:0;height:0;overflow:hidden;margin:0px !important;}
  .img_right_ish {visibility:hidden;width:0;height:0;overflow:hidden;margin:0px !important;}
}