/* ------------------ Global ------------------- */
	body, table, form, div, p, ul, h2, h3, h4 {
		padding:0px;
		margin:0px;
	}
	
	body {
		font-family: "Trebuchet MS", Verdana, Sans-Serif;
		font-size: 12px;
		text-align:center;
		overflow: -moz-scrollbars-vertical;
		background-image:url(../images/bg.gif);
		background-attachment:fixed;
		/*background-color:#F9FDFF;*/
	}
	
	table, img {
		border:0px;
	}
	
	table {
		border-collapse: collapse; 
		border-spacing: 0;
	}
	
	td, th { 
		padding: 0;
		vertical-align:middle;
	}
	
	form label, form input, form textarea {
		display: block;
		float: left;
		margin-bottom: 2px;
	}
	
	form label {
		text-align: right;
		padding-right: 6px;
	}
	
	input, textarea {
		font-family: "Trebuchet MS", Verdana, Sans-Serif;
		font-size: 12px;
		text-indent: 3px;
		border: 1px solid #c3c4c4;
	}
	
	textarea {
		overflow:auto;
	}
	
	h3 {
		font-size:14px;
	}
	
	h4 {
		font-size:12px;
	}
	
	br {
		clear: left;
	}
	
	a { 
		text-decoration: none; 
		outline: none; 
	}
	
	a:link { 
		color: #145995; 
	}
	
	a:visited { 
		color: #145995; 
	}
	
	a:hover { 
		color: #B30000; 
		text-decoration:underline;
	}
	
	a.underline {
		text-decoration:underline;
	}
	
	a.underline:link {
		text-decoration:underline;
	}
	
	a.underline:visited {
		text-decoration:underline;
	}
		
	.success {
		color:green;
	}
	
	.failed {
		color:red;
	}
	
	.data-table {
		border:1px solid #CCCCCC;
	}
	
	.data-table thead tr td {
		text-align:center;
		background-image:url(../images/menu-bg.png);
		background-position:top;
		padding:3px 0px 3px 0px;
		border-right:1px solid #CCCCCC;
		border-bottom:1px solid #CCCCCC;
	}
	
	.data-table tbody tr td {
		padding:3px 7px 3px 7px;
		border-bottom:1px solid #ebebeb;
	}
	
	.response {
		padding-left:30px;
	}
	
	.link-alt a { 
		text-decoration:underline; 
		outline: none; 
	}
	
	.link-alt:link { 
		color: #B30000;
	}
	
	.link-alt:visited { 
		color: #B30000;
	}
	
	.link-alt:hover { 
		color: #145995; 
		text-decoration:underline;
	}
	









/* --------------- Header -------------- */
	#header {
		position: relative;
		width: 800px;
		text-align:left;
	}
		
	#logo {
		margin:20px 0px 20px 0px;
		background: url(../images/logo.gif) no-repeat;
		/*background: url(../images/logo.png) no-repeat;*/
	}
	
	#logo a {
		display: block;
		height: 53px;
		width:511px;
	}










/* ----------------- Menu -----------------*/
	#menu {
		position:relative;
		display:block;
		height:39px;
		font-size:11px;
		font-weight:bold;
		font-family:Arial,Verdana,Helvitica,sans-serif;
		background:transparent url(../images/menu-bg.png) repeat-x top left;
		border-top:4px solid #B30000;
		padding:0px;
	}
	
	#menu ul {
		margin:0;
		padding:0;
		list-style-type:none;
		width:auto;
	}
	#menu ul li {
		display:block;
		float:left;
		margin:0;
	}
	
	#menu ul li a {
		display:block;
		float:left;
		color:#666;
		text-decoration:none;
		padding:11px 19px 0 19px;
		height:23px;
		background:transparent url(../images/divider.png) no-repeat top right;
	}
	
	#menu ul li a:hover, #menu ul li a.current {
		color:#B30000;
		/*background-color:white;*/
	}









/* ---------------- Content ---------------- */
	#container {
		width:800px;
		margin:0 auto;	
	}
	
	#content {
		float: left;
		width: 555px;
		padding:10px 10px 10px 10px;
		margin: 5px 0px 45px 0px;
		text-align:left;
		color: #4f5355;
	}

	#content .heading {
		position: relative;
		z-index: 1;
		width: 555px;
		margin:0px 0px 10px 0px;
		padding:0px;
	}
		
	#content .heading h2 {
		color:#B30000;
		font-size:18px;
		margin-bottom:10px;
	}
	
	#content .heading h3 {
		font-weight: bold;
		line-height: 5px;
		color: #666;
		margin:0px 0px 5px 0px;
		padding: 0px 0px 15px 0px;
		border-bottom: 2px dotted #d6d6d6;
	}
	
	#content .subject {
		margin-top:30px;
	}
	
	#content .subject h3 {
		color: #B30000;
		margin:5px 0px 5px 0px;
	}
	
	#content .subject h4 {
		font-weight: bold;
		margin-top:15px;
	}
	
	#content .subject p {
		margin-bottom:10px;
	}
	
	#content .subject .mar0 {
		margin-bottom:0px;
	}
	
	#content .subject .mar4 {
		margin-bottom:4px;
	}
	
	#content .subject .list {
		margin-left:15px;
		padding-left: 0;
		list-style: none;
		font-family: "Trebuchet MS", Verdana, Sans-Serif;
		font-size: 12px;
	}
		
	#content .subject .list li {	
		padding-left: 20px;
		background-image: url(../images/bullet.jpg);
		background-repeat: no-repeat;
		background-position: 0 4px;
		line-height:18px;
	}
	
	#content .subject .list li ul {
		margin-left:19px;
		padding-left:0px;
	}
	
	#content .subject .list li ul li {
		padding-left:0px;
		background:none;
		list-style-type:circle;
	}
		
	#content .subject .image-wrap {
		clear:left;
	}
	
	#content .subject .image-wrap img {
		float:left;
		padding:4px;
		margin:0px 10px 10px 0px;
		border:1px solid #ddd;
		background-color:white;
	}
	
	#content .subject td {
		vertical-align:top;
	}
	
	#content-spacer {
		height:70px;
	}










/* ------------------- Side Panel ------------------- */
	#side-panel {
		float: right;
		width: 220px;
		margin: 15px 0px 0px -220px;
		text-align:left;
	}
	
	#side-panel .box {
		width:198px; 
		margin-bottom:10px;
	}

	#side-panel .box .top {
		width:198px;
		height:34px;
		background-image:url(../images/box-top.png);
		background-repeat:no-repeat;
		background-position:top;
		padding:0px 10px 0px 10px;
	}
	
	#side-panel .box .top h3 {
		font-size: 14px;
		color: #B30000;
		text-transform:uppercase;
		padding:10px 0px 5px 0px;
		border-bottom:1px solid #CCCCCC;
	}
	
	#side-panel .box .middle {
		width:198px;
		background-image:url(../images/box-middle.png);
		background-repeat:repeat-y;
		padding:8px 10px 0px 10px;
	}
	
	#side-panel .box .bottom {
		width:198px;
		height:20px;
		background-image:url(../images/box-bottom.png);
		background-repeat:no-repeat;
		background-position:bottom;
		padding:0px 10px 0px 10px;
	}
	
	#side-panel h4 {
		font-size: 12px;
		font-weight: bold;
		color: #666;
	}
	
	#side-panel .list {
		margin:0px 0px 0px 15px;
		padding-bottom:10px;
		padding-left: 0;
		list-style: none;
		font-family: "Trebuchet MS", Verdana, Sans-Serif;
		font-size: 12px;
	}
		
	#side-panel .list li {	
		padding-left: 20px;
		background-image: url(../images/bullet.jpg);
		background-repeat: no-repeat;
		background-position: 0 4px;
		line-height:18px;
	}
	
	#side-panel .list li ul {
		margin-left:19px;
		padding-left:0px;
	}
	
	#side-panel .list li ul li {
		padding-left:0px;
		background:none;
		list-style-type:circle;
	}

	









/* ----------------- Forms -------------------*/
	#login-form {
		height:72px;
	}
	
	#login-form label {
		width: 58px;
	}
	
	#login-form input {
		width:128px;
	}
	
	#login-form .button {
		float:right;
		margin-top:2px;
	}
	
	#contact-form {
		margin:20px 0px 0px 20px;
	}
	
	#contact-form label {
		width: 58px;
	}
	
	#contact-form input, #contact-form textarea {
		width:400px;
	}
	
	#contact-form textarea {
		height:250px;
	}
	
	#contact-form div {
		margin-left:64px;
		margin-top:2px;
	}
		
	#contact-form .button {
		margin-right:6px;
	}
	
	#contact-form .response {
		float:left;
		margin:5px 5px 0px 20px;
	}
	
	
	
	
	#new-file-form {
		margin:20px 0px 0px 20px;
	}
	
	#new-file-form label {
		width: 58px;
	}
	
	#new-file-form input {
		width:190px;
		margin-bottom:4px;
	}
	
	#new-file-form table tr td div label {
		text-align:left;
	}
	
	#new-file-form table tr td div input {
		border:0;
		width:16px;
		margin-bottom:4px;
	}
	
	#new-file-form div {
		margin-top:2px;
	}
		
	#new-file-form .button {
		margin-right:6px;
	}
	
	
	
	
	
	
	
	
/* ------------------- Gallery------------------- */
	#content-gallery {
		float: left;
		width: 780px;
		padding:10px 10px 10px 10px;
		margin: 5px 0px 45px 0px;
		text-align:left;
		color: #4f5355;
	}

	#content-gallery .heading {
		position: relative;
		z-index: 1;
		width: 780px;
		margin:0px 0px 10px 0px;
		padding:0px;
	}
		
	#content-gallery .heading h2 {
		color:#B30000;
		font-size:18px;
		margin-bottom:10px;
	}
	
	#content-gallery .heading h3 {
		font-weight: bold;
		line-height: 5px;
		color: #666;
		margin:0px 0px 5px 0px;
		padding: 0px 0px 15px 0px;
		border-bottom: 2px dotted #d6d6d6;
	}
	
	#gallery .thumbnail img {
		width:138px;
		height:107px;
		padding:4px;
		margin:4px 4px 0px 0px;
		border:1px solid #ddd;
	}
	
	#gallery .thumbnail:hover img {
		border: 1px solid #B30000;
	}
	
	.gallery-pagination {
		margin-top:15px;	
		text-align:center;
	}
	
	#pagination li { 
		border:0; 
		font-size:11px; 
		list-style:none;
		float:left; 
	}
	
	#pagination a { 
		border-right:solid 1px #DEDEDE; 
		margin-right:2px; 
	}
	
	#pagination .previous-off, #pagination .next-off {
		color:#888888; 
		display:block; 
		float:left;
		font-weight:bold; 
		padding:3px 4px; 
	}	
	
	#pagination .next a, #pagination previous a { 
		border:none; 
		font-weight:bold; 
	}	
	
	#pagination .active { 
		color:#000000; 
		font-weight:bold; 
		display:block; 
		float:left; 
		padding:4px 6px;
		border-right:solid 1px #DEDEDE; 
	}
	
	#pagination a:link, #pagination a:visited { 
		color:#0e509e; 
		display:block; 
		float:left; 
		padding:3px 6px; 
		text-decoration:underline; 
	}
	
	#pagination a:hover { 
		text-decoration:none; 
	}
	
	
	
	
	
	
	
	
	
	
/* ----------------- News Content --------------- */
	.news-item {
		padding:5px;
		border-bottom:2px dotted #d6d6d6;
		margin-bottom:5px;
	}	
	
	.news-item h3 {
		color: #B30000;
		margin:5px 0px 5px 0px;
	}
	
	.news-item .date {
		color:#B5B5B5;
		font-size:11px;
	}
	
	.news-item .description {
		margin:3px 0px 3px 0px;		
	}
	
	.news-item .posted_by {
		color:#B5B5B5;
		font-size:11px;	
	}











/* ------------------- Buttons ----------------- */
	a.button {
		color:black;
		background:transparent url(../images/button_bg_left.gif) no-repeat scroll top right;
		display:block;
		cursor:pointer;
		float:left;
		height:24px;
		margin-right:0px;
		padding-right:18px;
		text-decoration:none;
	}
	
	a.button:hover {
		text-decoration:none;
		color:black;
	}
	
	a.button span {
		background:transparent url(../images/button_bg_right.gif) no-repeat;
		display:block;
		line-height:14px;
		padding:5px 0 5px 18px;
	}
	
	a.button:active {
		background-position:bottom right;
		outline:none;
	}
	
	a.button:active span {
		background-position:bottom left;
		padding:6px 0 4px 18px;
	}









/* ------------------- Overlay ----------------- */
	#overlay {
		position:absolute;
		left:0px;
		visibility:hidden;
		border:2px solid #BCBCBC;
		background-color:white;	
		z-index:100;
	}
	
	#overlay-header {
		top:0px;
		left:0px;
		padding:5px 0px 5px 0px;
		background-image:url(../images/menu-bg.png);
		border-bottom:1px solid #CCCCCC;
		text-align:center;
	}
	
	#overlay-content-container {
		padding:15px;
		margin-bottom:20px;
	}
	
	#overlay-image {
		position:absolute;
		left:0px;
		visibility:hidden;
		border:2px solid #BCBCBC;
		/*border:2px solid #B30000;*/
		padding:2px;
		background-color:white;	
		z-index:100;
	}
	
	#overlay-image .overlay-image-container {
		position:relative;
	}
	
	#overlay-image .overlay-image-container .overlay-close {
		position:absolute;
		top:0px;
		right:0px;
		width:24px;
		height:22px;
		cursor:pointer;
		z-index:200;
		background-image:url(../images/close.gif);
	}









/* ----------------- Footer --------------- */	
	#footer {
		font-size: 10px;
		line-height: 10px;
		clear: both;
		position: relative;
		height: 70px;
		border-top: 1px solid #d6d6d6;
		margin-bottom:15px;
	}
	
	#footer a:link, #footer a:visited { 
		color: #5b6f7c; 
	}
	
	#footer a:hover { 
		color: #B30000; 
		text-decoration:none; 
	}
	
	#footer .navigation {
		position: absolute;
		left: 26px;
		top: 15px;
		font-weight: bold;
		text-transform: uppercase;
		height: 15px;
	}
	
	#address {
		color: #a1a5a6;
		position: absolute;
		left: 26px;
		top: 35px;
	}
	
	#copyright {
		color: #a1a5a6;
		position: absolute;
		left: 26px;
		top: 50px;
	}
	
	#w3c {
		float:right;
		margin:15px 5px 0px 0px;
	}