body 
{ 	
	background-color: white; 
	font-family: Trebuchet MS, sans-serif; 
	margin: 0;
	background-image: url(../images/bg.png);
}

h1 
{
	color: #030;
	margin: 5px;
}
h2 
{
	color:#FFF;
	margin-top: 0;
	margin-bottom: 0;
	margin-left:2px;
}
h3 
{
	color: #DDD;
	margin-top: 1px;
	margin-bottom: 0;
	margin-left: 10px;
}

div#header
{
	position: fixed;
	top:	  0px;
	left: 	204px;
	right:	  0px;
	height:	 39px;
	width: auto;
	background-color: #FFF;
	border-bottom-color:  #030;
	border-bottom-style:  solid;
	border-bottom-width:  2px;
	margin: 0;
}
div#subheader
{
	position: fixed;
	top: 	 41px;
	left: 	204px;
	right: 	  0px;
	height:	 41px;
	width: auto; 
	background-color: #DDD;
	border-bottom-color:  #030;
	border-bottom-style:  solid;
	border-bottom-width:  2px;
	margin: 0;
}
div#left_column
{
	position: fixed;
	top:      0px;
	left:     0px;
	bottom:  15px;
	width:	 200px;		/* change right as well*/
	background-color:   #030; 
	border-left-color:  #030;
	border-left-style:  solid;
	border-left-width:  2px;
	border-right-color: #030;
	border-right-style: solid;
	border-right-width: 2px;
	margin-top: 0;
	margin-bottom: 0;
}
div#content
{
	position: fixed;
	top:     84px;
	left:   204px;
	bottom:  15px;
	right:	  0px;
	width:  auto;	
	height:	auto;
	overflow: auto; 
}
div#footer
{
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 15px;
	background-color: #030; 
	border-top-color: #DDD;
	border-top-style: solid;
	border-top-width: 2px;
}
p#header
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
p#sloganL
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	text-align: right;
}
p#logo
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 2px;
	margin-bottom: 0;
	text-align: right;
}
p#footer
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	font-size: small;
	text-align: center;
	color: #FFF;
}
p#dtg
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	font-size: small;
	text-align: right;
	color: #030;
}
p#login
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	font-size: small;
	text-align: left;
	color: #030;
}
/* order must be : link, visited, hover, active */
a.nav1:link
{
	color: orange;
	background-color: #030;
	margin-top: 	5px;
	margin-left: 	5px;
	margin-bottom: 	2px;
	text-decoration: none;
}
a.nav1:visited
{
	color: orange;
	background-color: #030;
	margin-top: 	5px;
	margin-left: 	5px;
	margin-bottom: 	2px;
	text-decoration: none;
}
a.nav1:hover
{
	color: #030;
	background-color: orange;
	margin-top: 	5px;
	margin-left: 	5px;
	margin-bottom: 	2px;
	text-decoration: none;
}
a.nav1:active
{
	color: #030;
	background-color: orange;
	margin-top: 	5px;
	margin-left: 	5px;
	margin-bottom: 	2px;
	text-decoration: none;
}
a.nav2:link
{
	color: orange;
	background-color: #030;
	margin-top: 	1px;
	margin-left:   10px;
	margin-bottom: 	2px;
	text-decoration: none;
}
a.nav2:visited
{
	color: orange;
	background-color: #030;
	margin-top: 	1px;
	margin-left:   10px;
	margin-bottom: 	2px;
	text-decoration: none;
}
a.nav2:hover
{
	color: #030;
	background-color: orange;
	margin-top: 	1px;
	margin-left:   10px;
	margin-bottom: 	2px;
	text-decoration: none;
}
a.nav2:active
{
	color: #030;
	background-color: orange;
	margin-top: 	1px;
	margin-left:   10px;
	margin-bottom: 	2px;
	text-decoration: none;
}
div#subheader table 
{
	width: 100%;
}