, ##map_container
{
  height: 660px;
  width: 660px;
}
.hidden {
    display: none;
}

body {
	background: url(/images/structural/html.back.gif) repeat-x 0 0;	
}
.yui-g ul, .yui-g ol {
	margin-bottom:15px;
}
.yui-g ul li, .yui-g ol li  {
	margin-left:15px;
	padding-left:5px;
	margin:0;
}
.yui-t2 #yui-main .yui-b a:link, .yui-t2 #yui-main .yui-b a:visited{
	text-decoration: none;
	color: #006AAD;	
}
.yui-t2 #yui-main .yui-b a:hover {
	color: #fff; 
	background-color: #006AAD;
	}

.wspContentRendererPage {
	*padding-top: 30px;;


	}
input, textarea{
	border:1px solid #CCCCCC;
	padding:3px;
	}	
	
/*-------------------------------------------------------------------------------------------------*/
/* Hack for YUI gallery
/*-------------------------------------------------------------------------------------------------*/

	#imageSlideshowHolder{

		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width: 940px;	/* IE 5.x */
		width/* */:/**/940px;	/* Other browsers */
		width: /**/940px;
		
		/* CSS HACK */
		height: 456px;	/* IE 5.x */
		height/* */:/**/205px;	/* Other browsers */
		height: /**/205px;
		border:3px solid #fff;
		position:relative;	/* Never change this value */
		
	}
	.imageInGallery{		
		width:940px;
		height:205px;		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
	}
	
	
	#imageSlideshowHolder img{
		position:absolute;
	}
/*-------------------------------------------------------------------------------------------------*/
/* Cufon H1, H2, H3, H4
/*-------------------------------------------------------------------------------------------------*/

h1 {
	color:#FFFFFF;
	font-size:20px;
	margin:0 0 10px;
	padding:8px 0 0 0;
  }
h3 {
	font-size: 16px;
	color: #666666; 
	line-height:32px;
  }  
/*-------------------------------------------------------------------------------------------------*/
/* send page
/*-------------------------------------------------------------------------------------------------*/

#pagesend H2 {
	font-size: 16px;
	color: #999; 
	margin: 0 0 10px 0;
	text-transform:uppercase;
  }
#page_send_form {
	background: #eee;
	padding: 20px;
	margin-bottom: 20px;
	}  
#pagesend ol li {
	list-style-type: none;
	margin: 0;
	padding: 5px;
}
#pagesend ol li label {
	display:inline-block;
	width: 100px;
	padding-right: 20px;
}

/*-------------------------------------------------------------------------------------------------*/
/* Documents
/*-------------------------------------------------------------------------------------------------*/
#docs_widget {
	font-size:11px;
	line-height:15px;
	color: #666;
	background:transparent url(/images/structural/widget.body.png) no-repeat scroll 0 bottom;
	padding-bottom:30px;
	width:250px;
	}
#docs_widget .docs-rss {
	float:right;
	margin:-20px 20px;
	padding-top: 0;
}

#docs_widget h5 {
	background:transparent url(/images/structural/heading1.png) no-repeat scroll 0 0;
	color:#333;
	font-size:13px;
	margin:0 0 10px;
	padding:10px 0 0 35px;
	text-transform:uppercase;
	}	
#document_container {
	margin: 0 0 0 20px;
}	
.wspContentRendererDocument ol {
	margin: 0 0 0 15px;
}	
.wspContentRendererDocument ol li {
	list-style-type:none;
	background-image: url(/images/structural/icon.doc.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding:5px 20px 5px 20px;
	color:#666;
	font-size:11px;
	line-height:13px;
}
/*-------------------------------------------------------------------------------------------------*/
/* Documents / links
/*-------------------------------------------------------------------------------------------------*/
.wspContentRendererDocument a:link, .wspContentRendererDocument a:visited {
	font-size: 12px;
	text-decoration: none;
	color: #E2001A;
	}

.wspContentRendererDocument a:hover {
	color: #fff; 
	background-color: #E2001A;
	}
.wspContentRendererDocument a:active {
	TEXT-DECORATION: none;
	color: #E2001A;
	}
	

/*-------------------------------------------------------------------------------------------------*/
/* partial generic
/*-------------------------------------------------------------------------------------------------*/
#partial {
	background-color: #fff;
	margin: 0 0 10px 0;
	padding-bottom:30px;
	background:transparent url(/images/structural/widget.body.png) no-repeat scroll 0 bottom;
	}
#partial h5 {
	background:transparent url(/images/structural/heading1.png) no-repeat scroll 0 0;
	color:#E2001A;
	font-size:13px;
	margin:10px 0 0 0 ;
	padding:10px 0 0 35px;
	text-transform:uppercase;
	}
#partial p {
	padding:10px 30px 0 35px;
	font-size: 90%;
	color: #666;
	}	
/*-------------------------------------------------------------------------------------------------*/
/* partial links
/*-------------------------------------------------------------------------------------------------*/
#partial a:link {
	text-decoration: none;
	color: #E2001A;
	}
#partial a:visited {
	text-decoration: none;
	color: #E2001A;
	}	
#partial a:hover {
	color: #fff; 
	background-color: #E2001A;
	}
	
	
/*-------------------------------------------------------------------------------------------------*/
/* content body / page tags
/*-------------------------------------------------------------------------------------------------*/
#page_tags {
	background:transparent url(/images/structural/widget.body.png) no-repeat scroll 0 bottom;
	font-size:90%;
	margin-bottom:10px;
	}	
#page_tags div.tags{
	margin:0 40px 20px 15px;
	}	
#page_tags h5 {
	background:transparent url(/images/structural/heading1.png) no-repeat scroll 0 0;
	color:#333;
	font-size:13px;
	margin:0 0 10px;
	padding:10px 0 0 35px;
	text-transform:uppercase;
	}
#page_tags a:link, #page_tags a:visited {
	background:url("/images/structural/icon.tag.png") no-repeat scroll left 50% transparent;
	color:#FFFFFF;
	display:inline-block;
	line-height:20px;
	margin:2px 5px 2px 20px;
	padding:0 10px 0 15px;
	text-decoration:none;
	}

#page_tags a:hover {
	color: #fff; 
	background: url(/images/structural/icon.tag.over.png) no-repeat scroll left 50%;
	}
/*-------------------------------------------------------------------------------------------------*/
/* page actions
/*-------------------------------------------------------------------------------------------------*/
#page_actions {
	background:#EEEEEE none repeat scroll 0 0;
	float:right;
	font-size:12px;
	padding:2px;
	width:169px;
	margin-bottom:20px;
	}	
/*-------------------------------------------------------------------------------------------------*/
/* page actions / links
/*-------------------------------------------------------------------------------------------------*/
#page_actions a:link, #page_actions a:visited {
	background:transparent none repeat scroll 0 0;
	border:0 solid #EEEEEE;
	color:#E2001A;
	display:block;
	float:right;
	margin-left:5px;
	padding:1px 3px;
	text-decoration:none;
	}
#page_actions a:hover {
	color: #fff; 
	background-color: #E2001A;
	}
  
/*-------------------------------------------------------------------------------------------------*/
/* header x
/*-------------------------------------------------------------------------------------------------*/
#hd {
	background: url(/images/structural/header.top.png) no-repeat scroll 0 top;
	margin-bottom:1em;
	}
#header {
	width: 200px; 
	float:left
}	
	
/*-------------------------------------------------------------------------------------------------*/
/* breadcrumb
/*-------------------------------------------------------------------------------------------------*/
#breadcrumb {
	border-bottom:1px solid #EEEEEE;
	color:#666666;
	font-size:80%;
	padding:0 0 5px;
}		
#breadcrumb a:link {
	text-decoration: none;
	color: #999;
	}
#breadcrumb a:visited {
	text-decoration: none;
	color: #999;
	}	
#breadcrumb a:hover {
	color: #fff; 
	background-color: #999;
	}
/*-------------------------------------------------------------------------------------------------*/
/* login header
/*-------------------------------------------------------------------------------------------------*/
#login {
	float:right;
	font-size:80%;
	margin:20px 0 5px;
	width:480px;
}	
#login li{
	text-align: right;
	float: left;
}	
#login label {
	display: none;
}

#login input[type="submit"] {
	background:transparent url(/images/structural/header.login.png) no-repeat scroll left 50%;
	border:medium none;
	cursor:pointer;
	height:22px;
	width:42px;
	float:left;
	color:#fff;
	margin:5px;
	text-align: center;
	text-transform:lowercase;
}
#login .register_button {
	background:transparent url(/images/structural/header.register.png) no-repeat scroll left 50%;
	border:medium none;
	cursor:pointer;
	height:22px;
	width:68px;
	float:right;
	color:#fff;
	text-align: center;
	text-transform:lowercase;
	text-decoration:none;
	padding-top:8px;
	margin:1px 10px 0 0;
}
#login .username-input, #login .password-input {
	background:url("/images/structural/header.input.png") no-repeat scroll left 50% transparent;
	border:medium none;
	font-size:110%;
	height:16px;
	margin:5px;
	padding:5px 0 2px 10px;
	width:150px;
	color: #999;
}

#login #signin_remember {
	display: none;
}
/*-------------------------------------------------------------------------------------------------*/
/* user info
/*-------------------------------------------------------------------------------------------------*/
#userinfo {
	float:right;
	font-size:12px;
	color: #333;
	text-align:right;
	margin:20px 0 5px;
	width:400px;
}	
#userinfo a:link, #userinfo a:visited {
	text-decoration: none;
	color: #06C;
	margin: 0 5px 0 5px;
	}
#userinfo a:hover {
	color: #fff; 
	background-color: #06C;
	}
/*-------------------------------------------------------------------------------------------------*/
/* login in page + forgot password
/*-------------------------------------------------------------------------------------------------*/
#profile_form, #forgot-password-panel {
	margin: 20px 0 0 0;
	}

#profile_form ol li {
	list-style: none;
	list-style-type: none;
	padding: 2px 0 2px 0;
	}
#profile_form ol li label {
	display: inline-block;
	width: 100px;
	}
#profile_form input[type="submit"] {
	background:#333333 none repeat scroll 0 0;
	border:medium none;
	color:#FFFFFF;
	display:inline-block;
	padding:5px 10px;
	margin:20px 0 0 100px;
	}
#forgot-password-panel-cancel{
	background:#ccc none repeat scroll 0 0;
	border:medium none;
	color:#333;
	display:inline-block;
	padding:5px 10px;
	margin:20px 0 0 10px;
	}	
#profile_form #forgot-password {
	display:block;
	margin:20px 0 0 100px;
	}	
#profile_form .error_list {
	margin: 0 0 5px 100px;
	}	

/*-------------------------------------------------------------------------------------------------*/
/* search
/*-------------------------------------------------------------------------------------------------*/
#search {
	float:right;
	font-size:80%;
	margin:0 0 16px 0 ;
	width:400px;
	text-align: right;

}	
#search h5 {
	font-size:13px;
	margin-bottom:5px;
}	
#search input[type="submit"] {

	display:none;
}	
#search input {
	background:transparent url(/images/structural/search.input.png) no-repeat scroll left 50%;
	border:medium none;
	font-size:12px;
	color: #666;
	height:16px;
	margin-bottom:4px;
	padding:5px 0 2px 20px;
	width:150px;
}

/*-------------------------------------------------------------------------------------------------*/
/* Contact form
/*-------------------------------------------------------------------------------------------------*/

#contact_form {
	background-color: #eee;
	padding: 10px;
	margin: 10px 0 10px 0;
	}
#contact_form ol li {
	list-style: none;
	list-style-type: none;
	}
#contact_form label {
	display: block;
	float: left;
	text-align:right;
	padding: 4px 20px 0 0 ;
	width: 100px;	
	}
#contact_form #actions {
	display: block;
	margin: 10px 0 0 120px;
	width: auto;	
	}
#contact_form input, #contact_form textarea {
	border-top: solid 1px #999;
	border-left: solid 1px #999;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	margin:2px;
	padding:4px;
}
.error_list {
	display: block;
	margin-left: 130px;
	color: red;	
	}

/*-------------------------------------------------------------------------------------------------*/
/* footer
/*-------------------------------------------------------------------------------------------------*/
#ft {
	border-top:1px solid #EEEEEE;
	color:#666666;
	font-size:11px;
	padding:10px;
	margin-top:20px;
	}
/*-------------------------------------------------------------------------------------------------*/
/* footer / links
/*-------------------------------------------------------------------------------------------------*/

#ft a:link {
	text-decoration: none;
	color: #06C;
	margin-right: 10px;
	}
#ft a:visited {
	margin-right: 10px;
	text-decoration: none;
	color: #06C;
	}	
#ft a:hover {
	color: #fff; 
	background-color: #06C;
	}

/*-------------------------------------------------------------------------------------------------*/
/* Upload docs widget
/*-------------------------------------------------------------------------------------------------*/

#upload_docs_container {
	background-color: #eee;
	margin: 30px 0 10px 0;
	font-size:12px;
	padding: 30px;
	}
#upload_docs_container h5 {
	color:#E2001A;
	font-size:16px;
	margin:0 0 20px 0;
	padding:0;
	text-transform:uppercase;
	}	
#upload_docs_container ol li {
	color:#666666;
	font-size:12px;
	line-height:15px;
	list-style-type:none;
	padding:5px 0 5px 30px;
}
#upload_docs_container ol li label {
	display: inline-block;
	width: 80px;
}
#upload_docs_container #upload_doc_button {
	margin-left:84px;
	background-color: #E2001A;
	color: #fff;
	border: 0;
	padding: 5px 10px 5px 10px;
	}
/*-------------------------------------------------------------------------------------------------*/
/* Chat 
/*-------------------------------------------------------------------------------------------------*/
.wspContentRendererChat {
	background-color: #eee;
	margin: 30px 0 10px 0;
	font-size:12px;
	padding: 30px;
	}	
.wspContentRendererChat h5{
	color:#E2001A;
	font-size:16px;
	margin:0 0 10px;
	text-transform:uppercase;
	}	
#chat_users {
	display:inline-block;
	color: #999;
	clear: left;
	padding-top: 15px;
}
#chat_messages {
	border:0 solid #fff;
	background: #F4F8FB;
	padding:20px;
	width:494px;
}	
#chat_messages ol li{
	background: url(/images/structural/icon.user.gif) no-repeat 0 3px;
	font-size:12px;
	list-style-image: none;
	list-style-position:outside;
	list-style-type:none;
	padding-left: 12px;
	margin-right: 10px;	
}	
#chat_send input {
	padding:10px;
	width:514px;
	margin-top:10px;
	border: 0;
}	
#chat_users ul li {
	background: url(/images/structural/icon.user.gif) no-repeat 0 3px;
	display:block;
	float:left;
	font-size:12px;
	list-style-image: none;
	list-style-position:outside;
	list-style-type:none;
	padding-left: 12px;
	margin-right: 10px;	
}	
#chat_status {
	display: none;
}	
/*-------------------------------------------------------------------------------------------------*/
/* Blog comments
/*-------------------------------------------------------------------------------------------------*/

#comment_form_div {
	background-color: #eee;
	margin: 0 0 10px 0;
	font-size:12px;
	padding: 30px;
	}
#blogpage_container {
	background-color: #eee;
	margin: 0 0 1px 0;
	font-size:12px;
	padding: 30px;
	}	
#blogpage_container h5 {
	color:#E2001A;
	font-size:16px;
	margin:0 0 20px -20px;
	padding:0 0 0 20px;
	text-transform:uppercase;
	}
	
#blogpage_container ol {
	list-style-image: url(/images/icon.comment.png);
	}

#blogpage_container ol li {
	background-image:url(/images/structural/icon.comment.png);
	background-position:0 0;
	background-repeat:no-repeat;
	color:#666666;
	font-size:12px;
	line-height:15px;
	list-style-type:none;
	padding:5px 0 5px 30px;
}
#blogpage_container div.name {
	background: url(/images/structural/icon.user.png) no-repeat 0 5px;
	line-height:23px;
	padding-left: 15px;
	color:#999999;
}
#blogpage_login {
	border-top: solid 1px #ccc;
	padding: 10px 0 10px 15px;
	font-size:12px;	
	margin-top: 10px;
	}
#comment_form_div ol li {
	background: none;
	font-size:12px;
	list-style-image: none;
	list-style-position:outside;
	list-style-type:none;
	margin:10px -12px 0 0;
	padding:0;
}	
#comment_form_div textarea {
	border:3px solid #CCCCCC;
	padding:10px;
	width:512px;
}
#comment_form_div input {
	margin-left:0;
	background-color: #E2001A;
	color: #fff;
	border: 0;
	padding: 5px 10px 5px 10px;
	}


