/* CSS Document */

body {
font-family:"Comic Sans MS", Arial, Verdana, "MS Sans Serif";
/*font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;*/
font-size:95%;
margin:0;
padding:0;
}

.wrapper {
}

.header {
height:117px;
background-color:#666699;
color:#FFFF00;
text-align:center;
}

h1 {
margin:0;
}

.navigation {
	background-color:#cc0033;
	color:#F6E825;
	padding: 1px;
	font-size: 1em;
	/*font-family: Arial, Helvetica, sans-serif;*/
}

.navigation ul {
width:780px;
margin:0 auto;
padding:0;
display:block;
}

.navigation ul li {
list-style-type:none;
padding:0px;
display:inline;
margin:-0 10px -0 0;
}

.navigation ul li.current, .navigation ul li.current a, .navigation ul li.current a:hover {
color:#FFFFFF;
}

.page-info {
}

.container {
width:780px;
margin:10px auto;
}

.col1, .col2 {}

.page-navigation .page-navigation-title {
background-color:#ccccff;
color:#FFFF00;
text-align:center;
text-transform:uppercase;
font-weight:bold;
font-size:0.8em;
margin-bottom:0;
}

.page-navigation ul {
margin:0;
padding:0;
font-size:0.8em;
background-color:#ccccff;
}

.page-navigation ul li {
list-style-position:inside;
background-color:#ccccff;
list-style-type:disc;
}

/* layout depending on the column layouts */

.col1 .page-navigation {
display:none;
background-color:#ccccff;
}

.col1 .page-content {
margin:0;
}

.col1 .page-buttons {
display:none;
background-color:#ccccff;
}

.col2 .page-navigation {
display:block;
background-color:#ccccff;
float:left;
width:150px;
}

.col2 .page-content {
margin-left:160px;
}

.col2 .page-buttons {
display:none;
background-color:#ccccff;
}

.col3 .page-navigation {
	display:block;
	float:left;
	width:150px;
	background-color:#ccccff;
	text-align: left;
}
.col3 .page-navigation2 {
	display:block;
	float:right;
	width:150px;
	background-color:#ccccff;
	text-align: left;
	margin: 0px;
	vertical-align: top;
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding-left:5px;

}

.col3 .page-content {
display:block;
float:left;
width:480px;/* takes into account the padding */
padding:0px 10px;
margin: 10px;
}

.col3 .page-buttons {
float:left;
width:120px;
background-color:#ccccff;
}

h1, h2, h3 {
	margin-top:0;
	font-size: small;

}

.footer {
clear:both;
width:780px;
margin:20px auto;
font-size:0.9em;
color:#aaaaaa;
}

a, a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}

a:hover {
text-decoration:underline;
}

.navigation ul li a:hover {
text-decoration:none;
color:#66CCFF;
}
h4 {
	font: xx-small Verdana, Arial, Helvetica, sans-serif;
	color: #CC3300;
}
.diary {
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}