/* stylesheet for cms base = default and for screens > 995px wide */

/* 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,table
{ margin : 0 ; padding : 0 }
img {margin:0}
ul,ol { margin: 0; padding: 0 0 0 20px }
li { margin:10px 5px 0px 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, a  { font-weight : normal }
em { font-style : italic } 
strong { font-weight : bold }

/* Default for list markers. */	
ol { list-style : decimal }
ul { list-style : disc }
ul { list-style-position : outside; padding-left:20px }
ul.img1 { list-style-image : url(../images/list_img.gif) }

/* 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 color */
p,li { font-family: arial, "sans serif"; font-weight:normal; color:rgb(42,42,42) }
a  { font-family: arial, "sans serif"; font-weight:normal; color:rgb(0,0,180) }
h1,h2,h3,h4,h5,h6 { font-family: arial, "sans serif", serif; font-weight:bold; color:rgb(0,0,42) }

.times {font-family:"Times New Roman", serif}
.arial { font-family: arial, "sans serif"}

.footer {font-weight:normal; color:rgb(42,42,42)}

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

/* Default line-height */
p   { line-height:1.5 }
h1,h2,h3,h4,li   { line-height:1.5 }
h5,h6 { line-height:1.0 }

/* Background colors */
body { background:  rgb(0,0,150)  }

/* Links */
a { text-decoration:none; font-size:inherit; font-weight:inherit }
a:focus   { background:rgb(222,222,222) }
a:visited {}
a:hover   { background:rgb(222,222,222) }
a:active  { background:rgb(222,222,222) }

a.footer { text-decoration:none; font-size:inherit; font-weight:inherit; color: white }
a.footer:focus   { background:rgb(90,90,240) }
a.footer:visited {}
a.footer:hover   { background:rgb(90,90,240) }
a.footer:active  { background:rgb(90,90,240) }

a.footer {font-size:10pt}

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.dropdown1 {color:rgb(6,54,60)}
a.dropdown2 {color:rgb(6,54,60)}

.pointer {cursor:pointer}

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

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

.show {visibility:visible}
.hide {visibility:hidden; width:0; height:0; overflow:hidden}

.white   { color: white }
.black   { color: black }
.red     { color: red }
.mred { color: rgb(240,0,0) }
.dred { color: rgb(180,0,0) }
.green   { color: rgb(0,102,0)  }
.dgreen   { color: rgb(0,72,0)  }
.grey    { color: rgb(90,90,90) }
.lgrey    { color: rgb(81,81,81) }
.dgrey  { color: rgb(33,33,33) }
.blue    { color:rgb(0,0,255) }
.mblue    { color:rgb(30,72,126) }
.dblue  { color:rgb(0,0,42) }
.lblue { color:rgb(210,210,255) }
.blugreen { color:rgb(72,111,132) }
.navy    { color: navy }
.yellow  { color: rgb(255,255,0) }
.purple  { color: rgb(111,48,159) }

.col1 {color: rgb(0,0,150) } /* darkish blue */
p.col1 {color: rgb(0,0,150) } /* for use through editor */
.bg1 { background-color: rgb(0,0,150) }

.col2 {color:rgb(6,54,60) } /* dark turquoise = default <p> */
.bg2 { background-color: rgb(6,54,60) }

.col3 {color:rgb(201,201,201) } /* lighter grey */
.bg3 { background-color: rgb(201,201,201) }

.col4 {color: rgb(69,33,3) } /* dark brown */
.bg4 { background-color: rgb(69,33,3) }

.bgwhite  {background: white}
.bgblack  {background: black}
.bgyell { background: rgb(255,255,9) }
.bglyell { background: rgb(255,255,204) }
.bgbody { background: rgb(255,252,228) }

.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 !important}
.mgn02   {margin: 2px !important}
.mgn03   {margin: 3px !important}
.mgn04   {margin: 4px !important}
.mgn05   {margin: 5px !important}
.mgn10   {margin: 10px !important}
.mgn15   {margin: 15px !important}
.mgn20   {margin: 20px !important;}
.mgn30   {margin: 30px !important}

.mgnlr05 {margin-left:5pt; margin-right:5pt !important}
.mgnlr10 {margin-left:10pt; margin-right:10pt !important}
.mgnlr20 {margin-left:20pt; margin-right:20pt !important}
.mgnlr30 {margin-left:30pt; margin-right:30pt !important}

.mgntb05 {margin-top:5pt; margin-bottom:5pt;}
.mgntb10 {margin-top:10pt; margin-bottom:10pt;}
.mgntb20 {margin-top:10pt; margin-bottom:20pt;}
.mgntb30 {margin-top:30pt; margin-bottom:30pt;}

.bord01 {border:solid rgb(210,210,210) 1px}
.bord01btm {border-bottom:solid rgb(210,210,210) 1px}
.bord02 {border:solid rgb(210,210,210) 2px}
.bord01mr {border:solid rgb(240,0,0) 1px}
.bord02mr {border:solid rgb(240,0,0) 2px}
.bord01mag {border:solid rgb(111,36,51) 1px}
.bord02mag {border:solid rgb(111,36,51) 2px}
.bord01asbody {border:solid white 1px}
.bord02asbody {border:solid white 2px}

.nobord  {border: 0px; }

.hidden {visibility:hidden}

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

.wordbreak {word-break: break-all}

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

.floatleft {float:left}
.floatright {float:right}
.clearleft {clear:left}
.clearright {clear:right}
.clearboth {clear:both}
.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; }
.f11 {font-size: 11pt; }
.f12 {font-size: 12pt; }
.f13 {font-size: 13pt; }
.f14 {font-size: 14pt; }
.f16 {font-size: 16pt; }
.f18 {font-size: 18pt; }
.f20 {font-size: 20pt; }
.f22 {font-size: 22pt; }
.f24 {font-size: 24pt; }
.f26 {font-size: 26pt; }
.f30 {font-size: 30pt; }
.f34 {font-size: 34pt; }

p.clear {clear:both}
p.clear_4pt {clear:both; font-size:4pt}
p.size_4pt {font-size:4pt}
p.size_6pt {font-size:6pt}
p.size_8pt {font-size:8pt}
p.size_10pt {font-size:10pt}
p.size_12pt {font-size:12pt}
p.size_14pt {font-size:14pt}
p.size_16pt {font-size:16pt}
p.size_18pt {font-size:18pt}
p.size_20pt {font-size:20pt}


.lh10  {line-height:1.0}
.lh13  {line-height:1.3}
.lh15  {line-height:1.5}
.lh18  {line-height:1.8}
.lh20  {line-height:2.0}
.lh24  {line-height:2.4}

div.hr {width:95%; background:rgb(222,222,222); height:3px; margin:10px auto}
div.hr1 {width:95%; background:rgb(222,222,222); height:1px; margin:10px auto; clear:both}

hr {color:rgb(222,222,222); clear:both}

/* default/full dimensions etc.  */

.fullonly {visibility:visible; overflow:visible; height:inherit; width:inherit}
.mobonly {visibility:hidden; overflow:hidden; height:0; width:0}

div.overall {position:relative; top:0; width:100%; margin:0 auto; z-index:1}

div.highlights{}
div.highlightsa {border:solid 2px rgb(180,0,0); background-color:white; border-radius: 15px; cursor:pointer}
div.content1 {position:relative; top:0; width:780px; max-width:100%; margin:0 auto; z-index:1} 
div.contentmid {position:relative; top:0; width:60%; max-width:60%; float:left; z-index:1} 
div.contentright {position:relative; top:0; width:23%; max-width:23%; margin:0 1% 0 1%; float:left; z-index:1; }
div.contentlinkm{width:0;height:0; overflow:hidden}
div.contentlinkf{width:100%;}

div.rightitem{width:100%; max-width:100%}
div.rightitema{width:230px; max-width:100%; margin:5px auto}

div.content2 {position:relative; background-color: white;  border-radius:20px; z-index:1}
.content1 {font-weight:bold; color:rgb(201,201,201)}

  div.heading1 {position:relative;top:0;width:791px;max-width:100%; margin:2px auto 0}
  div.heading1a { position:relative; margin:0 0 0 10px; overflow:hidden}
  div.heading1b { position:absolute; left:0; top:0; width:14%; margin:3px 0 0 1%  }
  div.heading1c {position:absolute; right:0; top:0; width:84%; margin:3px 1% 0 0 }
  img.heading1a {max-width:100%; margin:0}
  img.heading1b {max-width:100%; margin:0}
  img.heading1c {max-width:100%; margin:12px 0 0 0}

  p.head1 {text-align:center; color:rgb(0,102,0); font-size: 30pt;  }
  p.head2 {text-align:center; color:rgb(0,102,0); font-size: 18pt; line-height:1.3}

/* */

div.toplinks {position:relative; width:99%; margin:0 auto; background:rgb(0,0,90); padding-left:1%; z-index:5}
div.toplinks2 {width:100%; background:rgb(0,0,150); margin:0 0 0 0; padding:0;}
div.toplinks3 {width:100%; background:rgb(0,0,150); margin:0 0 0 0; padding:0;border-top:solid 2px rgb(12,102,111) }
div.toplink1{position:relative; width:12.5%; min-height:31px; float:left; background:rgb(0,0,90);margin:0; z-index:5}
div.toplink2{position:relative; width:12.5%; min-height:31px; float:left; background:rgb(0,0,90);margin:0; z-index:5}
.thispage {background:rgb(0,0,240); z-index:5}
.thispage2 {background:rgb(0,0,240); z-index:5}
.otherpage {z-index:5}
.toplinkbg {background:rgb(0,0,90)}

p.toplink {line-height:1.8;font-weight:normal; color:white;text-align:center}
a.toplink {font-weight:bold;font-size:12pt; color:white; display:block}
a.toplink:hover   { background:rgb(90,90,240) }
p.toplink2 {line-height:1.8;font-weight:normal; color:white;text-align:center; margin:0; padding:0; display:inline}
a.toplink2 {font-weight:bold;font-size:12pt; line-height:1.6; color:white; margin:0px 10px 0px 10px; padding:3px 0 3px 0; display:inline}
a.toplink2:hover   { background:rgb(90,90,240) }

div.footerbox {background:rgb(0,0,90)}
div.footerbox p {color:white}
div.footerbox a {color:white}
div.footerbox a:hover { background:rgb(90,90,240) }

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

#ifsmallimages {visibility:hidden;width:0;height:0;}

.opacity8 {opacity:0.8}

.img1 {max-width:100%; visibility:visible}
.img2 {max-width:40%; visibility:visible}
.img3 {margin:10px; max-width:90%; visibility:visible}
.img4 {max-width:98%; margin:10px 1%}
.imgt {max-width:100%; visibility:visible}
.img1t {max-width:100%; visibility:visible}
.img2t {max-width:40%; visibility:visible}
.img3t {margin:10px; max-width:90%; visibility:visible}
.img4t {max-width:98%; margin:10px 1%}
.imgleft {float:left; margin:0 20px 20px 0}
.imgright {float:right; margin:0 0 20px 20px}

.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}

p.fwlt600 {}

#panelzm {position:absolute; top:0; right:0; z-index:6}
#thumbs {}
.thumbs1 {}
.thumbs2 {width:50%; float:left}
.thumbs3 {width:33%; float:left}

div.divr1 {margin-left:210px}

div.sectiltw {position:relative;overflow:hidden; clear:both}
div.sectirtw {position:relative;overflow:hidden; clear:both}
div.sectiltn {position:relative;overflow:hidden; clear:both}

div.sectiltw img {float:left; max-width:40%; margin:0 10px 10px 0}
div.sectirtw img {float:right; max-width:40%; margin:0 0 10px 10px}

div.sectiltn-i {position:relative;width:220px;max-width:30%;float:left}
div.sectiltn-t {position:relative;width:500px;max-width:70%;float:left}
div.sectiltn-i img {max-width:95%; margin:0 5% 10px 0}

div.sect_video {width:100%; max-width:100%; margin:auto}
div.sect_video img {float:left; margin:0 10px 10px 0}

div.half {}
div.third {}

@media screen and (min-width:1100px) {
 div.half {width:48%; margin-right:2%; float:left}
 div.third {width:31%; margin-right:2%; float:left}
}