/********* GENERAL SITE STUFF ************/
body {
	background: transparent url(../images/bg.gif) repeat top left;
	margin:0; //critical for IE to display without a gap on the right
	padding:0; //to prevent gaps on top & left
	font-family:arial;
}

a { color: black; font-weight:bold; text-decoration: none;}

a:hover { text-decoration: underline; }
a:active { text-decoration: underline; color: white }

h1 {
	color:white;
	margin:0 10px 6px 15px;
	text-align:left;
	font-family:arial;
	font-size:1.8em;
	font-weight:bold;
}

h2 {
	color:white;
	margin:.6em 10px 6px 15px;
	text-align:left;
	font-family: arial;
	font-size:1.2em;
	font-weight:bold;
}

p, div { font-family: arial; font-size: 12px; }

.topmargin { margin-top:10px; }
.bottommargin { margin-bottom:10px; }

.more {
	font-size:10px;
	text-align:right !important;
	margin:0;
	padding-bottom:5px;
}

.featured { font-weight:bold; }

.topborder {
	border-top:1px solid black;
	padding-top:5px;
	padding-bottom:5px;
	margin:0;
}

.center { text-align:center; }

/********* LOGO HEADER STUFF ************/
.logo {
	width:100% !important;
	height:80px !important;
	background: white;
	border:0;
}

.logoholder {
	position:relative;
	top:20px;
	left:220px;
	width:500px;
}

#logotxt {
	font-family:"Agency FB";
	font-size:4em;
	font-weight:bold;
}

#topicline {
	font-family:arial;
	font-size:1.5em;
	font-weight:bold;
}

#logoimg {
	position:relative;
	top:-73px;
	left:20px;
}


/********* MAIN CONTENT DIV STUFF ************/
.container {
	position:relative;
	left:15px;
	width: 1070px !important;
	height: auto;
}

.main {
    background: #830513;
	border: 1px solid black;
	padding-top:20px;
}

.rightcol {
	position:relative;
    width: 161px !important;
}

.newbox {
//intended total box width - padding-right(next)
    width: 151px !important;
    width: 146px; //IE Win = width - padding
}

.leftcol {
	position:relative;
	width: 280px !important;
}

.storybox {
	width: 270px !important;
	width: 265px;
}

.navbox {
	width: 280px !important;
	width: 265px;
}

.navbuttons img {
	margin:0px;
	height:75px !important;
	border:0px;
}


#tiptitle {
	color:black;
	text-align:left;
	font-family: arial;
	font-size:1.2em;
	font-weight:bold;
}

#tip {
	border-top:1px solid black;
	padding-top:5px;
}

#footer {
	color:white;
	font-size:1em;
	text-align:center;
	padding-top:2px;
}


#header {
	color:white;
	font-size:1.1em;
	text-align:right;
	padding:0 5px 8px 0;
}

#footer a, #header a { color: white; font-weight:normal; }

#slogan {
	color:white;
	font-size:.9em;
	font-style:italic;
	text-align:left;
	padding-top:5px;
	position:relative;
	left:250px;
	width:300px; !important;
}

.meet img {
border:1px solid black;
}

.meet ul {
    position: relative;
    top:0;
    left:0;
    margin:0;
    padding:0;
    overflow:hidden;
    z-index:1;
}

.meet li {
    width: 75px;
    height: 75px;
    list-style-image:none;
    list-style-type:none;
    list-style-position:outside;
    float:left;
}

.meet a {
margin-top:0;
margin-left:0;
border:0;
padding:0;
left:0;
top:0;
}

/********* CENTER IMAGE FORMATTING ************/

.centercol p {
	border:3px solid black;
	background: white;
	text-align:center;
	margin-top:0px;
	margin-bottom:8px;
	padding:4px;
}

.centercol img {
	border:0px;
	margin:5px;
}

.comment {
	width:350px !important;
	padding:3px;
}


/********* TIP PAGE CLASSES *********/

.onethird {
	position:relative;
	width: 350px !important;
}

.twothirds p {
	border:3px solid black;
	background: white;
	text-align:center;
	margin-top:0px;
	margin-bottom:8px;
	padding:4px;
}

.horiz img {
	border:0px;
	margin:5px;
	width:630px !important;
}

.vert img {
	border:0px;
	margin:5px;
	height:630px !important;
}

.tipbox {
	width: 340px !important;
	width: 335px;
}

.tipbox a { color: #830513; }

.thumbsbox {
	width:90px !important;
	width:85px;
}

.thumbsboxhoriz {
	width:300px !important;
	width:295px;
}

.tipthumbs img {
	width:75px !important;
        height:75px;
	margin:0px 2px 2px 2px !important;
	border:1px solid black;
	vertical-align:middle;
}

.topiclink, .topiclink a {
	color:white;
	text-align:right;
	font-size:.9em;
}

/********* TOPIC PAGE CSS **********/

#topic img {
	width:150px;
	margin:0 10px 15px 10px;
	display:block;
	border:1px solid black;
}

#topic td {
	cellspacing:0;
	cellpadding:0;
	text-align:center !important;
}

.topicbox {
	width:640px !important;
	width:635px;
}

.topictext {
	position:relative;
	width:300px !important;
}

.topictext img {
	width:200px !important;
	border:1px solid black;
}

.topicheader {
	text-align:center !important;
	font-size:1.8em;
	font-weight:bold;
}

/********* CONTENT PAGE *********************/

.onecol {
	position:relative;
	width:850px !important;
	width:845px;
}

.onecol ul {
	padding-top:0;
	margin-top:0;
}

.onecol h4 {
	padding-bottom:0;
	margin-bottom:0;
	text-decoration:underline;
}

#meetchix img {
	border:2px solid black;
	width:150px;
}

#meetchix td {
	padding: 10px;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
}


/********* Javascript Library Stuff *********/
/*** galleria plugin ***/
.galleria_container {
    margin: 0 auto 60px auto;
    height: 438px;
}

.galleria_container .caption {
  display: none;
}

/*** jcarousel plugin ***/

.jcarousel-container {
}

.jcarousel-clip {
    width:  200px;
    height: 75px;
    margin: -7px 38px 0px;
}

.jcarousel-list {
    width:  255px;
    height: 75px;
}

.jcarousel-list li {
    width: 75px;
    height: 75px;
    margin-right: 10px;
}

.jcarousel-item-placeholder {
    background: #fff url(../images/jcarousel_loading.gif) 50% 50% no-repeat;
}

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

.jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

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

.jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/********* PINK CONTENT DIV STUFF ************/
/********* DON'T CHANGE ANYTHING AFTER THIS LINE!!!!!!!!!!!!! *************/

    /* set the image to use and establish the lower-right position */
    .cssboxbase, .narrowbox, .cssbox_body, .cssbox_head, .cssbox_head p {
      background: transparent url(../images/pinkdivbg.png) no-repeat bottom right }

    .cssboxbase {
    /* the gap on the right edge of the image (not content padding) */
      padding-right:5px; /* use to position the box */
      margin:5px }

    /* set the top-right image */
    .cssbox_head {
    	background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-5px;
    /* right-image-gap + right-inside padding */
      padding-right:10px;
      }

    /* set the top-left image */
    .cssbox_head p{
      background-position:top left;
      margin:0; /* reset main site styles*/
      border:0; /* ditto */
      text-align:left;
    /* padding-left = image gap + interior padding ... no padding-right */
      padding:8px 0 0 15px;
      height:auto !important;
      height:1%} /* IE Holly Hack */

    /* set the lower-left corner image */
    .cssbox_body {
      background-position:bottom left;
      text-align:left;
      margin-right:10px; /* interior-padding right */
      padding:5px 0 5px 15px} /* mirror .cssbox_head right/left */

/********************** NO MARGIN VERSION *******************/
    /* set the image to use and establish the lower-right position */
    .cssboxbase2, .narrowbox, .cssbox_body2, .cssbox_head2, .cssbox_head2 p {
      background: transparent url(../images/pinkdivbg.png) no-repeat bottom right }

    .cssboxbase2 {
    /* changes the corner position of the right side*/
      padding-right:5px; /* use to position the box */
      margin:5px; }

    /* set the top-right image */
    .cssbox_head2 {
    	background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-5px;
    /* right-image-gap + right-inside padding */
      padding-right:15px;
      }

    /* set the top-left image */
    .cssbox_head2 p{
      background-position:top left;
      margin:0; /* reset main site styles*/
      border:0; /* ditto */
      text-align:left;
    /* padding-left = image gap + interior padding ... no padding-right */
      padding:10px 0 0px 3px;
      height:auto !important;
      height:1%} /* IE Holly Hack */

    /* set the lower-left corner image */
    .cssbox_body2 {
      background-position:bottom left;
      text-align:left;
      margin-right:5px; /* interior-padding right */
      padding:5px 0 8px 3px} /* mirror .cssbox_head right/left */


/********************** LARGE VERSION **********************/

    /* set the image to use and establish the lower-right position */
    .cssboxbaselg, .cssbox_bodylg, .cssbox_headlg, .cssbox_headlg p {
      background: transparent url(../images/pinkdivbglg.png) no-repeat bottom right }

    .cssboxbaselg {
    /* the gap on the right edge of the image (not content padding) */
      padding-right:5px; /* use to position the box */
      margin:5px }

    /* set the top-right image */
    .cssbox_headlg {
    	background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-5px;
    /* right-image-gap + right-inside padding */
      padding-right:10px;
      }

    /* set the top-left image */
    .cssbox_headlg p{
      background-position:top left;
      margin:0; /* reset main site styles*/
      border:0; /* ditto */
      text-align:left;
    /* padding-left = image gap + interior padding ... no padding-right */
      padding:8px 0 0 15px;
      height:auto !important;
      height:1%} /* IE Holly Hack */

    /* set the lower-left corner image */
    .cssbox_bodylg {
      background-position:bottom left;
      text-align:left;
      margin-right:10px; /* interior-padding right */
      padding:5px 0 5px 15px} /* mirror .cssbox_head right/left */