body {
	color: #333;
	font-family:verdana,tahoma,arial,sans-serif;
	background-color : #C8FFFF;
	margin: 0 5%;
}
#container{
	max-width : 850px;
	min-width : 600px;
}
#logo a {
	border: none;
}
a	{
	color: #0E0A54;
}
a:hover {
	color: Black;
}
a.here {
	color: Black;
}
a.nav {
	color: #0E0A54;
}
a.nav:hover,a.here:hover {
	color: black;
}
.nav,.here {
	font-weight: bold;
	text-decoration: none;
}

#logo {
	text-align: right;
	border-bottom: 1px dotted #0E0A54;
	height: 65px;
	background-image: url(../victoria.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
#logo h1{
	display : none;
}

#eyecandy {
	clear: right;
	border-left: 1px dotted #0E0A54;
	padding: .4em;
	height:123px;
}
#navigation {
	background-color: #fff;
	color: #666;
	padding: .4em;
	font-weight: bold;
	border-left: 1px dotted #ccc;
}
#content {
	padding: .4em;
	padding-right: .8em;
	border-top: 1px dotted #0E0A54;
	border-right: 1px dotted #0E0A54;
	border-bottom: 1px dotted #0E0A54;
	width: 68%;
	float: left;
}
#publishinginfo{
	margin-left : 2.5em;
	font-size : 60%;
	font : bolder Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#aligntoright{
	margin-left : 2.5em;
	font : bolder Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align : right;
}
#extra {
	background-color: transparent;
	float: right;
	width: 25%;
	margin-bottom : 1em;
}
#showpic{
	azimuth : center;
	text-align : center;
	vertical-align : middle;
}

#footer {
	clear: both;
	color: #666;
	background-color: #fff;
	padding-top: 4em;
}
#navigation ul {
	margin: 0;
	padding: 0;
	height: 1.2em;
}
#navigation ul li {
	list-style: none;
	float: left;
	margin-right: 1.2em;
}


.box {
	color: Black;
	background-color: transparent;
	border: 1px dotted #0E0A54;
	padding: .5em;
	text-align : center;
	margin-bottom : 1em;
}

.counter {
	color: Black;
	background-color: transparent;
	padding: .5em;
	text-align : center;
	margin-bottom : 1em;
}
* {
	margin: 0;
	padding: 0;
}
h2,h3,h4,h5,h6 {
	margin: 1em 0 .2em .5em;
}
p {
	margin: .2em 0 1em 0;
}
ul,ol {
	margin: 0 1em;
	padding: 0 1em;
}
img {
	border: 0;
}
blockquote {
	margin: 1em 4em;
}

#navigation {
	font-size: 80%;
}
#content {
	font-size: 100%;
	font-family : "Trebuchet MS","Arial","Verdana","Helvetica",sans-serif;
}
.box {
	font-family : "Verdana","Arial","Helvetica",sans-serif;
	font-size: 65%;
	line-height: 140%;
}
.mail {
	font-size: 80%;
	font-family:verdana,tahoma,arial,sans-serif;
}
h1 {
	font-family: "Verdana","Arial","Helvetica",sans-serif;
	font-size: 140%;
}
h2 {
	font-family: "Verdana","Arial","Helvetica",sans-serif;
	font-size: 120%;
	font-weight: bold;
}
h3 {
	font-family: "Verdana","Arial","Helvetica",sans-serif;
	font-size: 110%;
	font-weight: bold;
}
h4 {
	font-size: 60%;
	font-family : "Verdana","Arial","Helvetica",sans-serif;
	color: #0E0A54;
	text-align : center;
	font-weight : bolder;
	color: Black;
	background-color: transparent;
	padding: .5em;
}
h1 a,h2 a,h3 a {
	text-decoration: none;
}
h1 a:hover,h2 a:hover,h3 a:hover {
	text-decoration: none;
	color: blue;
}
.smallprint {
	font-family: "Arial","Verdana","Helvetica",sans-serif;
	font-size: 65%;
}
.time {
	font-family: "Verdana","Arial","Helvetica",sans-serif;
	font-size: 80%;
	text-align: right;
}
.publisher{
	font : bolder 90% Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-bottom:0;
}
.copyrightnotice{
	font : bolder 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-bottom:0;
}

.screenshot {
	text-align: center;
}
.calendar {
	width: 100%;
}
.calendar th {
	font-weight: normal;
	font-size: 9px;
}
.calendar td {
	border: 1px solid #ccc;
	text-align: center;
	font-family: "Verdana","Arial","Helvetica",sans-serif;
	font-size: 9px;
}
.calendar td a {
	text-decoration: none;
}
img {
	vertical-align: text-top;
	text-align : left;
	margin : 2px;
}



/* Begin CSS Popout Menu */

#menu{
	width:100%;
	float:left;
	z-index : 500;
}

#menu a, #menu h2{
	font: normal 11px/16px verdana,tahoma,arial,sans-serif;
	display:block;
	border-width:1px;
	border-style:solid;
	border-color:#ccc #888 #555 #bbb;
	white-space:nowrap;
	margin:0;
	padding:1px 0 1px 3px;
}

#menu h2{
	color:#fff;
	background: #000;
	text-transform: capitalize;
	background-color : #0E0A54;
}

#menu a{
background:#eee;
text-decoration:none;
}

#menu a{
color:#0E0A54;
}
#menu a:visited{
	color: Maroon;
}

#menu a:hover{
	color: Blue;
	background:#D1F2FF;
}

#menu a:active{
	color: Blue;
	background:#eee;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
width:9em;
}

#menu li{
position:relative;
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}

#menu ul ul ul{
top:.5em;
left:90%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */


div#menu h2:hover{
	background: Blue;
	color : White;
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
	font-weight:bold;
	color:#000;
	background: #D1F2FF;
}

#menu a.x:hover{
color:#a00;
background:#D1F2FF;
}

#menu a.x:active{
	color: Blue;
	background:#D1F2FF;
}

/* End CSS Popout Menu */

/* Begin Content Area - Not Part of CSS Popout Menu */

#content a:link{color:#a00;}
#content a:visited{color:#a00;}
#content a:hover{
	color: Blue;
	background: #D1F2FF;
	text-decoration : none;
}
#content a:active{
	color: Blue;
	background:#D1F2FF;
}
#content h1, #content h2, #content h3{font:bold 1.0em arial,sans-serif;margin:0.5em 0.25em;padding:0;}
#content img{border:none;}
#content p{
	font: normal 0.8em/1.2em verdana,tahoma,sans-serif;
	margin:1.0em;
}
#content ul, #content ul ul{font:normal 0.9em/1.4em verdana,tahoma,arial,sans-serif;margin:1.0em 4.0em 1.5em 4.0em;}
#content ul li{font:normal 0.9em/1.4em verdana,tahoma,arial,sans-serif;margin:1.0em 0;}
#content ul ul li{font:normal 1.1em/1.6em verdana,tahoma,arial,sans-serif;margin:0;}
#content .fr{float:right;margin:0 0 1.0em 1.0em;}
#content .mod{font:normal .6em arial,sans-serif;margin:.25em;}


/* End Content Area - Not Part of CSS Popout Menu */

