﻿/* CKS YELLOW = R-255/G-207/B-1 or #ffcf01 */

/* CLEAR FORMATTING */
html, body, div, ul, ol, li, h1, h2, form, p {margin:0px; padding:0px;}
ul {list-style:none;}
table {border-collapse: collapse; border-spacing: 0;}
img {border:0;}

/* TEXT */
body {background-color: #fff; color: #666; font-family: arial, helvetica, sans-serif; font-size:12px; font-weight: normal}

/* CLASSES */
.left      {float: left;}
.projinfo  {font-weight:bold; margin: 0px 15px;}
.desctop   {font-weight: bold;}
.th        {margin: 0px 0px 6px 0px; cursor: pointer;}
.large     {font-size:14px; line-height:18px}
.large-b   {font-size:14px; font-weight:bold; line-height:18px}
.grid      {display: inline-block; width:200px; font-size:12px; line-height:14px; text-align:center;margin:0px 0px 20px 20px;}
.grid-head {display: inline-block; width:200px; font-size:14px; font-weight:bold; background-color:#eee; color:#666; line-height:14px; text-align:center; margin:0px 0px 15px 20px; padding:5px 0px}
.b         {font-weight: bold;}\
.em {font-style: italic}
.newsitem  {min-height: 266px; margin-bottom:30px; padding-bottom: 30px; border-bottom: 1px solid #999; width:855px;}
.newsitemlast {min-height: 266px; margin-bottom:30px; padding-bottom: 30px; width:855px;}
.newshead  {font-size: 14px; font-weight: bold; line-height: 30px;}
.merger     {float: left; margin-top: 10px; }

a:link, a:visited, a:active {color: #666; text-decoration: underline;}
a:link.no, a:visited.no, a:active.no {color: #666; text-decoration: none;}
a:hover {color: #000; text-decoration: underline}
a:hover.no {color: #000; text-decoration: underline}

/* STRUCTURE */
#overall {position: relative; top: 0px; margin: 0px auto; width: 980px; } 
#header {width: 100%; height: 116px; margin-bottom:20px; top:0px}
#logo {width: 100px;}
#topnav {position: absolute; top: 50px; right:0px; font-size: 14px;}
  #projinfo     {position: absolute; top: 102px; left: 110px; margin-left: 15px}
  #contentblock {position: relative; width: 100%; }
  #sidenav      {position: absolute; width: 100px; top: 0px; text-align:left; font-size:11px;}
  #image        {float:right; top: 0px; left: 125px; min-height:600px;}
  #image-r      {float:right; width: 685px; top: 0px; text-align:right; padding-left:20px; min-height:600px}
  #footer       {clear:both; width: 100%; padding: 20px 0px 30px 0px; font-size:11px} 
  #preloader    {display: none}


hr {height:1px; border:0; color: #999; background-color: #999}

/* TOP NAVIGATION */
#topnav li {display: inline}

#topnav a:link, #topnav a:visited, #topnav a:active {color: #666; background-color: #fff; text-decoration: none; margin-left:25px;}
#topnav a:hover {color: #000; background-color: #fff; text-decoration: underline;}

#topnav a:link.active, #topnav a:visited.active, #topnav a:active.active {color: #000; background-color: #fff; text-decoration: underline;}
#topnav a:hover.active {color: #000; background-color: #fff; text-decoration: underline;} 

#topnav a:link.sub, #topnav a:visited.sub, #topnav a:active.sub {font-size: 11px}
#topnav a:hover.sub {font-size:11px; text-decoration: underline;} 


/* SIDE NAVIGATION */
#sidenav a:link, #sidenav a:visited, #sidenav a:active {color: #666; text-decoration: none;}
#sidenav a:hover {color: #000; text-decoration: underline}
#sidenav p {margin-bottom: 15px}


/* DESCRIPTION AREA */
#desc {position:absolute; text-align: left; line-height: 15px; width: 255px; top: 0px; left: 125px; z-index:3; padding: 10px; color: #666; background-color: #eee;}
#desc-sect {position:absolute; text-align: left; line-height: 15px; width: 285px; top: 0px; left: 0px; z-index:3; padding: 10px; color: #666; background-color: #eee;}
#desc p, #desc-sect p {margin-bottom: 15px;}

/* MAIN BOX */
#image-r a:link, #image-r a:visited, #image-r a:active {color: #666; background-color: #fff; text-decoration: none;}
#image-r a:hover {color: #000; background-color: #fff; text-decoration: none;}

#image p, #image-r p {margin-bottom: 15px}

#image ul {margin-bottom: 15px}
#image ul li {margin-left: 10px}


/* BULLETED LISTS */
ul.bullet li {list-style: circle outside; margin-bottom: 10px;}


div.container {padding:0px 10px 50px 0px;}
div.spacer {clear: both;}
