@charset "UTF-8";
/* CSS Document */

* 	{	margin: 0;	}
html, body 	{	height: 100%;	}

body {
	background:#303030;
	background-image:url('_main/bg.png');
	background-repeat:repeat;
	background-attachment:fixed;
	color:#444;
	font-family:trebuchet,arial; /* font-family:"arial ce";*/
	font-size:10pt;
	text-align:left;
	/*overflow:hidden; //fix for Firefox jerky image when highslide begins, but it prevents a user with small window from being able to scroll down to see rest of page*/
}

table, th, tr, td {
	font-family:trebuchet, arial;
	font-weight:bold; 
	font-size:10pt;
	text-align:left;
	vertical-align:top;
}


h3 {padding-bottom:15px;padding-top:6px;color:#444;
	font-family:trebuchet,arial;
	font-size:10pt;
	text-align:left;line-height: 150%;}

	
body {min-width:1024px;}

//#header {clear:both;float:left;width:100%;height:2%; background:#777777;}
#footer {position:relative;clear:both;float:left;width:100%;border-top:0px;height:35px;}



a.linkage:link {text-decoration: none;color: white;font-weight:bold;}
a.linkage:visited {text-decoration: none;color: white;font-weight:bold;}
a.linkage:active {text-decoration: none;color: white;font-weight:bold;}
a.linkage:hover {text-decoration: none; color: white;font-weight:bold;}


.amanda_tan {width:100%;clear:both;float:right;background:transparent;}
.amanda_tan_inner {clear:both;float:right;padding:0px;margin-top:7px;}


.column_wrapper {	clear:both;width:85%;min-width:1024px;	
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	margin-left:auto;margin-right:auto; /* centralize */
	
}

.column_left 	{clear:none;float:left;width:90%;position:relative;left:0px;				height:80%;}
.column_right 	{clear:none;float:left;width:3%;position:relative;								height:80%;padding-top:83px}

.column_left .section{width:100%;clear:both;}
.logo {border:0px;float:right;width:139px;height:137px;padding-top:20px;}
.box_outer {border:0px;float:right;width:80%; margin-bottom:2px;padding-right:2px}


.aboutpicture {display:table-cell;}
.aboutcaption {display:table-cell;}

.describe {color:#444;font-family:trebuchet,arial;font-size:10pt;text-align:left;line-height:150%;}

.picture {-webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;border:5px solid white;margin-right:8px;margin-bottom:10px;;opacity:0.9}
.tb {-webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;border:5px solid white;margin-right:8px;margin-bottom:10px;}
/*a.highslide:link img, a.highslide:visited img, a.highslide:active img {opacity:0.9; filter:alpha(opacity=90);}



a.highslide:hover img {opacity:1; filter:alpha(opacity=100);}




/* COMMON BOX */

.box { position:center; margin:0px auto;  z-index:1; color:#fff; margin-bottom:0em; margin-left:6px; margin-right:0px;/* default, width of left corner */
 min-width:100%;
 max-width:100%; /* based on image dimensions - not quite consistent with drip styles yet */
}
.box .content { position:relative; zoom:1; _overflow-y:hidden; padding:18px 25px 0px 10px;min-height:126px;}
.box .t { position:absolute; left:0px; top:0px; margin-left:-15px; height:100%; width:15px; _height:1600px; /* arbitrary long height, IE 6 */}
.box .b { position:relative; width:100%; }
.box .b,   .box .b div { height:30px; font-size:1px;}
.box .b div { position:relative;  width:15px;  margin-left:-15px;  }
.box .hd,   .box .bd,   .box .ft {  position:relative; }
.box .wrapper {  /* extra content protector - preventing vertical overflow (past background) */  position:static;  max-height:1000px;  overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */ }




.pink .content,
.pink .t,
.pink .b,
.pink .b div { background:transparent url(_boxes/boxpink.png) no-repeat top right; _background-image:url(_boxes/boxpink.png);}
.pink .b { background-position:bottom right; }
.pink .t { background-position:top left; }
.pink .b div { background-position:bottom left;}


.green .content,
.green .t,
.green .b,
.green .b div { background:transparent url(_boxes/boxgreen.png) no-repeat top right; _background-image:url(_boxes/boxgreen.png);}
.green .b { background-position:bottom right; }
.green .t { background-position:top left; }
.green .b div { background-position:bottom left;}


.yellow .content,
.yellow .t,
.yellow .b,
.yellow .b div { background:transparent url(_boxes/boxyellow.png) no-repeat top right; _background-image:url(_boxes/boxyellow.png);}
.yellow .b { background-position:bottom right; }
.yellow .t { background-position:top left; }
.yellow .b div { background-position:bottom left;}


.blue .content,
.blue .t,
.blue .b,
.blue .b div { background:transparent url(_boxes/boxblue.png) no-repeat top right; _background-image:url(_boxes/boxblue.png);}
.blue .b { background-position:bottom right; }
.blue .t { background-position:top left; }
.blue .b div { background-position:bottom left;}


.red .content,
.red .t,
.red .b,
.red .b div { background:transparent url(_boxes/boxred.png) no-repeat top right; _background-image:url(_boxes/boxred.png);}
.red .b { background-position:bottom right; }
.red .t { background-position:top left; }
.red .b div { background-position:bottom left;}


.babypink .content,
.babypink .t,
.babypink .b,
.babypink .b div { background:transparent url(_boxes/boxbabypink.png) no-repeat top right; _background-image:url(_boxes/boxbabypink.png);}
.babypink .b { background-position:bottom right; }
.babypink .t { background-position:top left; }
.babypink .b div { background-position:bottom left;}
/* END PINK BOX */