/* Krotee.com cascading style sheet Version 1.1 (June 14, 2004) */
/* basic */

body { 
	width: 100%;
height: 100%;
	color: #ffffff;
	background-color: #330033; /* url(body-background.jpg) repeat; */
	margin: 0;
	padding: 0;
	border-bottom-width: 12px;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-style: solid;
	border-color: #ff9966;
	}
h1 {
	font-family: "Hoefler Text", Georgia, "Times New Roman", serif;
	font-size: large;
	text-align: left;
	font-weight: regular;
	}
h2 {
	font-family: "Trebuchet MS", "Gill Sans", Helvetica, Verdana, sans-serif;
	font-size: medium;
	text-align: left;
	font-weight: bold;
	letter-spacing: .08em;
	}
h3 {
	font-family: "Trebuchet MS", "Gill Sans", Helvetica, Verdana, sans-serif;
	font-size: medium;
	text-align: left;
	font-weight: regular;
	}

a:link { 
	text-decoration: none; 
	color: #ff9966;
	}
a:visited { 
	text-decoration: none; 
	color: #ff9966;
	}
a:hover, a:active { 
	text-decoration: none; 
	color: #ffffff;
	}
/* This removes any borders from linked images. */
a img {border: none}
em {
	font-style: italic
	}
strong {
	font-weight: bold
	}

/* This code handles the tabs. The highlighted tab is determined  by the body class number in the body tag, so 'body class="section-3"' will highlight the tab for section 3. The code is a modified version of code by Adam Kalsey (http://kalsey.com/2003/05/css_tabs_with_submenus/) */

#menu {
	border-bottom: 1px solid #fff;
	border-top: 1 px solid #fff;
	padding-bottom: 36px;
	padding-left: 5px;
	padding-top: 2px;
	background: #ff9966;
	margin-top: 0px;
	margin-left: 0px;
}

#menu ul, #menu li	{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

	
#menu a:link, #menu a:visited	{
	font-family: "Trebuchet MS", "Gill Sans", Helvetica, Verdana, sans-serif;
	background: #ff9966;
	color: #666;
	float: left;
	font-size: small;
	font-weight : bold;
	line-height: 14px;
	margin-right: 0px;
	padding: 2px 10px 2px 10px;
	text-transform: uppercase;
	letter-spacing: .26em;
	text-decoration: none;
}

#menu a:link.active, #menu a:visited.active	{
	background: #ff9966;
	color: #000;
}

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

/* This modifies the color of the selected tab and its subcategories. */
body.section-1 #menu li#nav-1 a, 
body.section-2 #menu li#nav-2 a,
body.section-3 #menu li#nav-3 a,
body.section-4 #menu li#nav-4 a,
body.section-4 #menu li#nav-5 a {
	background : #ff9966;
	color : #000;
}

#menu #subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4,
#menu #subnav-5 {
	display : none;
	width: 90%;
}

body.section-1 #menu ul#subnav-1, 
body.section-2 #menu ul#subnav-2,
body.section-3 #menu ul#subnav-3,
body.section-4 #menu ul#subnav-4,
body.section-4 #menu ul#subnav-5 {
	display : inline;
	left : 5px;
	position : absolute;
	top : 72px;
}

body.section-1 #menu ul#subnav-1 a, 
body.section-2 #menu ul#subnav-2 a,
body.section-3 #menu ul#subnav-3 a,
body.section-4 #menu ul#subnav-4 a,
body.section-4 #menu ul#subnav-4 a {
	background : #ff9966;
	border : none;
	color : #000;
	font-size : smaller;
	font-weight : bold;
	line-height : 10px;
	margin-right : 4px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
	text-transform: lowercase;
	letter-spacing: 0em;
}

 #menu ul a:hover {
	color : #fff !important;
}

/* overall layout: portions thanks to Mark Newhouse (http://realworldstyle.com/nn4_3col_header.html) */

#header {
	color: #000000;
	background-image: url(http://www.krotee.com/interface/dkp-banner.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	background-color: #ffffff;
	height: 50px;
	width: 100%;
	}
#leftbar {
	position: absolute;
	width: 166px;
	text-align: left;
	top: 100px;
	left: 12px;
	background-image: none;
	background-color: transparent;
	margin-right: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	}
#content {
	margin-top: 0px;
	margin-left: 186px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 12px;
	padding-left: 5px;
	padding-right: 12px;
	}
#footer {
	clear: both;
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: center;
	font-size: smaller;
	height: auto;
	border-style: none;
	color: #666666;
	}
#misc {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-bottom: 12px;
	padding-left: 12px;
	padding-right: 12px;
	background-image: url(http://www.krotee.com/interface/profiles_bg.jpg);
	background-repeat: repeat-y;
	background-position: right;
	}

/* search */

#search_tag {
	position: absolute;
	right: 15px;
	left: auto;
	margin-top: 14px;
	font-family: "Trebuchet MS", "Gill Sans", Helvetica, Verdana, sans-serif;
	color: #000000;
	font-size: small;
	font-weight: bold;
	background-color: transparent;
	}
#search_tag .field {
	width: 106px;
	font-size: 12px;
	font-family: "Trebuchet MS", "Gill Sans", Helvetica, Verdana, sans-serif;
	vertical-align: middle;
	}
.button {
	font-size: 12px;
	vertical-align: middle;
	}

/* nontab navigation */

.topcat {
	font-family: "Trebuchet MS", "Gill Sans", Helvetica, Verdana, sans-serif;
	line-height: 140%;
	font-size: small;
	font-weight: bold;
	color: #fff;
	padding: 2px;
	padding-left: 0px;
	text-transform: uppercase;
	letter-spacing: .26em;
	}
.topcat_archive {
	font-family: "Trebuchet MS", "Gill Sans", Helvetica, Verdana, sans-serif;
	line-height: 140%;
	font-size: small;
	font-weight: bold;
	color: #fff;
	padding: 2px;
	padding-left: 0px;
	text-transform: uppercase;
	letter-spacing: .26em;
	}
.subcat {
	font-family: "Trebuchet MS", "Gill Sans", Helvetica, Verdana, sans-serif;
	padding-left: 1em;
	line-height: 140%;
	font-size: small;
	font-weight: regular;
	color: #ff9966;
	text-transform: none;
	letter-spacing: 0em;
	}

/* The following descendant selectors governs the color of links within topcat and subcat divs */ 

.topcat a:link, .topcat a:visited {
	color:#ff9966
	}
.topcat a:hover, .topcat a:active {
	color:#ffffff
	}
.topcat_archive a:link, .topcat_archive a:visited {
	color:#ff6633
	}
.topcat_archive a:hover, .topcat_archive a:active {
	color:#ffffff
	}
.subcat a:link, .subcat a:visited {
	color: #ff9966
	}
.subcat a:hover, .topcat a:active {
	color:#ffffff
	}
	
#profdesc {
	font-family: "Hoefler Text", Georgia, "Times New Roman", serif;
	text-align: left;
	line-height: 126%;
	text-transform: none;
	font-size: medium;
	}
#profdetail {
	font-family: "Trebuchet MS", "Gill Sans", Helvetica, Verdana, sans-serif;
	text-transform: none;
	font-size: small;
	clear: left;
	}

.pict {
	float: left;
	width: auto;
	padding: 10px;
	margin-top: 12px;
	margin-bottom: 6px;
	}
.pict p {
	text-align: center;
	font-family: "Trebuchet MS", "Gill Sans", Helvetica, Verdana, sans-serif;
	font-size: x-small;
	}
.pict img {
	border-style: solid;
	border-width: 1px;
	border-color: #ffffff;
	}
.spacer {clear: both;}