/* CSS Document */ 
/* styles are listed in order of appearence (or close to) */

body{
background-color:#999999;
margin:0 auto;
max-width:800px;
padding:10px;
text-align:center;
font-family: Helvetica,  Arial, sans-serif;
}

#pageholder{
width:800px;
height:562px;
background-image:url(images/box.gif);
background-repeat:no-repeat;
text-align:left;
}

#leftbox{
width:335px;
height:454px;
float:left;
}

#buffer{
float:left;
margin:10px 0 19px 20px;
}

html>body #buffer{
float:left;
margin:15px 0 10px 35px;
}


#newContent{
margin-left:12px;
color:#EBEBEB;
font-family: Helvetica, Arial, sans-serif;
font-size: 8pt;
float:left;
font-weight:500;


letter-spacing:1px;
}

html>body #newContent{
margin-left:25px;
color:#EBEBEB;
font-family: Helvetica, Arial, sans-serif;
font-size: 8pt;
float:left;
font-weight:500;
letter-spacing:1px;


}

#newContent a{
color:#DCCDBA;
text-decoration:none;
}

#newContent a:hover {
text-decoration:underline;
}

#newContent h1{
margin:0;
padding:0 0 10px 0;
font-size:16px;
font-style:italic;
font-weight:bold;
color:#FFFFFF;
letter-spacing:0.5px;}

html>body #newContent h1{
margin:0;
padding:0 0 10px 0;
font-size:14px;
font-style:italic;
font-weight:bold;
color:#FFFFFF;
letter-spacing:0.5px;}

#newContent a.button_main{
background-color:#bcb0a4;
font-family: Helvetica,  Arial, sans-serif;
color: #FFFFFF;
font-weight:bold;
font-size:15px;
border:1px solid #FFFFFF;
padding:1px 14px 1px 14px;
text-decoration:none;
}

#newContent a.button_main:hover{
border:1px solid #666666;
color:#666666;
text-decoration:none;
}

#newContent input{
border:1px solid #CCCCCC;
color:#f7ebdf;
background-color:#B3B3B3;
font-family: Helvetica,  Arial, sans-serif;

height:14px;
font-size:12px;
}

#loginContent{
margin-left:40px;
color:#EBEBEB;
font-family: Helvetica, Arial, sans-serif;
font-size: 8pt;
float:left;
font-weight:500;

letter-spacing:1px;
}

html>body #loginContent{
margin-left:30px;
color:#EBEBEB;
font-family: Helvetica, Arial, sans-serif;
font-size: 8pt;
float:left;
font-weight:500;
letter-spacing:1px;

}

#loginContent a{
color:#DCCDBA;
text-decoration:none;
margin:0px;
padding:0px;
}

#loginContent a:hover {
text-decoration:underline;
}

#loginContent h1{
margin:0;
padding:0 0 2px 0;
font-size:14px;
font-style:italic;
font-weight:bold;
color:#FFFFFF;
letter-spacing:0.5px;}

html>body #loginContent h1{
margin:0;
padding:0 0 10px 0;
font-size:14px;
font-style:italic;
font-weight:bold;
color:#FFFFFF;
letter-spacing:0.5px;}

#loginContent a.button_main{
background-color:#bcb0a4;
font-family: Helvetica,  Arial, sans-serif;
color: #FFFFFF;
font-weight:bold;
font-size:15px;
border:1px solid #FFFFFF;
padding:0px 14px 1px 14px;
text-decoration:none;
}

#loginContent a.button_main:hover{
border:1px solid #666666;
color:#666666;
text-decoration:none;
}

#loginContent input.words{
border:1px solid #CCCCCC;
color:#f7ebdf;
background-color:#B3B3B3;
font-family: Helvetica,  Arial, sans-serif;
height:14px;
font-size:12px;
}
input.login{
width:170px;
margin:0px 0px 3px 0;
}


html>body input.login{
width:170px;
margin:0px 0px 5px 0;
}
input.tiny{
width:50px;
margin:0px 2px 5px 0;
}
td.tiny{
width:30px;
margin:0px 2px 5px 0;
}
td.tinytick{
width:20px;
margin:0px 2px 5px 0;
}

td.tiny2{
width:75px;
margin:0px 2px 5px 0;
}
input.short{
width:108px;
margin:0px 2px 5px 0;
}
td.short{
width:108px;
margin:0px 2px 5px 0;
}
input.mid{
width:188px;
margin:0px 2px 5px 0;
}
td.mid{
width:188px;
margin:0px 2px 5px 0;
}
input.mid2{
width:214px;
margin:0px 2px 5px 0;
}
td.mid2{
width:214px;
margin:0px 2px 5px 0;
}
input.long{
width:238px;
margin:0px 2px 5px 0;
}
td.long{
width:238px;
margin:0px 2px 5px 0;
}
#rightbox{
width:454px;
float:right;
padding:2px 2px 0 2px;
}

#listtable{
border:1px solid #CCCCCC;
padding:0;
margin:0;
background-color:#B3B3B3;
height:17px;
line-height:17px;
font-size:10px;
}

#titlebar{
height:29px;
line-height:29px;
background-image:url(images/titlebar.gif);
background-repeat:no-repeat;
color:#f7ebdf;
font-family: Helvetica,Arial, sans-serif;
font-size:16px;
font-weight:bold;
font-style:italic;
text-indent:10px;

}

#titlebar img{
float:left;
vertical-align:baseline;
border:0;
margin:0;
padding:0;
}

#titlebar input.words{
float:right;
width:131px;
font-style:normal;
font-family:Helvetica,Arial, sans-serif;
height:16px;
border-color:#f7ebdf;
color:#f7ebdf;
background-color:#bcb0a4;
}
html>body #titlebar input.words{
float:right;
width:135px;
font-style:normal;
font-weight:100;
font-family:Helvetica,Arial, sans-serif;
height:16px;
border-color:#f7ebdf;
color:#f7ebdf;
background-color:#bcb0a4;
}

#titlebar a.searchbutton:link, #titlebar a.searchbutton:visited  {

float:left;
line-height:20px;
		display:block;
		margin-right:5px;
		padding:0px 0px 0 1px;
		width:18px;
		height:21px;
		background: url("images/searchbut-big.gif") 0 0 no-repeat;
		text-decoration: none;
		}
#titlebar a.searchbutton:hover  {
	
		background-position: -19px 0;
		}

#titlebar a.submitbuttonbig:link, #titlebar a.submitbuttonbig:visited  {

		display:block;

		margin-left:1px;
		padding:0px 0px 0 1px;
		width:18px;
		height:21px;
		background: url("images/searchbut-big.gif") 0 0 no-repeat;
		text-decoration: none;
		}
#titlebar a.submitbuttonbig:hover  {
	
		background-position: -18px 0;
		}
		
#rightpadding{
margin-top:1px;
}

html>body #rightpadding{
margin-top:0px;
}



/*#container {
height:422px;
width:440px;
overflow:hidden;
position:absolute;
scrollbar-arrow-color: #999999; 
scrollbar-3dlight-color: #ababad; 
scrollbar-highlight-color: #d5d5d5; 
scrollbar-face-color: #d5d5d5; 
scrollbar-shadow-color: #d5d5d5; 
scrollbar-darkshadow-color: #d5d5d5; 
scrollbar-track-color: #999999;
}

#content{
position:relative;
width:440px;
}

#scrollArea {
	position	: absolute;
	height		: 200px;
	width		: 15px;
	border		: 1px solid #666;
	overflow	: hidden;
}

#scroller {
	position	: absolute;
	left		: 450px;
	top			: -1px;
	width		: 15px;
	background	: #AAA;
	border-top	: 1px solid #666;
	border-bottom	: 1px solid #666;
}

#container {
	position	: absolute;
	width		: 440px;
	height		: 422px;
	overflow	: hidden;
	margin:0;
	padding:0;
}

#content {
	position	: relative;
	width		: 440px;
}

html>body #content {
	position	: relative;
	width		: 440px;
	top:-15px;
}


#scrollArea {

	position:relative;
	float:right;
	height		: 422px;
	width		: 20px;
	border		: 0px solid #666;
	overflow	: hidden;
}

#scroller {
	position	: absolute;
	margin:1px;
	width		: 20px;
	background-color:#d5d5d5;
	border:: 1px solid #666;
	background-image:url(images/scroll.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
*/

a.loaditem{
float:left;
color:#FFFFFF;
height:140px;
width:136px;
background-color:#ababac;
text-align:left;
padding-left:10px;
text-decoration:none;
margin-right:1px;
margin-bottom:1px;
font-family: Helvetica, Arial, sans-serif;
font-size:8.5pt;
font-weight:normal;

}

a.loaditem:link, a.loaditem:visited,{
float:left;
color:#FFFFFF;
height:140px;
width:136px;
background-color:#ababac;
text-align:left;
padding-left:10px;
text-decoration:none;
margin-right:1px;
margin-bottom:1px;
font-family: Helvetica, Arial, sans-serif;
font-size:8.5pt;
font-weight:normal;
}


a.loaditem:hover{
background-color:#999999;
font-weight:normal;
cursor:pointer;
}


a.loaditem img{
border: 1px solid #CCCCCC;
}

#loaditemheading{
text-align:left;
color:#FFFFFF;
font-family: Helvetica, Arial, sans-serif;
font-size:8.5pt;
font-weight:bold;
margin:0;
padding:3px 0 3px 0;
}

a.projectitem{

color:#CCCCCC;
text-align:left;
text-decoration:none;
}
a.projectitem:hover{

border-color: #FFFFFF;

}

a.projectitem img{
border: 1px solid #CCCCCC;
}

#bottombox{
width:100%;
height:107px;
float:left;
padding:0px 1px 2px 1px;
}


 

div.contentb h1{
font-weight:bold;
font-size: 8pt;
}  


   
div.content { 
position:relative; visibility:hidden; 
color: #ffffff;
background-color:#ABABAD;

font-family: Helvetica, Arial, sans-serif;
font-size: 9pt;
left:0; top:0; z-index:1 
  } 

#InsideContent{
height:430px;
width:450px;
}

div.content h1{
font-weight:bold;
font-size: 8pt;
}  



#contentTitle{
font-weight:bold;
font-size: 12pt;
}
   
  
#StyleContent{
background-color:#ABABAD;
height:400px;
width:450px;
}

.pad{
margin-top:5px;
margin-bottom:5px;}


#home{
width:164px;
height:24px;
background-image:url(images/home.gif);
background-repeat:no-repeat;
background-color:#bcb0a4;
color:#FFFFFF;
font-family: Helvetica, Arial, sans-serif;
font-size:10pt;
font-weight:bold;
text-indent:14px;
}

#home a{
width:164px;
height:24px;
line-height:24px;
display:block;
color:#FFFFFF;
text-decoration:none;


}

#home a:hover{
color:#666666;
}

#about{
width:176px;
height:24px;
background-color:#bcb0a4;
color:#FFFFFF;
font-family: Helvetica, Arial, sans-serif;
font-size:10pt;
font-weight:bold;
text-indent:14px;
}

#about a{
width:176px;
height:24px;
line-height:24px;
display:block;
color:#FFFFFF;
text-decoration:none;


}

#about a:hover{
color:#666666;
}

#links{
height:24px;
width:457px;
background-color:#bcb0a4;
color:#f7ebdf;
font-family: Helvetica,  Arial, sans-serif;
font-size:8pt;
text-indent:10px;
}

#links a{
text-decoration:none;
color:#f7ebdf;}

#links a:hover{
color:#666666;}

input{
border:1px solid #CCCCCC;
color:#f7ebdf;
background-color:#B3B3B3;
font-family: Helvetica,  Arial, sans-serif;
height:14px;
font-size:12px;
}

input.sub_image{
float:left;
height:20px;
width:19px;}

input.sub_text{
background-color:#bcb0a4;
font-family: Helvetica,  Arial, sans-serif;
color: #FFFFFF;
font-weight:bold;
font-size:15px;
height:20px;
line-height:18px;
border:1px solid #FFFFFF;
padding:0px 14px 0px 14px;
text-decoration:none;
}

 input.sub_text:hover{
border:1px solid #666666;
color:#666666;
text-decoration:none;}

textarea{
border:1px solid #CCCCCC;
color:#f7ebdf;
background-color:#B3B3B3;
font-family: Helvetica,  Arial, sans-serif;
width:358px;
font-size:12px;

}

#formName{
font-weight:bold;
line-height:15px;
}

input.form{
width:176px;
margin:0px 2px 5px 0;
}


#detailHolder{
float:left;
color:#EBEBEB;
text-align:center;
font-size:7pt;
font-family: Helvetica,  Arial, sans-serif;
}

.inside{
text-align:right;
width:300px;
}

#news{
float:left;
text-align:right;
text-indent:60px;
width:315px;
margin:0;
padding:0;
height:39px;
font-size:16px;
line-height:35px;
color:#FFFFFF;
font-weight:bold;
font-style:italic;}

html>body #news{
float:left;
text-indent:20px;
width:315px;
margin:0;
padding:0;
height:25px;
font-size:16px;
line-height:25px;
color:#FFFFFF;
font-weight:bold;
font-style:italic;}

.footer{
float:left;
width:100%;
text-align:center;
font-family: Helvetica,  Arial, sans-serif;
color:#CCCCCC;
font-size:8pt;
margin-right:-3px;
padding-top:5px;
}

.footer a, .footer a:visited{
color:#CCCCCC;
font-size:7pt;
}

.footer a:hover {
color:#FFFFFF;
}



#PageContent{
overflow:hidden;
margin:1px 0 0 0;
background-color:#ababac;
width: 454px;
height: 422px;
font-family: Helvetica,  Arial, sans-serif;
color:#FFFFFF;
font-size:10pt;
padding:0px;
} 

#PageContent a{
color:#f7ebdf;
text-decoration:none;

} 

#PageContent a:hover{

text-decoration:underline;
} 

#PageContent h1{

font-size:12pt;
font-weight:bold;
margin:5px 0 3px 0 ;

}
a.button_main{
background-color:#bcb0a4;
font-family: Helvetica,  Arial, sans-serif;
color: #FFFFFF;
font-weight:bold;
font-size:15px;

border:1px solid #FFFFFF;
padding:0px 14px 0px 14px;
text-decoration:none;
}
a.button_main:hover{
border:1px solid #666666;
color:#666666;
}

#PageContent a.button_main:hover{
border:1px solid #666666;
color:#666666;
text-decoration:none;
}
#PageContent a.submitbutton:link, #PageContent a.submitbutton:visited  {
		
		display:block;
		padding:0px 0px 0 0px;
		width:21px;
		height:19px;
		line-height:19px;
		background: url("images/searchbut-small2.gif") 0 0 no-repeat;
		text-decoration: none;
		}
#PageContent a.submitbutton:hover  {
	
		background-position: -21px 0;
		}


#newspage{
width: 440px;
background-color:#ababac;
font-family: Helvetica,  Arial, sans-serif;
color:#FFFFFF;
font-size:10pt;
padding:0px;
}

#newspage a{
color:#DCCDBA;
text-decoration:none;
}

#newspage a:hover {
text-decoration:underline;
}



#PageContenttwo{

background-color:#ababac;
width: 440px;
height: 422px;
font-family: Helvetica,  Arial, sans-serif;
color:#FFFFFF;
font-size:10pt;
margin:0;
padding:0px;
} 

html>body #PageContenttwo{
min-height: 422px;
background-color:#ababac;
width: 440px;
height: auto;
min-height: 422px;
font-family: Helvetica,  Arial, sans-serif;
color:#FFFFFF;
font-size:10pt;
margin:0;
padding:0px;
} 

#PageContenttwo a{
color:#f7ebdf;
text-decoration:none;

} 

#PageContenttwo a:hover{

text-decoration:underline;
} 

#PageContenttwo h1{

font-size:12pt;
font-weight:bold;
margin:5px 0 3px 0 ;

}



#PageContenttwo a.button_main:hover{
border:1px solid #666666;
color:#666666;
text-decoration:none;
}
#PageContenttwo a.submitbutton:link, #PageContenttwo a.submitbutton:visited  {

		display:block;
		padding:0px 0px 0 0px;
		width:21px;
		height:19px;
		background: url("images/searchbut-small2.gif") 0 0 no-repeat;
		text-decoration: none;
		}
#PageContenttwo a.submitbutton:hover  {
	
		background-position: -21px 0;
		}
		
.left{
float:left;}


.graphicdesign{
font-family:Arial, Helvetica, sans-serif;
line-height:1px;
display:none;
visibility:visible;
color:#FDFDFD;}