/*********************************
+ DRuG CSS
  Template: "GTAIV"
  Author: NikT adapted from Rafferty
  Copyright (c) 2008
*********************************/


/*********************************
+ Layout
*********************************/

#content {
	width:750px;
	height:100%;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	padding:0px;
	text-align:left;
	}

	#contentleft {
		width:200px;
		height:100%;
		float:left;
		padding:0px;
		text-align:left;
		background-image: url(./index_panel_backer.jpg);
		background-repeat: repeat-y;
		}

		#logo {
			width:200px;
			height:125px;
			background-image: url(./index_header_left.jpg);
			background-repeat: no-repeat;
			}

		#panel {
			width:200px;
			height:1500;
			padding:0px;
			float:left;
			background-image: url(./index_panel_backer_top.jpg);
			background-repeat: no-repeat;
			}

			#navigation {
				width:100%;
				float:center;
				padding:0px;
				text-align:center;
				font-family:Arial, Helvetica, sans-serif;
				font-size:8px;
				font-weight: lighter;
				color:#aaaaaa;
				filter:alpha(opacity=50);
				}

			#navigation a {
				font-family:Arial, Helvetica, sans-serif;
				color:#cccccc;
				background:#111;
				text-decoration:none;
				text-transform: none;
				font-weight: lighter;
				font-size:16px;
				height:20px;
				display: block;
				border-top:solid 1px;
				/*border-bottom:solid 1px;*/
				border-color:#2e2e2e;
				padding: 0px;
				filter:alpha(opacity=50);
				opacity: 0.5;
				-moz-opacity:0.5;
				}

			#navigation a:hover { 
				color:#ffffff;
				background:#111;
				text-decoration: none 
				filter:alpha(opacity=75);
				opacity: 0.75;
				-moz-opacity:0.75;
				}

			#tsv 	{
				filter:alpha(opacity=50);
                                opacity: 0.5;
                                -moz-opacity:0.5;
				}

			#banner {
				width:200px;
				float:center;
				padding:0px;
				filter:alpha(opacity=50);
				}

				#banner a {
					display: block;
					border-top:solid 0px;
					border-bottom:solid 0px;
					border-color:#d0d0d0;
					padding:0px;
					filter:alpha(opacity=50);
					opacity: 0.5;
					-moz-opacity:0.5;
					}

				#banner a:hover { 
					filter:alpha(opacity=75);
					opacity: 0.75;
					-moz-opacity:0.75;
					}

			#copyright { 
				color:#fff;
				}

			#tsdisplay {
				width:195px;
				padding:5px;
				float:center;
				border:0px;
				filter:alpha(opacity=50);
				}

				#tsdisplay a {
					color:#6633FF;
					font-weight:bold;
					filter:alpha(opacity=50);
					}

	#contentright {
		width:550px;
		height:100%;
		float:left;
		background:#000;
		padding:0px;
		text-align:left;
		}

		#header {
			width:550px;
			height:125px;
			float:left;
			text-align:right;
			background-image: url(./index_header_right.jpg);
			background-repeat: no-repeat;
			}

				#controlbox {
					font-family:Arial, Helvetica, sans-serif;
					color:#6699FF;
					float:right;
					text-align:right;
					height: 22;
					padding: 5px 5px 5px 0px;
					vertical-align: middle;
					display: table-cell;
					}

		#mainhold {
			width:550px;
			height:200px;
			padding:0px;
			float:left;
			background:#000;
			background-image: url(./index_main_backer.jpg);
		        background-repeat: no-repeat;
			}

			#main {
				width:500;
				padding:0px;
				margin-top:25px;
				margin-bottom:25px;
				text-align:justify;
				}


/*********************************
+ Page Formatting
*********************************/

body {
	text-align:center;
	font-family:Helvetica;
	font-size:12px;
	color:#fff;
	height:100%;
	margin:0px 0px 0px 0px;
	background: url(./index_body_backer.jpg) #181818 repeat-y center;
	}

	a {
		text-decoration:none;
		/*font-weight:bold;*/
		color:#6699FF;
		outline:none;
		}

	a:visited {
		color:#6699FF;
		}

	a:active {
		color:#88BBFF;
		}

	a:hover {
		color:#4466dd;
		text-shadow: 1px 1px 2px rgb(255, 255, 255);
		}

	.ahem {
		display:none;
		}

	strong, b {
		font-weight:bold;
		}

	p {
		font-size:12px;
		margin-top:0px;
		margin-bottom:10px; 
		}

	h1 {
		font-size:16px;
		color:#6633FF;
		font-weight:bold;
		margin-top:0px;
		margin-bottom:10px;
		}

	h2 {
		font-size:14px;
		color:#2Abbbb;
		font-weight:bold;
		margin-top:0px;
		margin-bottom:0px;
		}

	img {
		border:0;
		}

	hr {
		border:0;
		color:#2e2e2e;
		background-color:#2e2e2e;
		height:1px;
		}

	ul { 
		list-style-image: url("bullet.jpg");
		color:#999;
		}

	table {
		font-size:12px;
		padding: 0px;
		border-width: 1px 1px 1px 1px;
		border-spacing: 0px;
		border-style: solid solid solid solid;
		border-color: #2e2e2e;
		border-collapse: separate;
		}

	table th,td {
		font-size:12px;
		border-width: 0px 0px 0px 0px;
		padding: 2px 2px 2px 2px;
		border-style: dotted dotted dotted dotted;
		border-color: #2e2e2e #2e2e2e #2e2e2e #2e2e2e;
		-moz-border-radius: 0px 0px 0px 0px;
		}

	table.blank {
		font-size:12px;
		padding: 0px;
		border-width: 0px 0px 0px 0px;
		border-spacing: 0px;
		border-style: none none none none;
		border-collapse: separate;
		}

	table.blank th,td {
		font-size:12px;
		padding: 0px;
		border-width: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border-style: dotted dotted dotted dotted;
		border-color: #2e2e2e #2e2e2e #2e2e2e #2e2e2e;
		-moz-border-radius: 0px 0px 0px 0px;
		}