body {
background: #663300 url(interface/pattern_white.gif) 0px 0px repeat-y;
font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, sans-serif;
font-weight: normal; 
font-size: 11px;
color: #663300;
margin: 0px 0px 0px 0px;
text-align: left;
}

a 			{ color: #663300; text-decoration: underline; }
a:link		{ color: #663300; text-decoration: none; }
a:visited	{ color: #663300; text-decoration: none; }
a:active	{ color: #5b8013;  }
a:hover		{ color: #5b8013;  }

small {
font-size: 10px;
display: none;
}

/* begin wrapper styles */

#wrapper {
width: 1000px; /* 950px actual width + 50px for ie */
}

/* end wrapper styles */


/* begin left column styles */

#left_column {
background: #ffffff;
width: 300px;
float: left;
}

#left_column h2 {
background: url("interface/portfolio_header.gif") 0px 0px no-repeat;
width: 67px;
height: 16px;
margin: 10px 0px 5px 20px;
display: block;
text-indent: -1000px;
}

/* end left column styles */


/* begin side navigation */

#side_nav {
width: 250px;
margin-left: 20px;
padding-bottom: 30px;
}

#side_nav a:link		{ text-decoration: none; }
#side_nav a:visited		{ text-decoration: none; }
#side_nav a:active		{ text-decoration: none; }
#side_nav a:hover		{ text-decoration: none; }

div.sdmenu {
width: 240px;
}

div.sdmenu div {
overflow: hidden;
padding: 0;
}

div.sdmenu div span {
width: 240px;
height: 18px;
display: block;
}

div.sdmenu div span a {
width: 230px;
height: 15px;
color: #663300;
font-size: 12px;
font-weight: bold;
line-height: 14px;
padding: 3px 0px 0px 10px;
display: block;
}

div.sdmenu div span a:link {
background: url("interface/arrows.gif") 0px -18px no-repeat;
color: #663300;
}

div.sdmenu div span a:hover {
background: url("interface/arrows.gif") 0px -36px no-repeat;
color: #5b8013;
display: block;
}

div.sdmenu div.collapsed {
height: 18px;
}

div.sdmenu div.collapsed span {
width: 240px;
height: 18px;
display: block;
}

div.sdmenu div.collapsed span a {
width: 230px;
height: 15px;
color: #663300;
font-size: 12px;
font-weight: bold;
line-height: 14px;
padding: 3px 0px 0px 10px;
display: block;
}

div.sdmenu div.collapsed span a:link {
background: url("interface/arrows.gif") 0px 0px no-repeat;
color: #663300;
}

div.sdmenu div.collapsed span a:hover {
background: url("interface/arrows.gif") 0px -54px no-repeat;
color: #5b8013;
display: block;
}

div.sdmenu div a {
color: #663300;
font-size: 10px;
font-weight: normal;
line-height: 12px;
padding: 5px 0px 5px 15px;
display: block;
}

div.sdmenu div a:link {
color: #663300;
}

div.sdmenu div a:hover {
color: #5b8013;
}

.straight_link {
width: 230px;
height: 15px;
color: #663300;
font-size: 12px;
font-weight: bold;
line-height: 14px;
padding: 3px 0px 0px 10px;
display: block;
}

/* end side navigation */


/* begin right column styles */

#right_column {
width: 660px; /* 650px actual width + 10px for ie */
float: left;
}

/* end right column styles */


/* begin top navigation styles */

#top_navigation {
background: url("interface/nav_pattern.gif") right top no-repeat;
width: 650px;
height: 84px;
}

.navigation_rule {
background: url("interface/nav_rule.gif") 0px 0px repeat-x;
width: 10px;
height: 20px;
margin-top: 32px;
display: block;
float: right;
}

#navigation_tip {
background: url("interface/nav_tip.gif") 0px 0px no-repeat;
width: 14px;
height: 20px;
margin-top: 32px;
display: block;
float: right;
}

#portfolio_button {
margin-top: 32px;
float: right;
}

#portfolio_button a {
background: url("interface/portfolio_button.gif") 0px 0px no-repeat;
width: 70px;
height: 20px;
display: block;
}

#portfolio_button a:hover {
background: url("interface/portfolio_button.gif") 0px -20px no-repeat;
}

#portfolio_button a:active {
background: url("interface/portfolio_button.gif") 0px 0px no-repeat;
}

#about_button {
margin-top: 32px;
float: right;
}

#about_button a {
background: url("interface/about_button.gif") 0px 0px no-repeat;
width: 55px;
height: 20px;
display: block;
}

#about_button a:hover {
background: url("interface/about_button.gif") 0px -20px no-repeat;
}

#about_button a:active {
background: url("interface/about_button.gif") 0px 0px no-repeat;
}

#contact_button {
margin-top: 32px;
margin-right: 77px;
float: right;
}

#contact_button a {
background: url("interface/contact_button.gif") 0px 0px no-repeat;
width: 65px;
height: 20px;
display: block;
}

#contact_button a:hover {
background: url("interface/contact_button.gif") 0px -20px no-repeat;
}

#contact_button a:active {
background: url("interface/contact_button.gif") 0px 0px no-repeat;
}

/* end top navigation styles */


/* begin content styles */

#content {
background: #ffffff;
width: 480px;
margin-left: 40px;
margin-bottom: 20px;
}

#content h1 {
font-size: 18px;
font-weight: normal;
color: #9eb236;
margin-top: 0px;
margin-bottom: 10px;
}

#content p {
margin-top: 0px;
margin-bottom: 10px;
}

#pagination {
margin-bottom: 15px;
}

#pagination a 			{ color: #663300; text-decoration: none; }
#pagination a:link		{ color: #663300; text-decoration: none; }
#pagination a:visited	{ color: #663300; text-decoration: none; }
#pagination a:active	{ color: #9eb236; text-decoration: underline; }
#pagination a:hover		{ color: #9eb236; text-decoration: underline; }

#pagination span {
color: #9eb236;
}

.caption {
font-size: 10px;
font-weight: normal;
color: #666666;
margin-top: 5px;
}

/* end content styles */