/* R E S E T
-------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}


/*---------------------------------------
 Styles:  GLOBAL                            
-------------------------------------- */

body {
font-size:16px;
font-family:arial,helvetica,sans-serif;
color:rgb(30,30,30);
line-height: 1;
background-image:url('images/CLI-BG_13-0525_0525.1645.jpg');
background-color:rgb(30,30,30);
background-attachment:scroll;
background-repeat:no-repeat;
background-size:auto;
}


#container {
width:830px;
position:relative; 
top:0px;
margin:0px auto 0px auto;
background-color:transparent;
 }

.clearfix {clear:both;}
.goldtext {color: rgb(173,98,48);}
.center {text-align:center;}  
.bullets {list-style:disc;list-style-position:outside;margin-left:.6em;padding-left:.6em;} 

h1, #glance-heading {text-transform:none;}

h1 {
font-family:arial,"arial narrow",arial,sans-serif;
font-size:1.05em;
font-weight:700;
font-style:normal;
letter-spacing:0.03em;
text-decoration:none;
color:rgb(50,50,50); 
margin-top:1.2em;
margin-bottom:0.5em;
}

h2 {
font-family:arial, helvetica, sans-serif;
font-weight:bold;
font-style:normal;
font-size:80%;
text-decoration:none;
color:rgb(90,90,90);
margin-top:1.8em;
margin-bottom:0.75em;
}

p, li {
font-size:.75em;
line-height:1.35em;
}


/*---------------------------------------
 Styles:  HEADER                            
-------------------------------------- */

div#topsection {
height:130px;
background-color:transparent;
clear:right;
 }

div#top-left {
float:left;display:inline;
height:100%;width:220px;
padding:0px 0px 0px 0px;
border:dotted 0px red;
background-color:transparent;
 }

div#top-center {
float:left;display:inline;
height:100%;width:176px;
padding:0px 0px 0px 0px;
text-align:center;
border:dotted 0px yellow;
background-color:transparent;
 }

div#top-right {
float:right;display:inline;
height:100%;width:400px;
padding:0px 0px 0px 0px;
text-align:right;
border:dotted 0px green;
background-color:transparent;
 }
 
#logobox {
position:relative;top:48px;left:100px;
 }

#cert-sym {
position:relative;top:45px;left:0px;
width:50px;height:50px; 
z-index:1;
-moz-box-shadow:0px 0px 30px 0px rgba(130,130,170,.15); /* firefox */
*box-shadow:0px 0px 30px 0px rgba(130,130,170,.15); /* voffset hoffset blur choke */
 }

#headline {
font-family:arial, helvetica, sans-serif;
font-size:1.4em;
letter-spacing:0.05em;
text-decoration:none;
text-transform:none;
font-weight:normal;
font-style:normal;
color:rgb(249,183,95); 
position:relative;top:40px;left:0;
 }

.subheadline {
font-family:arial, helvetica, sans-serif;
font-size:0.8em;
letter-spacing:0.0em;
text-decoration:none;
text-transform:none;
font-weight:normal;
color:rgb(160,160,160);
}
 
.above {position:relative;top:5px;left:0px;}
.under {position:relative;top:42px;left:0px;}


/*---------------------------------------
 Styles:  MIDSECTION                 
-------------------------------------- */

div#midsection {
height:500px;
background-color:transparent;
margin:0px 0px 0px 0px;
padding:12px 0px 0px 0px;
border:dotted 0px yellow;
clear:left;
 }
 
div.card1, div.card2, div.card3 {
width:260px;height:500px;
background-color:transparent;
float:left;display:inline;
border:solid 0px gray;
margin:0px 0px 0px 0px;
 }
 
div.card1 {position:relative;top:0px;left:0px;}
div.card2 {position:relative;top:0px;left:25px;}
div.card3 {position:relative;top:0px;left:50px;}

.imagetitle {
position:relative;top:-32px;
text-align:center;
letter-spacing:0em;
font-family:arial,sans-serif;
font-size:1.2em;
font-weight:normal;
color:rgb(230,230,230);
 }
 
div.imagetext {
position:relative;top:-6px;
text-align:left;
padding:0px 0px 10px 0px;
font-family:arial,sans-serif;
font-size:0.85em;
font-weight:normal;
line-height:1.6em;
color:rgb(170,170,170);
 }
 
div.imagelinks {
/* link box for cards 1 and 2 */
position:absolute;top:480px;
padding:0px 0px 0px 0px;
font-family:arial,sans-serif;
font-size:0.95em;
font-weight:normal;
line-height:2.0em;
 }

div.imagelinks-3a {
/* link box for left side of card 3 */
border:dashed 0px gray;
float:left;
width:125px;
text-align:left;
clear:both;
 }

div.imagelinks-3b {
/* link box for right side of card 3 */
border:dashed 0px green;
float:right;
width:125px;
text-align:right;
 }

  
/* ------------------------------
 Styles:  NAVIGATION       
------------------------------*/

a {text-decoration:none;text-transform:none;font-family:arial,helvetica,sans-serif;}
a:link {color:rgb(65,176,216)} 
a:visited {color:rgb(65,176,216)} 
a:hover {color:white;} 
 
  
/*---------------------------------------
 Styles:  FOOTER                           
-------------------------------------- */

div#footer p {
position:relative;top:300px;
height:100px;
background-color:transparent;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
border:dotted 0px gray;
text-align:center;
color:rgb(50,50,50);
 }

 
/*---------------------------------------
 Styles:  ANNOUNCEMENTS POSTER                           
-------------------------------------- */

div#poster {
background-color:rgb(50,50,50);
position:fixed;top:20px;left:20px;
padding:10px 10px 10px 10px;
width:180px;
color:rgb(249,183,95);
-moz-box-shadow: 10px 0px 10px 10px rgba(0,0,0,.20), -10px 0px 10px 10px rgba(0,0,0,.20);
-webkit-box-shadow: 10px 0px 10px 10px rgba(0,0,0,.20), -10px 0px 10px 10px rgba(0,0,0,.20);
box-shadow: 10px 0px 10px 10px rgba(0,0,0,.20), -10px 0px 10px 10px rgba(0,0,0,.20);
/* For IE 8 
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=270, Color='#202020')";
/* For IE 5.5 - 7 
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=270, Color='#202020'); */
 }

div#posterimage {max-width:180px;margin:15px 0px 10px 0px;}
hr.posterline {border:solid 1px rgb(60,60,60);}
 
 
 /* END OF STYLESHEET */