/*********************************************************************************************************/
/*********************************************************************************************************/
/*                                                                                                       */
/*	CONTENT STYLES                                                                                   */
/*                                                                                                       */
/*********************************************************************************************************/
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	Body structure elements                                                                          */
/*-------------------------------------------------------------------------------------------------------*/
body,body.nobg
{
	margin:				0px;
	padding:			0px;
	background-color:		#ffffff;
	font-family:			Verdana,Arial,sans-serif;
	font-weight:			normal;
	font-size:			11px;
	text-align:			left;
}

/*	Eliminate background image	*/
body.nobg
{
	background-image:		none;
}

#wrapper
{
	position:			relative;
	top:				0px;
	left:				0px;
	background-color:		#ffffff;
	background-image:		url( ../images/bg_main.gif );
	background-position:		top left;
	background-repeat:		repeat-x;
	width:				1000px;
	margin:				0px;
	padding:			0px;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Column structure                                                                                 */
/*-------------------------------------------------------------------------------------------------------*/

#shadow
{
	position:			absolute;
	top:				0px;
	left:				151px;
}

#sidebar,
#sidebar-about,
#sidebar-products,
#sidebar-service
{
	position:			absolute;
	top:				0px;
	left:				0px;
	width:				150px;
}

#sidebar-about
{
	height:				195px;
	background-image:		url( ../images/bg_side_about.jpg );
}

#sidebar-products
{
	height:				195px;
	background-image:		url( ../images/bg_side_products.jpg );
}

#sidebar-service
{
	height:				195px;
	background-image:		url( ../images/bg_side_service.jpg );
}

#main
{
	width:				100%;
	vertical-align:			top;
	margin:				0px;
	padding:			0px;
}

#side,
#side-about,
#side-products,
#side-service
{
	vertical-align:			top;
	padding:			170px 0px 0px 0px;
	width:				150px;
	background-color:		#ffffff;
	border-right:			1px solid rgb(0,68,51);
	background-position:		top,left;
	background-repeat:		no-repeat;
}

#logo
{
	position:			absolute; 
	top:				10px; /* 10px */
	left:				17px; /* 17px */
	z-index:			500;
}

#alphapet_logo1
{
	position:			absolute; 
	top:				10px; /* 10px */
	left:				427px; /* 427px */
	z-index:			500;
	padding-left:			0px;
}

#alphapet_logo2
{
	position:			absolute; 
	top:				10px; /* 10px */
	left:				512px; /* 512px */
	z-index:			500;
	padding-left:			0px;
}

#sidenav
{
	width:				116px;
	padding:			17px;
	font-family:			Verdana,Arial,sans-serif;
	font-weight:			normal;
	font-size:			11px;
	text-align:			left;
}

#content
{
	display:			block;
	margin:				0px;
	padding:			20px;
	padding-top:			118px;
	text-align:			left;
}

#footer
{
	margin:				0px 0px 0px 0px;
	border-top:			1px solid rgb(0,68,51);
	padding-right:			40px;
	line-height:			1.5em;
	font-family:			Verdana,Arial,sans-serif;
	font-size:			11px;
	color:				rgb(153,153,153);
	text-align:			left;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Miscellaneous                                                                                    */
/*-------------------------------------------------------------------------------------------------------*/
/*	Used so that non-CSS browsers deliniate footer block from body content	*/
hr
{
	display:			none;
}

/* Used so that the the formatter doesn't turn the site to shit */
p
{
	margin:				1em 0px 0px 0px;
}

/*	Hidden elements	*/
.hdn
{
	display:			none;
}

#content ul {
	margin-left:			0px;
	padding-left:			12px;
}

#content ol {
	margin-left:			11px;
	padding-left:			12px;
}
/*-------------------------------------------------------------------------------------------------------*/
/*	Footer styles                                                                                    */
/*-------------------------------------------------------------------------------------------------------*/
#footer p
{
	padding-top:			5px;
}

#footer a
{
	padding:			0px 0px;
	white-space:			nowrap;
	font-weight:			normal;
	text-decoration:		none;
	color:				rgb(153,153,153);
}

#footer a.active
{
	padding:			0px 0px;

	text-decoration:		none;
	color:				green;
}

#footer img
{
	margin:				10px;
	margin-bottom:			40px;
}

/*	used for the dividing line | between nav items	*/
.divider
{
	padding:			0em 1em;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Standard body styles                                                                             */
/*-------------------------------------------------------------------------------------------------------*/
h1
{
	margin:				20px 0px 0px 0px;
	padding:			0.5em 0em;
	font-family:			Verdana,Arial,sans-serif;
	font-weight:			bold;
	font-size:			15px;
	color:				rgb(0,68,51);
}

h1 a
{
	text-decoration:		none;
	color:				rgb(0,68,51);
}

h2
{
	margin:				10px 0px 0px 0px;
	padding:			0.5em 0em 0em 0em;
	line-height:			1.4em;
	font-family:			Verdana,Arial,sans-serif;
	font-weight:			bold;
	font-size:			13px;
	color:				rgb(0,68,51);
}

h2 a
{
	color:				rgb(0,68,51);
}

h3
{
	margin:				1.7em 0em 0em 0em;
	line-height:			1.7em;
	font-family:			Verdana,Arial,sans-serif;
	font-weight:			bold;
	font-size:			11px;
	color:				black;
}

/*	Same properties except different line-height	*/
.bodytext,.bodytext2, .sidebar
{
	margin:				0em 0em 1.7em 0px;
	padding:			0px;
	line-height:			1.3em;
	font-family:			Verdana,Arial,sans-serif;
	font-weight:			normal;
	font-size:			11px;
	color:				black;
}

.bodytext2
{
	line-height:			1.4em;
	margin-bottom:			1.3em;
}

a
{
	text-decoration:		none;
	font-weight:			bold;
	color:				rgb(204,136,34);
}

a:hover
{
	color:				rgb(238,170,68);
}

blockquote
{
	margin:				1em 3em;
	border-top:			1px solid rgb(221,204,204);
	border-bottom:			1px solid rgb(221,204,204);
	padding:			0.5em 0em;
	font-family:			"Times New Roman",Times,serif;
	font-size:			12px;
	font-style:			italic;
	line-height:			1.4em;
	color:				rgb(153,51,51);
}

.red
{
	color:				red;
}

/*********************************************************************************************************/
/*	EXAMPLE	- remove or customize as needed                                                          */
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	Image positioning ( image only )                                                                 */
/*-------------------------------------------------------------------------------------------------------*/
img.right
{
	float:				right;
	margin:				0px 0px 20px 20px;
}

img.left
{
	float:				left;
	margin:				0px 20px 20px 0px;
}

/*********************************************************************************************************/
/*	EXAMPLE	- remove or customize as needed                                                          */
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	Image positioning with caption block                                                             */
/*-------------------------------------------------------------------------------------------------------*/
.caption-left,.caption-right
{
	border-top:			1px solid rgb(221,204,204);
	border-bottom:			1px solid rgb(221,204,204);
	width:				200px;
	padding:			5px 0px;

	line-height:			1.3em;
	font-family:			Verdana,Arial,sans-serif;
	font-size:			11px;
}

.caption-left
{
	float:				left;
	margin:				0px 20px 20px 0px;
}

.caption-right
{
	float:				right;
	margin:				0px 0px 20px 20px;
}

/*********************************************************************************************************/
/*	EXAMPLE	- remove or customize as needed                                                          */
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	Table data                                                                                       */
/*-------------------------------------------------------------------------------------------------------*/
table.data
{
	border:				1px solid rgb(204,204,204);
}

th.thead
{
	background-color:		#004433;
	vertical-align:			bottom;
	text-align:			left;
	font-family:			Verdana,Arial,sans-serif;
	font-weight:			bold;
	font-size:			15px;
	color:				white;
	padding:			0.25em 0.5em;
}

td.tdata
{
	/*background-color:		white; */
	padding:			0.25em 0.5em;
	border-bottom:			1px solid rgb(204,204,204);
	vertical-align:			top;
	text-align:			left;
	font-family:			Verdana,Arial,sans-serif;
	font-size:			13px;
	color:				white;
}

td.tdata a
{
		color:			#EEDDBB;
}
td.tdata a:hover
{
		color:			white;
}

/*********************************************************************************************************/
/*********************************************************************************************************/
/*                                                                                                       */
/*	MENUS & NAVIGATION                                                                               */
/*                                                                                                       */
/*********************************************************************************************************/
/*********************************************************************************************************/
/*-------------------------------------------------------------------------------------------------------*/
/*	Container blocks for nav sets                                                                    */
/*-------------------------------------------------------------------------------------------------------*/
#topnav
{
        position:			absolute;
	top:				101px;
	left:				151px;
	background-color:		rgb(0,68,51);
	padding-left:			78px;
	white-space:			nowrap;
	width:				771px;
}

/*	IE hack	*/
#n
{
	white-space:			nowrap;
	width:				771px; /* adjust to fit width of main menu items */
	height:				27px;
}

#topnav p
{
	float:				left;
	display:			inline;
	margin:				0px;
}

/*-------------------------------------------------------------------------------------------------------*/
/*	DHTML menu styles                                                                                */
/*-------------------------------------------------------------------------------------------------------*/
ul.menublock,
ul.submenublock,
ul.dealermenu,
ul.productsmenu
{
	/*	Do not modify	----------------------------*/
	position:			absolute;
	z-index:			200;
	visibility:			hidden;
	margin:				0px;
	padding:			0px;
	list-style-type:		none;

	/*	Customizeable options	--------------------*/
	width:				185px;
	background-color:		rgb(153,136,85);
	border-top:			1px solid rgb(153,136,85);
	border-bottom:			8px solid rgb(153,136,85);
	text-align:			left;
}

ul.dealermenu
{
	width:				126px;
}
ul.productsmenu
{
	width:				230px;
}

ul.submenublock
{
	border-top:			4px solid rgb(119,102,51);
	border-bottom:			6px solid rgb(119,102,51);
	background-color:		rgb(119,102,51);
}

/*	Do not modify	*/
ul.menublock li,
ul.submenublock li,
ul.dealermenu li,
ul.productsmenu li
{
	display:			inline;
}

ul.menublock a,
ul.submenublock a,
ul.dealermenu a,
ul.productsmenu a
{
	display:			block;
	width:				auto;
	height:				25px;
	padding:			0px 12px;
	line-height:			25px;
	white-space:			nowrap;
	font-family:			Verdana,Arial,sans-serif;
	font-weight:			normal;
	font-size:			11px;
	text-decoration:		none;
	color:				rgb(238,221,187);
}

ul.submenublock a
{
	line-height:			20px;
	height:				20px;
}

.menublock a:hover,
.submenublock a:hover,
.dealermenu a:hover,
.productsmenu a:hover
{
	color:				white;
}

/*	Makes arrow indicator for links with submenu	*/
a.showsub,a.showsub:hover
{
	background-image:		url( ../images/arrow0.gif );
	background-position:		center right;
	background-repeat:		no-repeat;
}

/*	Change color on mouseover	*/
a.showsub:hover
{
	background-image:		url( ../images/arrow1.gif );
}

.dealermenu a.showsub,
.dealermenu a.showsub:hover,
.productsmenu a.showsub,
.productsmenu a.showsub:hover
{
	background-image:		url( ../images/leftarrow0.gif );
	background-position:		center left;
}
.dealermenu a.showsub:hover,
.productsmenu a.showsub:hover
{
	background-image:		url( ../images/leftarrow1.gif );
}

/*-------------------------------------------------------------------------------------------------------*/
/*	Sidenav styles                                                                                   */
/*-------------------------------------------------------------------------------------------------------*/
#sidenav ul
{
	margin:				0px;
	padding:			0px;
	list-style-type:		none;
}

#sidenav ul.sub
{
	padding-left:			0.4em;;
	list-style-type:		none;
}

#sidenav li
{
	display:			inline;
}

#sidenav a.top
{
	display:			block;
	padding:			0.6em 0em 0.7em;
	font-weight:			bold;
	text-decoration:		none;
	color:				rgb(0,68,51);
}

#sidenav a
{
	display:			block;
	padding:			0.6em 0em 0.7em;
	font-weight:			normal;
	text-decoration:		none;
	color:				rgb(0,68,51);
}

#sidenav a.active,#sidenav a:hover
{
	color:				rgb(204,136,34);
}

#sidenav a.sub
{
	display:			block;
	margin-left:			1em;
	padding:			0em 0em 0.5em;
	text-decoration:		none;
	color:				rgb(153,136,85);
}

#sidenav a.sub-active
{
	display:			block;
	margin-left:			1em;
	padding:			0em 0em 0.5em;
	text-decoration:		none;
	color:				rgb(204,136,34);
}

.sidebar
{
	float:				right;
	padding:			0px;
	margin:				0 0 15px 15px;
}

.sidebarText
{
	padding-top:			10px;
}

.aditem td
{
	line-height:			1.3em;
	font-family:			Verdana,Arial,sans-serif;
	font-size:			11px;
	color:				black;
	padding:			0 15px 15px 0;
}

.green_title
{
	color:				#015533;
	font-weight:			bold;
}

.gray_title,
.gray_title a
{
	color:				#646464;
	font-size:			12px;
	line-height:			19px;
	font-weight:			bold;
}

.light_green_title
{
	color:				#929700;
}