/*
- - - CSS by Mark Raborn (wwvine) - - - 
http://www.socialbright.com
http://www.wigital.net
*/


body {
								/* box model hack - http://www.tantek.com/CSS/Examples/boxmodelhack.html */
font-size:x-small;				/* 1 size smaller fir IE5/Win */
voice-family: "\"}\""; 
voice-family:inherit;			/* BEGIN MODERN BROWSERS*/
text-align:center;				/* center IE */
font-size:medium;				/* size for current browsers */
} 

html>body {						/* be nice to Opera 5 */
font-size:small;
} 



#wrapper {
margin: 0px auto 0px auto;		/* center FF and Opera */
text-align: left;				/* bring TEXT back left */
width: 780px;
padding: 0 0;
border: 1px solid #EBEBEB;
}

html, body, p, h1, h2, h3, h4, h5, h6 {
font-family: arial, 'ms reference sans serif', verdana ;
}


h1 {
font-size: 2em;
color:#336699;
/*color:#006699; */
}

h2 {
font-size: 1.7em;
color:#336699;
/*color: #336699;*/
}


h3 {
font-size: 1.4em;
color:#006699;
}


h4 {
font-size: 1.2em;
color:#0099CC;
}


h5 {
font-size: .9em;
color:#0099CC;
}


h6 {
font-size: .8em;
color:#339999;
}


p {
font-size: 1em;
letter-spacing: -.003em;
word-spacing: .05em;
line-height: 1.3em;
}


ul li {
font-size: .9em;
}


/*
- - - CONTROLS - - - 
*/
#controls {
display:none;
}

/*
- - - HEADER - - -
*/

#header {
margin:0;
padding:0;
font-family:Tahoma;
height: 100px;
background: url('images/tn_banner2.jpg') no-repeat right bottom ;
}

#header h1 {
display: block;
width: 300px;
margin: 0 0 0 0;
padding: 30px 135px 30px 80px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 2.0em;
color: #28527B;
background: url('images/keys_med_web_trnz.gif') no-repeat right top;
}

#banner {
display: block;
height: 7px;
background-color:#857366;
border-top: 3px solid #476F34;
border-bottom: 1px solid #000000;
}
#tmglogo {
float:right;
margin: 0 20px 0 0;
}

/*
- - - BANNER - - - 
*/


/*
- - - LEFT - - - 
*/
#left {
float:left;
width:150px
}
/*
- - - RIGHT - - - 
*/
#right {
float:right;
width:150px;
}



/*
- - - CONTENT MAIN - - -
*/

#content-wrapper {
margin:5px 5px 5px 155px;
padding:0;
}

#contentmain {
margin: 0 0 0 0;
padding: 25px 15px 10px 15px;
}

#contentmain h1, h2 {
text-indent: -4px;
}

/*
- - - NAVIGATION - - -
*/

/*
- - - Default Anchors - - -
*/

a {
color:#996633;
text-decoration: none;
}

a:hover {
text-decoration:underline;
color:#CC3333;
}

a:visited {
color:#996633;
}


/*
- - - Top Navigation - - -
*/
#nav-top-container {
float:left;
width: 780px;
background:#336699 url('images/nav-top_btm-brdr.png') repeat-x bottom left;
}

#nav-top-container #nav-top-ul {
float:left;
width:auto;
margin: 0;
padding: 3px 0 0 165px;
list-style-type: none;
background:#336699 url('images/nav-top_btm-brdr.png') repeat-x bottom left;
}

#nav-top-ul li{
float:left;
margin:0;
padding:0;
font-family: 'Lucida Grande', sans-serif;
font-size: .9em;
}

#nav-top-ul a, #nav-top-ul a:visited {
float:left;
display: block;
margin: 0 1px 0 0;
padding: 5px 10px;
color: #333333;
text-decoration: none;
border: 1px solid #9B8748;
border-bottom:none;
background: #F9E9A9 url('images/nav-top_off_beige.png') repeat-x top left;
}

#nav-top-ul a:hover {
color: #333333;
padding-top: 6px;			/* this padding must be 1 MORE than <a> element */
margin: 0 1px 0 0;
border-color: #727377;
background: #FFFFFF url('images/nav-top_on_grey.png') repeat-x top left;
}

#nav-top-container #nav-top-ul .uberlink {
color: #333333 !important;
padding-top: 6px;			/* this padding must be 1 MORE than <a> element */
margin: 0 1px 0 0;
border-color: #727377;
background: #FFFFFF url('images/nav-top_on_grey.png') repeat-x top left;
cursor: default;
}

/*
- - - Left Navigation - - - 
*/



#nav-left-main #nav-left-main-ul {
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
}

#nav-left-main #nav-left-main-ul li {
font-family: 'Lucida Grande', sans-serif;
font-size: .95em;
}

.nav-vert-ul a, #nav-left-main-ul a:visited {
display:block;
padding: 3px 3px 3px 24px;
border-top: none;
border-right: 1px solid #9B8748;
border-bottom: 1px solid #666666;
border-left: 1px solid #9B8748;
background:#F9E9A9 url() no-repeat ;
background-position: 0% 50%;
color:#333333;
text-decoration:none;
}

#nav-left-main-ul a:hover {
background: #FFFFFF;
padding: 3px 3px 3px 24px;

border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #666666;
margin-left: 0px;
}

#nav-left-main #nav-left-main-ul .uberlink {
background-color: #FFFFFF;
background-image:  url(assets/l1_over.jpg);
background-repeat: no-repeat;
background-position: 0% 50%;
color: #333333 !important;
cursor: default;
}


/*
- - - DEFINITION LIST - - -
*/

/*
- - - Content Pack - - -
*/


/* Definition List with BG color */
.content-pack-container_blue-bkgrnd {
float:left;
margin:10px 10px 10px 0;
background-color:#C8D9DD;
}

/* Definition List with BG fade image */
.content-pack-container_blue-bkgrnd-fade {
float:left;
margin:10px 10px 10px 0;
background:#FFFFFF url('images/bkgrd_cnt-pk_lt-babyblu_web.jpg') no-repeat top left;
}


.c_pack-container-blue-fade-right {
float:right;
margin:0 0 10px 10px;
background:#FFFFFF url('images/bkgrd_cnt-pk_lt-babyblu_web.jpg') no-repeat top left;
}

/* Definition List standard */
.content-pack {
float:left;
margin:0;
padding:10px 0;
width: 280px;
border: 1px solid #C8CDD2;
}

.content-pack dl {
float:left;
display:inline;			/* fixed IE/Win double margin bug */
width:250px;			/* fixes IE/Mac tendency to stretch floated elements outside of their container */
margin: 10px 15px;
padding: 0 0;
}

.content-pack dt {
float:right;
width:100%;
margin:0 0 8px 0;
padding:0 0;
font-size: 1.3em;
letter-spacing: 1px;
color:#627081;
}

.content-pack dt a {
color:#627081;
text-decoration:underline;
}
.content-pack dt a:hover {
color:#627081;
text-decoration:none;
}


.content-pack .dd_img {						/* NOTE: do not apply this style directly on <img> tag. Breaks template! */
float:left;									/* NOTE: Use parent container of img (which is the dd tag 0 or it's class */ 			
margin:0 8px 0 0;							/* @ dl .dl-alt class used to toggle definition list opposite side */
padding:4px;
border: 1px solid #D9E0E6;
border-right-color: #C8CDD2;
border-bottom-color: #C8CDD2;
background:#FFFFFF;
}


.content-pack .dd_desc {
margin:0;
padding:0;
font-size: .85em;
line-height: 1.5em;
color:#666;
}


/* - change float placement of image to opposite side */

.content-pack .dl-alt dt {					/* @ dl .dl-alt class used to toggle definition list opposite side */
float:left;
width:100%;
margin:0 0 8px 0;
padding:0;
font-size: 1.3em;
letter-spacing: 1px;
color:#627081;
}

.content-pack .dl-alt .dd_img {				/* NOTE: do not apply this style directly on <img> tag. Breaks template! */
float:right;								/* NOTE: Use parent container of img (which is the dd tag 0 or it's class */ 			
margin:0 0 0 8px;							/* @ dl .dl-alt class used to toggle definition list opposite side */
padding: 4px;
border: 1px solid #D9E0E6;
border-right-color: #C8CDD2;
border-bottom-color: #C8CDD2;
background:#FFFFFF;
}



/*
- - - BOXES - - - 
*/
.float-left-container {
float:left;
}

.box-fxd-width1 {
float:left;
margin: 0 5px;
width:275px;
background: url('images/box-btm_big-round_tan_trans.gif') no-repeat bottom left;
}

.box-fxd-width1 h4 {
display:block;
margin:0;
padding:8px 12px 4px;
text-align:center;
border-bottom:2px solid #E1D4A9;
background: url('images/box-top_big-round_tan_trans.gif') no-repeat top left;
}

.box-fxd-width1 ul {
margin:0;
padding: 10px 25px;
list-style-type: none;
}

.box-fxd-width1 ul li{
margin:0 0 7px;
padding: 0 ;
}



/* Flexible Box - by Ethan Marcotte */

/* "to GroupJive" box 

#box_flex_xy dd {
	margin: 0;
	padding: 0;
}

#box_flex_xy dd.title {
	text-align: right;
}

#box_flex_xy dd.to-groupjive {

	background: url('images/box-side-right_rounded_tan-blu.jpg') no-repeat right top;
	padding: 10px 0 0 10px;
	margin-top: 20px;
	margin-bottom: 10px;
	float: left;
	width: 8em;
}

/* hide from Mac IE5 \*/
html>body #subject dd.to-groupjive {
	width: auto;
}
/* END hide from Mac IE5 */

/*
#box_flex_xy dd.to-groupjive p {
	background: url('images/box-side-left_rounded_tan-blu.jpg') no-repeat left top;
	border-width: 0 2px;
	margin: -10px 0 0 -10px;
	padding: 10px 10px 0;
	text-align: left;
}

#box_flex_xy dd.to-groupjive div {
	background: url('images/box-side-left_rounded_tan-blu.jpg') no-repeat left bottom;
	margin: 0 0 0 -10px;
	padding: 0 0 0 9px;
}

#box_flex_xy dd.to-groupjive div span {
	background: url('images/box-side-right_rounded_tan-blu.jpg') no-repeat right bottom;
	display: block;
	padding: 4px 12px 5px 0;
	text-align: right;
}

#box_flex_xy dd.to-groupjive a {
	background-repeat: no-repeat;
	background-position: 100% 50%;
	display: block;
	font-size: 1.4em;
	line-height: 30px;
	padding-right: 35px;
}

#box_flex_xy dd.to-groupjive a {
	color: #E70;
	text-decoration: underline;
}

#box_flex_xy dd.to-groupjive a:visited {
	color: #A87;
}

#box_flex_xy dd.to-groupjive a:hover {
	color: #C00;
	text-decoration: none;
}

*/
/* END "box_flex_xy" box */



/* "switched to" box */

#box_flex_xy dd {
	margin: 0;
	padding: 0;
}

#box_flex_xy dd.title {
	text-align: right;
}

#box_flex_xy dd.switched-to {
	background: url("images/switched_right.gif") 100% 0 no-repeat;
	padding: 10px 0 0 10px;
	margin-top: 20px;
	margin-bottom: 10px;
	float: right;
	width: 8em;
}

/* hide from Mac IE5 \*/
html>body #subject dd.switched-to {
	width: auto;
}
/* END hide from Mac IE5 */

#box_flex_xy dd.switched-to p {
	background: url("images/switched_left.gif") 0 0 no-repeat;
	border-width: 0 2px;
	margin: -10px 0 0 -10px;
	padding: 10px 10px 0;
	text-align: right;
}

#box_flex_xy dd.switched-to div {
	background: #FFF url("images/switched_left.gif") 0 100% no-repeat;
	margin: 0 0 0 -10px;
	padding: 0 0 0 9px;
}

#box_flex_xy dd.switched-to div span {
	background: url("images/switched_right.gif") 100% 100% no-repeat;
	display: block;
	padding: 4px 12px 5px 0;
	text-align: right;
}

#box_flex_xy dd.switched-to a {
	background-repeat: no-repeat;
	background-position: 100% 50%;
	display: block;
	font-size: 1.4em;
	line-height: 30px;
	padding-right: 35px;
}

#box_flex_xy dd.switched-to a {
	color: #E70;
	text-decoration: underline;
}

#box_flex_xy dd.switched-to a:visited {
	color: #A87;
}

#box_flex_xy dd.switched-to a:hover {
	color: #C00;
	text-decoration: none;
}
/* END "box_flex_xy" box */




/*
- - - BLOCKQUOTE - - -
*/
.quote {
border-left: 8px solid #E8E8E8;
border-right: 8px solid #E8E8E8;
margin: 35px 55px 30px 45px;
padding: 0 25px 0 20px;
text-indent:25px;
text-align:justify;
font-size: .8em;
font-family: sans-serif;
color:#999999;
letter-spacing: -.003em;
word-spacing: .05em;
line-height: 1.6em;
}


.read-more {
border-top: 8px double #C8E9B4;
border-bottom: 8px double #C8E9B4;
margin: 35px 55px 30px 45px;
padding: 20px 45px 20px 60px;
text-indent:25px;
text-align:justify;
font-size: .8em;
font-family: sans-serif;
color: #336633;
letter-spacing: -.003em;
word-spacing: .05em;
line-height: 1.6em;

background-color: #FFFFFF;
background-image: url(images/read_sm.png);
background-repeat: no-repeat;
background-position: center left;
}


.alert {
border-top: 8px dashed #FFFF84;
border-bottom: 8px dashed #FFFF84;
margin: 35px 55px 30px 45px;
padding: 20px 45px 20px 60px;
text-align:justify;
font-size: .8em;
font-family: sans-serif;
color:#000000;
letter-spacing: -.003em;
word-spacing: .05em;
line-height: 1.6em;

background-color: #FFFFFF;
background-image: url(images/warning_sm.png);
background-repeat: no-repeat;
background-position: center left;
}

.stop{
border-top: 8px solid #FF6666;
border-bottom: 8px solid #FF6666;
margin: 35px 55px 30px 45px;
padding: 20px 45px 20px 60px;
text-align:justify;
font-size: .8em;
font-family: sans-serif;
color:#000000;
letter-spacing: -.003em;
word-spacing: .05em;
line-height: 1.6em;

background-color: #FFFFFF;
background-image: url(images/stop_sm.png);
background-repeat: no-repeat;
background-position: center left;
}



#bottom {
display:none;
clear:both;
width:100%;
height: 100px;
background-color: #D9F2FF;
}


#footer {
clear:both;
float:left;
width:100%;
background-color:#6F6F6F;
padding: 6px 0 6px 0;		/* padding to pad footer text top and bottom */
color: #B4B4B4;
}

#footer a {
color: #B2B2B2;
text-decoration:underline;
}


#footer ul {
list-style-type: none;
margin:0 10px;				/* margin to bring ends of ul in footer text from outside edge */
padding: 0 0;
}

#footer ul li {
display:inline;
}



#footer ul #footer-copyright {
float:left;
margin:0;
font-size:.8em;
}


#footer ul #footer-fine_print {
float:right;
margin:0;
font-size:.8em;
}

#footer ul #footer-fine_print ul li {
display:inline;
padding: 0 0 0 8px; 
}

/*
- - - VALIDATION - - - 
*/

#xhtml-valid {
float:right;
border:0;
width:88px;
height:31px; 
}

#css-valid {
float:right;
border:none;
width:88px;
height:31px;
}


/*
- - - CLASSES - - - 
*/


#delete-me {
font-size:xx-small;
}

.clearfloat {
clear:both
}

.note {
font-size:.75em;
color:#999999;
letter-spacing:.03em;
text-indent:0px;
}

span.code {
font-family: 'Courier New', Courier, monospace;
color:#666666;
}

.imgleft {
float:left;
margin: 0 15px 10px 0;
}
.imgright {
float:right;
margin: 0 0 10px 15px;
}


.photoleft {
float:left;
margin: 0 15px 10px 0;
padding:8px 8px 8px 8px;
border: 1px solid #D9E0E6;
border-right-color: #C8CDD2;
border-bottom-color: #C8CDD2;
background:#FFFFFF;
}

.photoright {
float:right;
margin: 0 0 10px 15px;
padding:8px 8px 8px 8px;
border: 1px solid #D9E0E6;
border-right-color: #C8CDD2;
border-bottom-color: #C8CDD2;
background:#FFFFFF;
}


/*
- - - PRINT CSS - - - 
*/


#left, #nav-top-container, #footer, .noprint {
display:none !important;
}

#wrapper {
border: none !important;
}

#content-wrapper {
margin:5px 5px 5px 5px !important;
padding:0;
}

#header, #header h1 {
background: none !important;
}

#xhtml-valid {
visibility:hidden !important;
}

#css-valid {
visibility:hidden !important;
}