/* ---------- generic styles ---------- */
body {
	width: 60em;
	margin: 1em 0 0 0em;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
  font-size: 0.8em;
}

a {
	color: #3300ff;
	text-decoration: none;
}

a:hover { color: #ff0000; }

img { margin: 1em 1em 1em 0em; }

a img {
	border: 1px;
	margin: 0.25em 0.25em 0.5em 0.25em;
}

p { margin: 0 0 1em; }

p.note { 	font-size: x-small; }

h1 {
	text-align: center;
	padding-bottom: 0.25em;
	font-size: 2em;
}

h2 {
	text-align: center;
	font-size: 1.5em;
}

h3 {
	text-align: center;
	padding-bottom: 0.25em;
	font-size: 1.25em;
}

p.center {
	text-align: center;
	font-weight: bold;
	margin-bottom: 0em;
}

li {
	text-align: center;
	font-weight: bold;
	list-style-type: none;
	padding-bottom: 1em;
}

img.padRight40px { padding-right: 40px; }

/* ---------- masthead & footer styles ---------- */
#masthead { 
	text-align: center; 
}

#masthead img { margin: 0 0 0 0; }

#footer {
	clear: both;
	text-align: center;
}

#navlinks {}

#navlinks li {
	display: inline;
	margin: 0px 4px 0px 4px; 
	font-weight: bold;
}

/* ---------- main content styles ---------- */
#content {
	width: 48em;
	float: left;
	padding: 0 11em 0.5em 1em;
	margin-bottom: 1em;
}

/* ---------- content-no-sidebar ----------*/
#content-no-sidebar {
	width: 60em;
	float: left;
	padding: 0 1em 0.5em 1em;
}


/* ---------- sidebar styles ---------- */
#sidebar {
	float: right; 
	width: 10em;
	margin: 1em 0 0em -11em;
}

#sidebar img { margin-bottom: 0.5em; }