body
{
	font-family:		trebuchet ms, arial, helvetica, sans-serif;
	margin:			0;
	background-color:	#D3E1F0;
	color:			#003A7B;
	font-size:		70%;
}

body a,
body a:visited,
body a:active
{
	color:			#003A7B;
}

body a:hover
{
	color:			#000000;
}

form
{
	margin:			0;
}

#bodywrap
{
	width:			780px;
	background-color:	#ffffff;
}

#top
{
	font-weight:		bold;
	padding:		10px 10px 0 10px;
}

#top a
{
	text-decoration:	none;
}

#top img
{
	border:			0;
}

#top .menu
{
	float:			right;
	margin:			.2em 0 0 10px;
	text-align:		right;
	width:			18.5em;
}

#top .widermenu
{
	float:			right;
	margin:			.2em 0 0 10px;
	text-align:		right;
	width:			40em;
}

#top .login
{
	text-align:		right;
	width:			32em;		/* This arse plus the preceeding line is necessary for correct layout on a MAC */
	float:			right;
}

#top .undermenu
{
	padding:		2px 0 0 0;
	clear:			both;
	text-align:		right;
}

#top .banner
{
	display:		inline;
	padding-left:		23px;
}

#top input
{
	font-family:		trebuchet ms, arial, helvetica, sans-serif;
	font-weight:		bold;
	font-size:		100%;
	border:			1px solid #37A5DF;
	color:			#0756BA;
	margin:			0 5px 0 2px;
	padding:		0 1px 0 1px;
}

#top .submit
{
	border:			0;
	padding:		0 0 0 0;
}

#menu
{
	font-weight:		bold;
	font-size:		120%;
	padding:		10px 10px 10px 10px;
	text-align:		center;
}

#menu a,
#menu a:visited,
#menu a:active
{
	text-decoration:	none;
	color:			#003A69;
}

#menu a:hover
{
	color:			#000000;
}

#menu table
{
	width:			100%;
	background-image:	url(../../other/images/menubg.gif);
	background-position:	top center;
	background-repeat:	repeat-x;
	background-color:	#9BD0FA;
}

#menu table .tfoot
{
	background-image:	url(../../other/images/shadow.gif);
}

#menu .item
{
	padding:		0 3px 0 4px;
	border-right:		1px solid #003A69;
}

#menu .on
{
	background-image:	url(../../other/images/menuonbg.gif);
	background-position:	top center;
	background-repeat:	repeat-x;
	background-color:	#98C09A;
}

#menu .start
{
	padding-left:		0;
}

#menu .end
{
	border-right:		0;
	padding-right:		0;
}

#menu .stubon
{
	background-image:	url(../../other/images/stubonbg.gif);
	background-position:	top center;
	background-repeat:	repeat-x;
	background-color:	#98C09A;
}

#menu .stub
{
	background-image:	url(../../other/images/stubbg.gif);
	background-position:	top center;
	background-repeat:	repeat-x;
	background-color:	#9BD0FA;
}

#submenu
{
	width:			158px;
	margin:			0 0 10px 0px;
	text-align:		left;
	border:			1px solid #0f5996;
}

#submenu a,
#submenu a:visited
{
	text-decoration:	none;
	color:			#0f5996;
}

#submenu a:hover
{
	color:			#000000;
}

#submenu ul
{
	padding:		0;
	margin:			0;
	list-style-type:	none;
}

#submenu li
{
	background-color:	#CBEBF7;
	border-top:		1px solid #ffffff;
	border-bottom:		2px solid #65CDF5;
	padding:		3px 5px 3px 20px;
	background-image:	url(../../other/images/subbullet.gif);
	background-repeat:	no-repeat;
	background-position:	5px .5em;
	line-height:		1.2em;
}

#submenu ul .on
{
	background-color:	#CEE8CE;
	border-bottom:		2px solid #98C09A;
	font-weight:		bold;
}

#left
{
	float:			left;
	width:			160px;
	background-color:	#ffffff;
	text-align:		center;
	border-left:		10px solid #ffffff;
}

#left .advertisers img
{
	border:			0;
	padding:		5px 0 5px 0;
}

#left .advertisers
{
	padding:		5px 0 5px 0;
	background-color:	#CBEBF7;
}

#left .homepage img
{
	border:			0;
	padding:		10px 0 5px 0;
}

#left .diary
{
	font-size:		130%;
	font-weight:		bold;
	background-color:	#0F5996;
	color:			#ffffff;
	padding:		10px;
}

#left .diary .select
{
	width:			140px;
	border:			1px solid #7F9DB9;
	color:			#0E5CBD;
	font-size:		80%;
	margin:			5px 0 10px 0;
}

#left .diary .curve
{
	background-color:	#95DDF9;
	width:			140px;
	font-size:		90%;
}

#left .diary .curve1
{
	text-align:		left;
	vertical-align:		top;
}

#left .diary .curve2
{
	text-align:		right;
	vertical-align:		top;
}

#left .diary .curve3
{
	text-align:		right;
	vertical-align:		bottom;
}

#left .diary .curve4
{
	text-align:		left;
	vertical-align:		bottom;
}

#left .diary .change
{
	font-size:		150%;
}

#left .diary .month
{
	text-align:		center;
	color:			#003A7B;
}

#left .diary .change a,
#left .diary .change a:visited,
#left .diary .change a:active
{
	text-decoration:	none;
}

#left .diary .day
{
	color:			#094482;
	width:			12%;
	text-align:		center;
	border-bottom:		1px solid #ffffff;
}

#left .diary .start
{
	border-left:		1px solid #ffffff;
}

#left .diary .empty
{
	border-right:		1px solid #ffffff;
	border-bottom:		1px solid #ffffff;
}

#left .diary .number
{
	font-size:		85%;
	text-align:		center;
	background-color:	#3DB7E7;
	border-right:		1px solid #ffffff;
	border-bottom:		1px solid #ffffff;
}

#left .diary .on
{
	background-color:	#1E6BAF;
}

#left .diary .number a,
#left .diary .number a:visited,
#left .diary .number a:active
{
	text-decoration:	none;
	color:			#ffffff;
}

#left .diary .number a:hover
{
	color:			#000000;
}

#right
{
	float:			right;
	width:			130px;
}

#right .advertisers img
{
	border:			0;
	padding:		5px 0 5px 0;
}

#right .advertisers
{
	padding:		5px 0 5px 0;
}


#main
{
	width:			434px;
	padding:		0 0 10px 20px;
	float:			left;	/* seems to be required for Mozilla - I don't know why */
	font-size:		110%;
}

#footer
{
	clear:			both;
	text-align:		center;
	font-size:		120%;
}

#footer .links
{
	border-bottom:		4px solid #F4BF05;
	padding-top:		2px;
	padding-bottom:		2px;
}

#footer .links a,
#footer .links a:visited
{
	text-decoration:	none;
	font-weight:		bold;
}

#footer .copyright
{
	background-color:	#3D549A;
	color:			#ffffff;
	padding-top:		1px;
	padding-bottom:		1px;
	border-top:		1px solid #ffffff;
}