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


/* 
 * 
 * Admin 
 * (WYSIWYG Content)
 * 
 */

  
/* 
 * 
 * Link Styles
 * 
 */
 
 
a { color: #ff5700; text-decoration: none;}
a:hover { color: #fff; text-decoration: underline;}
a.triangle{ text-decoration: none; background: url('../images/bullet-arrow.gif') left no-repeat; padding-left: 10px; font-weight: normal;}
a.triangle:hover{ text-decoration: underline;}


/* 
 * 
 * List Styles
 * 
 */
 
 
ul li{ list-style-image: url('../images/bullet-arrow.gif'); margin-bottom: 5px; padding-bottom: 5px; }
ul li.org{ list-style-image: url('../images/bullet-arrow-green.gif'); margin-bottom: 5px; }
ol li{ list-style: decimal; margin-bottom: 5px; }


/* 
 * 
 * Global
 * 
 */
 
 
p{ margin: 20px; padding: 0 0 0px 0;}
p img{padding: 5px;}

.header{font-size: 20px;font-weight: bold;}
.subheader{font-size: 16px;font-weight: bold;}
.hidden{display:none;}
.date{ font-size: 11px; color: #9a9a9a;}
.req{color: #ff5700; font-weight: bold;}
#spacer { width: 960px; float: left; background: #ffffff; height: 10px; display: block;}


/* 
 * 
 * Main Navigation
 *
 */


/*
#navbarT { position: relative; width: 958px; height: 42px; background: url('../images/structure/navbar.png') top left no-repeat; float: left; margin-top: 138px; }
#navbarB { position: relative; width: 958px; height: 42px; background: url('../images/structure/navbar.png') top left no-repeat; float: left; margin-top: -18px; }

.navT { width: 950px; float: left; margin-left: 25px; position: relative; clear: both; color: #FFFFFF; margin-top: -32px; }
.navB { width: 950px; float: left; margin-left: 25px; position: relative; clear: both; color: #FFFFFF; margin-top: 40px; }
 */

/* 
 * 
 * Secondary Navigation
 * 
 */



/* 
 * 
 * Layout / Formatting
 * 
 */


body { width: 100%; margin: 0 auto; background: url('../images') repeat-x; }

#hd { position: relative; width: 960px; height: 10px; margin-top: 10px; margin-left: 9px; }
#hd span { position: relative; background: url('../images/structure/mode-logo.png') no-repeat left top; width: 617px; height: 139px; top: 5px; left: 30px; display: block; } 
#hd span a { position: relative; width: 121px; height: 59px; text-indent: -9999em; display: block; }

#social-media { position: relative; width: 200px; margin: 10px 10px 10px 10px; }
.LinkedIn { width: 42px; height: 41px; float: left; margin-top: -41px; padding-left: 660px; }
.Twitter { relative; width: 42px; height: 41px; float: left; margin-top: -41px; padding-left: 760px; }
.Facebook { relative; width: 42px; height: 41px; float: left; margin-top: 30px; padding-left: 860px; }

/*
 *
 * Layout / First/Secondary Pages
 *
 */


#content { width: 900px; float: left; margin: 10px 10px 40px 0px; }
.translucent { opacity: 0.27; filter: alpha(opacity = 27); /* For IE */ }

#title { width: 470px; float: left; margin-left: 410px; position: relatve; margin-top: -350px; }
.dashed { background-image: url('../images/structure/dashed-line.png') top left no-repeat; width: 473px; float: left; }
.col1 { background-image: url('../images/structure/watermark.png') top left no-repeat; width: 233px; float: left; margin-left: 100px; margin-top: -270px; padding: 0px 0px 5px 0px; }
.col2 { color: #f79647; width: 460px; float: left; margin-left: 410px; margin-top: -300px; padding: 50px 0px 5px 0px; position: absolute; }

.divider {
    border-top: .5px solid #fff;
    display: block;
    height: 1px;
    margin: 0 auto;
    width: 90%;
}

#panel { position: relative; width: 959px; height: 222px; background: url('../images/structure/hilites-panel.png') top left no-repeat; float: left; margin-left: 0px; margin-top: 20px; }
.competencies { width: 700px; float: left; margin-left: 60px; position: relative; margin-top: -220px; }
.colA { width: 300px; float: left; margin-left: 7px; margin-top: -30px; padding: 5px 10px 5px 0px; }
.colB { width: 300px; float: left; margin-left: 300px; margin-top: -173px; padding: 0px 0px 5px 10px; }
.colC { width: 300px; float: left; margin-left: 600px; margin-top: -173px; padding: 0px 0px 5px 10px; }

#blockquote { position: relative; width: 600px; float: left; margin-top: 40px; margin-left: 180px; margin-bottom: 20px; line-height: 30px; }
.quo01 { position: relative; background: url('../images/structure/quo01.png') top left no-repeat; width: 41px; height: 31px; margin: 0px 0px -30px -50px; padding-right: -10px; }
.quo02 { position: relative; background: url('../images/structure/quo02.png') top left no-repeat; width: 41px; height: 31px; margin: -30px 0px 0px 430px; padding-right: -10px;  }
.kudo { width: 600px; text-align: justify; font-style: italic; color:#eeeeee; position: relative; margin-left: 0px; }
.quotesig { position: relative; padding-top: 20px; padding-bottom: 40px; text-align: right; color: #f79647; }

#download { font-size: 14px; text-align: center; margin-top: -20px; padding-right: 10px; padding-bottom: 10px; padding-top:20px; }
#download a { color: #ff5700; text-decoration:none; }
#download a:hover { color: #fff; }

#backtotop { font-size: 14px; text-align: center; margin-top: -70px; padding-right: 10px; padding-bottom: 10px; padding-top:20px; }
#backtotop a { color: #ff5700; text-decoration:none; }
#backtotop a:hover { color: #fff; }