/* Body Style
------------------------------------------------------------  */
body {
	font: 12px "Rockwell", Helvetica, Sans;
	margin: 0px;
	padding: 5px;
	color: #fff;
	background: url('images/bkgd.png') repeat-x #333333;
}

A:link {text-decoration: underline; color:#f70000;}
A:visited {text-decoration: underline; color:#f70000;}
A:active {text-decoration: underline; color:#f70000;}
A:hover {text-decoration: underline; color:#f70000;}

img {
	border: none;
}

/* Layout Skeleton and Style
------------------------------------------------------------  */
#container {
	width: 700px;
	margin: 0 auto;
}
#note h2 {
	font-weight: normal;
	margin: 0;
	padding: 20px;
	font-size: 45px;
	letter-spacing: -4px;
	padding-left: 20px;
	background: #000000;
	color: #ffffff;
}
#note p {
	padding: 0px 22px 5px 18px;
	font-size: 104%;
	text-indent: 25px;
}
#note {
	margin: 0;
	width: 700px;
	height: 350px;
	color: #fff;
	background: #181818;
	border-bottom: 3px #000000 solid;
}
#second h2 {
	font-weight: normal;
	margin: 0;
	padding: 20px;
	font-size: 240%;
	letter-spacing: -2px
	padding-left: 20px;
	background: #000000;
	color: #ffffff;
}
#second p {
	padding: 0px 22px 5px 18px;
	font-size: 104%;
}
#second {
	margin: 0;
	width: 700px;
	height: 610px;
	color: #fff;
	background: #181818;
	border-bottom: 3px #000000 solid;
}
#second h3 {
	font-weight: normal;
	margin: 0;
	padding: 0;
	width: 120px;
	font-size: 190%;
	letter-spacing: -2px;
	color: #ffffff;
}
#section {
	clear: both;
	line-height: 18px;
}
span.left {
	text-align: left;
	float: left;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
span.right {
	text-align: right;
	float: right;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
span.hlt {
	margin: 0;
	padding: 0;
	background-color: #f70000;
	border-bottom: 2px #a80000 solid;
}
span.hlt2 {
	margin: 0;
	padding: 0;
	background-color: #cdcb00;
	border-bottom: 2px #949200 solid;
}

/* Link Styles
------------------------------------------------------------  */
#note A:link {text-decoration: underline; color:#f70000;}
#note A:visited {text-decoration: underline; color:#f70000;}
#note A:active {text-decoration: underline; color:#f70000;}
#note A:hover {text-decoration: underline; color:#f70000;}

#second A:link {text-decoration: none; color:#ffffff;}
#second A:visited {text-decoration: none; color:#ffffff;}
#second A:active {text-decoration: none; color:#ffffff;}
#second A:hover {text-decoration: none; color:#eeeeee;}


#flickr {
	float: left;
	width: 48px;
	margin-left: -48px;
	margin-top: 25px;
}

#right_bar {
	float: right;
	width: 242px;
	margin-right: -258px;
	margin-top: -20px;
}

/* Nav Styles
------------------------------------------------------------  */
.menu {
height: 32px;
width: 85px;
}

.cssnav
{
position: relative;
font-family: Rockwell, helvetica, sans-serif;
background: url(images/c_1.png) no-repeat;
white-space: nowrap;
display: block;
width: 85px;
height: 32px;
margin: 0;
padding: 0;
}

.cssnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 85px;
height: 32px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.cssnav img
{
width: 85px;
height: 32px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav a:hover img
{
visibility:hidden
}

.cssnav span
{
position: absolute;
left: 10px;
top: 5px;
margin: 0px;
padding: 0px;
cursor: pointer;
}