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

input[type=text],
input[type=password]
{
	background-color: white;
	font-family: 'Trebuchet MS', sans-serif;
        width: 300px;
        border: 1px solid #030;
}

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#login
{
    left:20px;
}
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%;
}

/* for Books
*/
table.bookIndex
{
    border: 1px solid #030;
    margin: 5px;
    border-collapse: collapse;
}
th
{
    color: #FFF;
    text-align: left;
    background : #CCC;
    padding: 5px;
}
td
{
    padding: 5px;
}


/*
 * copy/pasted from the <style> tag of view/scripts/index/index.phtml
 */
/* order must be : link, visited, hover, active */
a:link,
a:visited
{
    color: #030;
    text-decoration: none;
}
a:hover,
a:active /* added wis 24DEC2009*/
{
    color: #030;
    background-color: orange;
    text-decoration: none;
}

span#zf-name
{
	color: #030;
}

div#welcome
{
	color: #030;
	width:  600px;
	height: 200px;
	border: 2px solid #DDD;
	overflow: hidden;
	text-align: center;
}

div#more-information
{
	height: 100%;
}