/*********************************************/
/* Reset                                     */
/*********************************************/

img {
  border: 0;
  }
  
a {
  outline: none;
  }
  
#leftcolumn a {
  font-family: Arial, Helvetica, sans-serif;
  color: #0033CC;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  }
  
#leftcolumn a:hover {
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
  font-size: 12px;
  text-decoration: none;
  }
  
#leftcolumn a:visited {
  font-family: Arial, Helvetica, sans-serif;
  color: #990000;
  font-size: 12px;
  text-decoration: none;
  }
  
  
h2 {
  font-family: Arial, Helvetica, sans-serif;
  color: #0066CC;
  font-size: 18px;
  padding: 10px 0 5px 10px;
  font-weight: normal;
  }
  


/*********************************************/
/* Header                                    */
/*********************************************/

#header {
  /* background: url(../images/main-header.jpg) no-repeat; */
  width: 580px;
  height: 250px;
  }
  
#flash {
  /* background: url(../images/main-header.jpg) no-repeat; */
  width: 850px;
  height: 250px;
  }
  
/*********************************************/
/* Top Links - Navigation                    */
/*********************************************/

#topLinks {
  width: 850px;
  }

#topNav ul {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
  text-indent: 8px;
  padding: 10px 10px 10px 0;
  margin: 0;
  text-align: right; /*set value to "center" for example to center items*/
  font-weight: bold;
  }

#topNav ul li {
  display: inline;
  margin: 0 0 5px 0px;
  padding: 0 0 0 5px;
  list-style: none;
  }

#topNav li a {
  color: #333333;
  padding: 5px 5px 5px 10px;
  margin: 0;
  text-decoration: none;
  }

#topNav ul li a:hover {
  color: #0033CC;
  }

/*********************************************/
/* Main Navigation                           */
/*********************************************/

#mainNav {
  background: url(../images/nav_background.gif) no-repeat;
  height: 57px;
  width: 850px;
  }

#mainNav ul {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
  text-indent: 15px;
  padding: 13px 0 15px 0;
  margin: 0;
  text-align: left; /*set value to "center" for example to center items*/
  }

#mainNav ul li {
  display: inline;
  margin: 0 0 5px 0px;
  padding: 0 0 0 10px;
  list-style: none;
  }

#mainNav li a {
  color: #FFFFFF;
  padding: 10px 10px 25px 10px;
  margin: 0;
  text-decoration: none;
  }
  
#mainNav li a.active {  
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #04154B; 
  padding: 10px 10px 25px 10px;
  } 

#mainNav ul li a:hover {
  color: #FFFFFF;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #730014; 
  padding: 10px 10px 25px 10px;
  }
  
/*********************************************/
/* Left Column                               */
/*********************************************/ 

#leftcolumn h1 {
  font-family: Arial, Helvetica, sans-serif;
  color: #0066CC;
  font-size: 26px;
  padding: 0 0 10px 15px;
  font-weight: normal;
  } 
  
#leftcolumn h2 {
  font-family: Arial, Helvetica, sans-serif;
  color: #0066CC;
  font-size: 22px;
  padding: 5px 0 10px 15px;
  font-weight: normal;
  }
  
#leftcolumn h3 {
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
  font-size: 14px;
  padding: 15px 0 10px 15px;
  font-weight: bold;
  }


#leftcolumn p {
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
  text-align: justify;
  font-size: 12px;
  margin: 0;
  padding: 0 15px 10px 15px;
  line-height: 16px;
  }
  
#leftcolumn .blue {
  color: #0033CC;
  font-weight: bold;
  }
  
#leftcolumn .orange {
  font-family: Arial, Helvetica, sans-serif;
  color: #FA4138;
  font-size: 22px;
  padding: 0 0 15px 0;
  font-weight: normal;
  }
  
/*********************************************/
/* Gallery                               */
/*********************************************/

#leftcolumn #gallery {
	float: left;
	margin: 15px 15px 0 15px;
	padding: 0;
	width: 480px;
  }
  
#leftcolumn #gallery ul {
  margin: 0;
  padding:0;
  /* border:1px solid #CCC; */
  list-style:none;
  overflow:hidden;
  }

#leftcolumn #gallery li {
	float: left;
	display: inline;
  margin: 0;
  padding: 4px 30px 10px 4px;
	background:url(../images/image-thumbnail.jpg) no-repeat;
	width: 125px;
	height: 140px;
  }

#leftcolumn #gallery li a img {
  padding: 0;
  opacity:.80;
  }

#leftcolumn #gallery li a {
  padding: 0;
  opacity:.80;
  }

#leftcolumn #gallery li a img:hover {
  opacity:1;
  }


/*********************************************************/
/* Left Column - Summary / News Items */
/*********************************************************/	  

#leftcolumn #summary {
	margin: 30px 20px 0 20px;
	padding: 0;

  }
 
#leftcolumn #summary img {
  float: left;
  margin: 0 15px 15px 0px;
  padding: 0 0 15px 0;
  }
	

  
#leftcolumn #summary h2 a:link, #leftcolumn #summary h2 a:visited {
  font-family: arial,verdana,tahoma,sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #0066CC;
  margin: 0;
	padding: 0;
  text-decoration: none;
  }
	
#leftcolumn #summary h2 a:hover {
  font-family: arial,verdana,tahoma,sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #999999;
  margin: 0;
  padding: 0;
  }
  
#leftcolumn #summary ul {
  font-family: arial,verdana,tahoma,sans-serif;
  font-size: 12px;
  font-weight: bold;
  list-style: none;
  margin: 15px 0 15px 0;
  padding: 0;
  }
  
#leftcolumn #summary li {
  display: block;
  clear: both;
  margin: 10px 0 10px 0;
  padding: 0;
  list-style: none;
  }
	
#leftcolumn #summary li h2 {
  font-family: arial,verdana,tahoma,sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #74754f;
  margin: 0;
	padding: 0;
  }	
	
#leftcolumn #summary li p {
	font-family: arial,verdana,tahoma,sans-serif;
	font-size: 12px;
	font-weight: normal;
  color: #505050;
  margin: 0;
  padding: 5px 15px 10px 25px;
  }
  
#leftcolumn #summary a:link, #leftcolumn #summary a:visited {
  font-family: arial,verdana,tahoma,sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #0066CC;
  margin: 0 0 10px 0;
  text-decoration: none;
  }
  
#leftcolumn #summary a:hover {
  color: #999999;
  }




/*********************************************/
/* Right Column                               */
/*********************************************/ 

#rightcolumn h1 {
  font-family: Arial, Helvetica, sans-serif;
  color: #0066CC;
  font-size: 26px;
  padding: 0 0 10px 15px;
  font-weight: normal;
  } 
  
#rightcolumn h2 {
  font-family: Arial, Helvetica, sans-serif;
  color: #0066CC;
  font-size: 22px;
  padding: 15px 0 10px 15px;
  font-weight: normal;
  }
  
#rightcolumn h3 {
  font-family: Arial, Helvetica, sans-serif;
  color: #0066CC;;
  font-size: 14px;
  padding: 15px 0 10px 15px;
  font-weight: bold;
  }


#rightcolumn p {
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
  text-align: justify;
  font-size: 12px;
  margin: 0;
  padding: 0 15px 10px 15px;
  line-height: 16px;
  }
  
#rightcolumn .blue {
  color: #0033CC;
  font-weight: bold;
  }
  
#rightcolumn .orange {
  font-family: Arial, Helvetica, sans-serif;
  color: #FA4138;
  font-size: 22px;
  padding: 0 0 15px 0;
  font-weight: normal;
  }




/*********************************************/
/* Project Layout                            */
/*********************************************/  

#project {
  width: 480px;
  background: #EDEDED;
  padding: 0 0 20px 0;
  margin: 0 0 0 15px;
  border-bottom: 1px solid #FFFFFF;
  }  
  
#project h2 {
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
  font-size: 16px;
  padding: 10px 10px 0 15px;
  font-weight: normal;
  }
  
#project img {
  float: left;
  padding: 10px 10px 10px 15px;
  } 
  
#project h3 {
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
  font-size: 12px;
  padding: 10px 10px 10px 15px;
  font-weight: bold;
  } 
  
#project ul {
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
  font-size: 11px;
  list-style: none;
  }
  
#project li {
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
  text-align: justify;
  font-size: 11px;
  padding: 0 10px 5px 10px;
  margin: 0 0 0 20px;
  }
  
/*********************************************/
/* Featured Project                          */
/*********************************************/  

#featuredProject {
  padding: 0 0 20px 0;
  margin: 0 0 0 0;
  border-bottom: 1px solid #FFFFFF;
  }  
  
#featuredProject h2 {
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
  font-size: 16px;
  padding: 10px 10px 0 15px;
  font-weight: normal;
  }
  
#featuredProject img {

  padding: 10px 10px 10px 0px;
  } 
  
#featuredProject h3 {
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
  font-size: 12px;
  padding: 10px 10px 10px 15px;
  font-weight: bold;
  } 
  
#featuredProject ul {
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
  font-size: 11px;
  list-style: none;
  }
  
#featuredProject li {
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
  text-align: justify;
  font-size: 11px;
  padding: 0 10px 5px 10px;
  margin: 0 0 0 20px;
  }
  
/*********************************************/
/* Sidebar Block - Comment                   */
/*********************************************/  

#block {
  width: 336px;
  height: 70px;
  padding: 10px 0 20px 0;
  /* border: 1px solid #BDBCBD; */
  }  
  
#block img {
  float: left;
  padding: 10px 10px 10px 0;
  } 
  
#block p {
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #999999;
  text-align: justify;
  font-size: 12px;
  padding: 18px 15px 10px 0;
  line-height: 16px;
  }
  
/*********************************************/
/* Sidebar Block - Banner                    */
/*********************************************/  
  
#banner {
  padding: 10px 0 10px 0;
  } 
  
#sideFlashbanner {
  width: 326px;
  height: 155px;
  margin: 15px 0 25px 0;
  padding: 0;
  } 
  
/*********************************************/
/* News Block                                */
/*********************************************/  

#news{
  width: 326px;
  padding: 0 0 15px 0;
  } 
  

#newsHeader {
  background: url(../images/h_latest-article.png) no-repeat;
  width: 326px;
  height: 69px;
  }
  
#newsHeadercsi {
  background: url(../images/h-csi.png) no-repeat;
  width: 326px;
  height: 69px;
  }
#newsHeader h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 22px;
  color: #FFFFFF;
  padding: 20px 0 0 10px;
  } 
  
#newsBodycsi {
  border-right: 1px solid #051c91;
  border-bottom: 1px solid #051c91;
  border-left: 1px solid #051c91;
  }

#newsBody {
  border-right: 1px solid #fd4239;
  border-bottom: 1px solid #fd4239;
  border-left: 1px solid #fd4239;
  }
  
#newsBlock {
  width: 300px;
  padding: 5px 10px 20px 10px;
  }
  
#newsBlock img {
  float: left;
  padding: 10px 10px 10px 0;
  }
  
#newsBlock h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  padding: 15px 0 0 0;
  }

#newsBlock p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 15px 0 0 0;
  text-align: justify;
  }
  
#newsBlock a {
  font-family: Arial, Helvetica, sans-serif;
  color: #fd4239;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  }
  
#newsBlock a:hover {
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  }
  
/*********************************************/
/* Bullets                                   */
/*********************************************/

#bullets ul {
  margin:  0;
  padding: 15px 10px 0 10px;
  }

#bullets ul li {
  margin: 0 0 0 5px;
  padding: 0 10px 10px 30px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #666666;
  background:url(../images/blue_bullet.gif) no-repeat 10px 6px;
  text-decoration: none;
  list-style: none;
  }
  
#bullets ul li a {
  font-family: Arial, Helvetica, sans-serif;
  color: #0033CC;
  font-size: 12px;
  text-decoration: none;
  }
  
#bullets ul li a:hover {
  font-family: Arial, Helvetica, sans-serif;
  color: #0033CC;
  font-size: 12px;
  }
   
/*********************************************/
/* Footer Navigation                         */
/*********************************************/

#footerNav {
  background: url(../images/footer-grey-gradient.png) repeat-x;
  border-top: 3px solid #FFFFFF;
  width: 850px;
  height: 91px;
  }

#footerNav ul {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 11px;
  text-indent: 8px;
  padding: 35px 0 15px 0;
  margin: 0;
  text-align: left; /*set value to "center" for example to center items*/
  }

#footerNav li {
  display: inline;
  margin: 20px 0 5px 0px;
  padding: 0 0 0 5px;
  list-style: none;
  }

#footerNav li a {
  color: #666666;
  padding:0px 5px 5px 10px;
  margin: 0;
  text-decoration: none;
  }

#footerNav ul li a:hover {
  color: #0033CC;
  }
    
/*****************************************************/
/* Footer Sprite                                     */
/*****************************************************/ 

#sprite {
  height: 30px;
  /* background: url(../images/nav_background.png) repeat-x; */
  }

#sprite ul {
  padding: 10px 0 0 20px;	
  height: 30px;
  margin-left: 0;
  }

#sprite li {
  float: left;
  display: inline;
  margin: 0;
  padding: 0 5px 0 0;
  text-indent: -9999px;
  }

#sprite li a {
  /* set the height of the nav bar in padding and height attr */
  height: 16px;
  display: block;
  }

#sprite a:hover {
  /* set the background of nav sprite to second position */
  background-position: 0 -16px; 
  }

#sprite_img a {
  /* set background image and width here */
  width: 120px;
  background: url(../images/creamsoda.png) no-repeat;
  }