body {background: url(/images/bg.png) repeat-x;
	font-family: verdana;
	font-size: 70%;
	color: #000000;}
#logo {width: 272px;
	height: 50px;
	position: absolute;
	left: 50%;
	top: 5px;
	margin-left: -136px;}
#header {background: url(/images/header.png) no-repeat;
	width: 800px;
	height: 50px;
	position: absolute;
	left: 50%;
	top: 60px;
	margin-left: -400px;}
#largebox {background: url(/images/largebox.png) repeat;
	width: 800px;
	height: 750px;
	position: absolute;
	left: 50%;
	top: 100px;
	margin-left: -400px;}
#midbox {background: url(/images/midbox.png) repeat-y;
	width: 780px;
	height: 750px;
	position: relative;
	left: 10px;}
#wrap {width: 760px;
	height: 331px;
	position: absolute;
	left: 50%;
	top: 90px;
	margin-left: -380px;}
#pulldowntext {width: 250px;
	position: absolute;
	left: 50%;
	top: 248px;
	margin-left: -375px;}
#pulldownbox {width: 150px;
	position: absolute;
	left: 50%;
	top: 247px;
	margin-left: -235px;}
#menuframe {background: url(/images/menu.png) no-repeat;
	width: 469px;
	height: 80px;
	position: absolute;
	left: 50%;
	top: 240px;
	margin-left: -55px;}
/*#menulinks {width: 440px;
	height: 17px;
	position: absolute;
	left: 50%;
	top: 248px;
	margin-left: -45px;}
*/
#menulinks {width: 52px;
	height: 17px;
	float: left;
	margin: 10px 0px 0px 8px;
	color: #0044ff;
	text-align: center;
	font-size: 120%;
	font-weight: bold;}
#menulinks77 {width: 77px;
        height: 17px;
        float: left;
        margin: 10px 0px 0px 4px;
        color: #0044ff;
        text-align: center;
        font-size: 120%;
        font-weight: bold;}
#menulinks90 {width: 90px;
        height: 17px;
        float: left;
	margin-top: 10px;
        color: #0044ff;
	text-align: center;
	font-size: 120%;
	font-weight: bold;}
#menulinks :hover {width: 52px;
	height: 17px;
	float: left;
	color: #880000;
	text-align: center;}
#menulinks77 :hover {width: 77px;
        height: 17px;
        float: left;
        color: #880000;
        text-align: center;}
#menulinks90 :hover {width: 90px;
        height: 17px;
        float: left;
        color: #880000;
	text-align: center;}

#dogname {width: 150px;
	height: 15px;
	position: absolute;
	left: 50%;
	top: 255px;
	margin-left: 200px;}
#dog2 {background: #ff0000;
	width: 287px;
	height: 450px;
	position: absolute;
	left: 50%;
	top: 240px;
	margin-left: -390px;}
#dog {position: absolute;
	left: 50%;
	top: 300px;
	margin-left: -370px;
	width: 330px;
	height: 330px;}
#text {background: url(/images/textbox.png) repeat-y;
	width: 390px;
	height: 330px;
	position: absolute;
	left: 50%;
	top: 290px;
	margin-left: -30px;
	border-left: 2px solid #aaaaaa;
	padding: 5px;}
#widead {width: 728px;
	height: 90px;
	position: absolute;
	left: 50%;
	top: 640px;
	margin-left: -364px;}
#prefooter {width: 720px;
	height: 130px;
	position: absolute;
	left: 50%;
	top: 735px;
	margin-left: -360px;
	font-size: 80%;
	text-align: center;}
#footer {background: url(/images/footer.png) no-repeat;
	width: 800px;
	height: 50px;
	position: absolute;
	left: 50%;
	top: 850px;
	margin-left: -400px;
	text-align: center;
	color: #aaaaaa;}
h2 {color: #0467bd;
	border-bottom: 1px solid #888888;
	font-size: 140%;
	line-height: 18px;}
img {border-style: none;}
a:link {color: #aaaaaa;
	text-decoration: none;}
a:visited {color: #aaaaaa;
	text-decoration: none;}
a.menu:link {color: #0044aa;
	text-decoration: none;}
a.menu:visited {color: #0044aa;
	text-decoration: none;}

#jCarouselCore .carousel {padding: 10px 0 0 0;
	margin: 0 0 20px 10px;
	width: 800px;
	position: absolute;
	left: 50%;
	top: 80px;}

#jCarouselCore .main {margin-left: -374px;}

#jCarouselCore .demo em {color: #ff3300;
	font-weight: bold;
	font-size: 60%;
	font-style: normal;}

/*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
#jCarouselCore .carousel button {float: left;}

#jCarouselCore .carousel a.prev,
#jCarouselCore .carousel a.next {display: block;
	float: left;
	width: 30px;
	height: 143px;
	text-decoration: none;
	background: url("/images/left.gif") left 55px no-repeat;}

#jCarouselCore .carousel a.next {background: url("/images/right.gif") right 55px no-repeat;}

#jCarouselCore .carousel a:hover,
#jCarouselCore .carousel a:active {border: none;
	outline: none;}
 
/* Needed for rendering without flicker */
#jCarouselCore .carousel .jCarousel {float: left;
	position: relative;
	visibility: hidden;
	left: -5000px;}

#jCarouselCore .carousel ul {margin: 0;}

#jCarouselCore .carousel li img, 
#jCarouselCore .carousel li p {margin: 0px 3px;}

#jCarouselCore .widget img {cursor: pointer;}



/* so that in IE 6, the carousel div doesnt expand to fill the space */
#jCarouselCore .vertical .jCarousel {width: 170px;}





.jcarousel-skin-tango .jcarousel-container {
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 760px;
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -350px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  700px;
    height: 135px;
}


.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 135px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}


.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 30px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: -30px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/prev-horizontal.png) no-repeat 0 0;
}

}