@charset "utf-8";

/* This first part is to reset all margins etc so all browsers start from same blank page */
/* ------------------------------------ START undo_html.css ----------------------------------*/
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */
:link,:visited { text-decoration:none }
/*ul,ol { list-style:none }*/
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input
{ margin:0; padding:0 }
p{margin-top:0}
a img,:link img,:visited img { border:none }
address { font-style:normal }
/* ------------------------------------ END undo_html.css ----------------------------------*/

/* ------------------------------------ Browser Hacks ----------------------------------*/
IE 6 and below:
* html {}


IE 7 and below:
*:first-child+html {} * html {}


IE 7 only:
*:first-child+html {}


IE 7 and modern browsers only:
html>body {}


Modern browsers only (not IE 7):
html>/**/body {}


Recent Opera versions 9 and below:
html:first-child {}


Safari:
html[xmlns*=""] body:last-child {}
/* ------------------------------------ END Browser Hacks ----------------------------------*/

/* ----------------------------------- Start Standard CSS ---------------------------------- */

ul ol 
{ 
color : #336633;
} 

ol li, ul li 
{ 
padding-bottom : 15px;
}

html {
overflow: auto;
}
body {
	font: 80% Arial, Verdana, sans-serif;
	background: #A3A5A8 url(../images/bg.jpg) repeat-x;
	margin-top: 0;
	padding: 0;
	color: #000000;
}
/* ----- Text Stylings ----- */
h1{
	font: 14px "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: #CCCCCC;
	font-weight: normal;
}
h2{
	font: 14px "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: #333333;
	font-weight: normal;
}
h3{
	font-size:120%;
	font-weight:bold;
	color: #0885AE;
}
h4{
	font: 14px "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	color: #333333;
	font-weight: normal;
	padding-top: 5px;
}
.style1 {
	font-weight: bold
}
.style2 {
	font-style: italic
}
.style3 {
	color: #0F5166;
}
#projects_content a:link, #projects_content a:visited {
	color: #0885AE;
	text-decoration: none;
}
#projects_content a:hover {
	color: #0885AE;
	text-decoration: underline;
}
#footer a:link, #footer a:visited {
	color: #0F5166;
	text-decoration: underline;
}
#footer a:hover {
	color: #0F5166;
	text-decoration: underline;
}
/* ------------------------------------- Start Divs ---------------------------------------- */

#wrapper { 
	 margin: 0 auto;
	 width: 1000px;
}
* html #wrapper{
 width: 1050px;
}
#header {
	 color: #333;
	 width: 940px;
	 float: left;
	 padding: 0px;
	 height: 140px;
	 margin: 10px 0px 0px 0px;
	 background: url(../images/logo.jpg) no-repeat;
}
#cat_header {
	 color: #333;
	 width: 940px;
	 float: left;
	 padding: 0px;
	 height: 140px;
	 margin: 10px 0px 0px 0px;
	 background: url(../images/cat_logo.jpg) no-repeat;
}
#menutitle {
	 color: #333;
	 width: 198px;
	 float: left;
	 padding: 120px 5px 10px 15px;
	 height: 20px;
}
.IE5_spacer {
	 color: #333;
	 width: 20px;
	 float: left;
	 padding: 120px 0px 0px 0px;
	 height: 20px;
}
#showcasetitle {
	 color: #333;
	 width: 556px;
	 float: left;
	 padding: 120px 5px 10px 15px;
	 height: 20px;
}
#thumbstitle {
	 color: #333;
	 width: 126px;
	 float: left;
	 padding: 120px 5px 10px 15px;
	 height: 20px;
}
#leftcolumn { 
 color: #FFFFFF;
 border: 0px solid #ccc;
 background: #242424;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: 450px;
 width: 195px;
 float: left;
}
* html #leftcolumn {
 height: 455px;
}
#leftcolumn_projects { 
 color: #FFFFFF;
 border: 0px solid #ccc;
 background: #242424;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: 585px;
 width: 195px;
 float: left;
}
* html #leftcolumn_projects {
 height: 535px;
}
#content { 
 float: left;
 color: #333;
 border: 0px solid #ccc;
 background: url(../images/content_bg.jpg) no-repeat;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: 450px;
 width: 695px;
 display: inline;
}
* html #content {
 float: left;
  margin-bottom: -140px;;
}
#cat_content { 
 float: left;
 color: #333;
 border: 0px solid #ccc;
 background: url(../images/cat_bg.gif) no-repeat;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: 450px;
 width: 730px;
 display: inline;
}
#cat_content_scroll { 
 float: left;
 color: #333;
 border: 0px solid #ccc;
 height: 450px;
 width: 730px;
 display: inline;
 overflow: auto;
}
#cat_content_scroll a { 
	display: block;
	margin: 10px 10px 10px 10px; 
	float: left; 
	cursor: pointer; 
	border: 4px solid #FFFFFF;
	height: 90px;
	width: 110px;
	background: #FFFFFF no-repeat center top;
}
#projects_content { 
 float: left;
 color: #333;
 border: 0px solid #ccc;
 background: #FFFFFF;
 margin: 0px 6px 5px 0px;
 padding: 10px;
 height: 585px;
 width: 549px;
 display: inline;
}

#rightcolumn { 
 color: #FFFFFF;
 border: 0px solid #ccc;
 background: url(../images/right_column_bg.gif) no-repeat;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: 450px;
 width: 150px;
 float: left;
  overflow: auto;
}
#rightcolumn_projects { 
 color: #FFFFFF;
 border: 0px solid #ccc;
 background: url(../images/right_column_bg.gif) repeat-y;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: 585px;
 width: 150px;
 float: left;
  overflow: auto;
}
#rightcolumn_projects a{ 
	display: block;
	margin: 0px 0px 10px 0px; 
	float: left; 
	cursor: pointer; 
	border: 4px solid #FFFFFF;
	height: 72px;
	width: 110px;
	background: #FFFFFF no-repeat center top;
}
#colorline{
	clear: both;
	width: 549px;
	height: 1px;
	line-height: 1px;
	background: #333333;
	margin: 5px 0px 5px 0px;
}
#footer { 
 width: 914px;
 clear: both;
 color: #ccc;
 border: 1px solid #ccc;
 background: #404346;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}
/* ------------------------------------- Menu Style ---------------------------------------- */
div.sdmenu {
	width: 195px;
	font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: #ccc;
}
div.sdmenu div {
	background: #333;
	overflow: hidden;
}
div.sdmenu div:first-child {
	background: #333;
}
div.sdmenu div.collapsed {
	height: 31px;
	border-bottom: 1px solid #393939;
}
div.sdmenu div span {
	display: block;
	padding: 8px 12px;
	color: #ccc;
	background: #333;
	cursor: pointer;
	border-bottom: 1px solid #ddd;
}
div.sdmenu div.collapsed span {
	background: #333;
	cursor: pointer;
}
* html div.sdmenu div.collapsed span {
	margin: -8px 0px 0px -1px;
	border-bottom: 8px solid #333;
}
div.sdmenu div a {
	padding: 5px 10px;
	background: #eee;
	display: block;
	border-bottom: 8px solid #ddd;
	color: #333;
	text-decoration: none;
}

div.sdmenu div a:hover {
	background : #2580a2 ;
	color: #fff;
	text-decoration: none;
}

a.current{
	background : #2580a2 ;
	color: #fff;
	text-decoration: none;
}

.menu {
	background: #333;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 195px;
}
.menu li {
	font: 13px "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

.menu a {
	background: #333;
	border-bottom: 1px solid #393939;
	color: #ccc;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
}
.menu a:hover {
	background: #333;
	color: #ccc;
	padding-bottom: 8px;
}