/* CSS Document designed by Kevin Knipe owner and creator of Krazy Kards copyright©2009 */
/* Controls the bottom navigation of the entire website */

#bio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: text-top;
	display: block;
	padding: 5px;
	margin: 8px;
	border: 2px solid #08B279;
}

#btm-menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	margin: 5px;
	padding: 5px;
	text-align: center;
	border: 1px solid #000;
	background-image: url(../images/bars/h1_bkgd.png);
	background-repeat: repeat-x;
}

#btm-menu a:link {
	text-decoration: none;
}
#btm-menu a:hover {
	background-color: #eee;
	text-decoration: none;
}

#copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	text-align: right;
	vertical-align: text-bottom;
	margin-bottom: 5px;
	letter-spacing: 1px;
}

/*controls the bottom of the ordering page */
#info { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin: 5px;
	padding: 8px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
#left-pro {
	
	background-color: #000;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 5px;
	width: 270px;
	text-align: center;
}

/* controls everything on the left side of the web pages */
#left-menu {
	float: left;
	height:100%;
	position:relative;
	left:0;	
	bottom:0;
	width: 175px;
	margin: 0px;
	padding-top: 10px;
	padding-left: 14px;
	padding-right: 6px;
	text-align: left !important;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background:#B7BCC3 url(../images/left_bkgd2.gif) repeat-x;
	background-position: top;
	zoom:1;
	display:inline-block;
}

/* controls the top of the page */
#header {
	background-image: url(../images/logos/titlebar.jpg);
	background-repeat: no-repeat;
	background-color: #2D1201;
	height: 125px;
	margin: 0px;
	padding: 0px;	
}
/* controls the bar below the header banner */
#headerbar {
	background-image: url(../images/bars/goldbar.png);
	background-repeat: repeat-x;
	height: 17px;
}

/*controls the active tab */

#here {
	background-image: url("../images/buttons/btn_blue.jpg");
	background-repeat:repeat-x;
	background-position:top;
	color: #fffea8;
	text-decoration: none;
	display: block;
	height:24px;
}


#highlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #FFFF00;	
}

/*controls the background image behind the flash banner */
#main-header {
	background-image: url(../images/bars/header_bkgd.jpg);
	background-repeat: repeat-x;
	background-color: #2D1201;
	height: 125px;
	margin: 0px;
	padding: 0px;	
}

#main-area {
	width: 769px;
	height: auto;
	margin-top: 10px;
	margin-bottom:5px;	
}

#main img{
	margin-top: 5px;
	margin-right: 5px;
}

#note {
	border: 1px solid #000;
	padding: 5px;
	background-color: #eee;
	text-align: left;
}
/* This is the style sheet to control the bottom of the ordering page */
#ordering {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	margin: 5px;
	padding: 10px;
	text-align: center;	
}

#ordermenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	border: thin solid #000066;
	line-height: 15px;
	padding: 8px;
	margin-bottom: 10px;
	text-align: left !important;

}

#ordermenu img{
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 10px;
}

#padding {
	padding: 10px;
	margin: 8px;
}

/*Controls the entire right side of all the web pages */
#right-menu {
	width:540px;
	/*background-image: url(../images/left_column.gif);
	background-repeat: repeat-y;
	background-position: left top;*/
	background-image: url(../images/bars/mainmenu_bluebkgd.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #ffffff;
	margin: 0px 5px 0px 0px;
	padding-right: 8px;
	padding-left: 8px;	
	border-left: 1px solid #000;
}
/*controls the profile page text and background */
#right-pro {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	text-align: left;
	vertical-align: text-top;
	padding: 5px;	
}

#top-bar {
	background-image: url(../images/top_bar.gif);
	background-repeat: repeat-x;
	height: 77px;
	width: 100%;
	padding-bottom: 10px;	
}

#top-bar img{
	margin-top: 0px;
}

/* titles of the top of the webpages */
#topbar-cards {
	padding-top: 8px;
	padding-bottom: 8px;
	margin-left: 10px;
	font-family: Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
	text-align: left;
	letter-spacing: 2px;
	color: #000000;	
}