/*
	Paragon Standard Style Sheet for Corporate Website Generation 4
	
	written by: Mike Wilkinson
	
*/
/***********************************************************************************
	RESET ALL styles (reduced from reset.css
***********************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, font, img, q, s, samp, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, u, b, strong {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus { outline: 0; }
:visited { color: #06C }

body {
	line-height: 1;
	color: black;
	background: white;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

u { text-decoration: underline; }

b, strong { font-weight: bold; }

/***********************************************************************************
	GLOBAL styles
***********************************************************************************/

BODY {
	/* page: rotate;   FUTURE */
	font: 13px Arial, Tahoma, Verdana, sans-serif;
	margin: 0px;
	left: 0px;
	background-color: #FFF;
}

/***********************************************************************************
	MAJOR DIVISIONS
***********************************************************************************/
/* TWO COLUMN VERSION */
#wrapper2 {
	overflow:hidden;
	margin: 0 auto;
	border: none;
	text-align: left;
	width: 980px;
	background-color: #FFF;
	margin-left: 5px;
}

#banner2 {
	width: 980px;
	padding: 0px;
	height: 137px;	/* height of banner graphic */
	z-index: 3;
}

#mainpage2 {
	width: 745px;      /* should be 780px but IE needs it to be 745px */
	margin: 0 200px 0 5px;
	background: #FFF;
	padding: 0 0px 0 0;
	text-align: left;	/* border:1px solid #d0d; */
}

#sidebar2, #sidebar3 {
	padding: 0px 0px 0px 5px;
	width: 200px;
	height: 475px;
	background: no-repeat url(images/SpotLightBgnd.gif);
	float:right;/* border:1px solid #ddd; */
	z-index: 11;
	overflow: hidden;
}

#sidebar3pic {
	padding: 0px 0px 0px 10px;
	width:200px;
	float:right;
	z-index: 11;
	overflow: hidden;
}

#sidebar2 hr, sidebar3 hr, sidebar3w hr, #sidebar3pic hr {
	color: #080;
	background-color: #080;
	margin: 10px 0 8px 0;
	height: 1px;
}

/* THREE COLUMN VERSION */
#wrapper3 {
	overflow:hidden;
	margin: 0 auto;
	border: none;
	text-align: left;
	width: 980px;
	background-color: #FFF;
	margin-left: 0px;
}

#banner3 {
	width: 980px;
	padding: 0px;
	height: 137px;	/* height of banner graphic */
	z-index: 3;
}

#sidenav3 {
	/* margin-left: 10px; */
	width: 118px;
	height: 220px;
	background: #fff;
	margin: 7px 0 0 7px;
	float:left;/* border:1px solid #d0d; */
}

#mainpage3 {
	margin: 0 240px 0 135px;
	min-height: 400px;
	width:  590px; /* down from 590 for IE6 ... should be 980px but IE requires 615px */
	background: #FFF;
	padding: 0 0px 0 5px;    /* was 0 20px 0 15px until IE required diff num */ /* was 0 10 0 5 before IE6 bug */
	text-align: left;/* border:1px solid #d0d; */
	overflow:hidden;
}

#mainpage3narrow {
	margin: 0 200px 0 0;
	background: #FFF;
}

/* Same as mainpage3 except no sidebar */
#mainpage3w {
	margin: 0 0 0 135px;
	min-height: 400px;
	width: 825px; /* was 835px before IE6 bug *//* should be 980px but IE requires 615px */
	background: #FFF;
	padding: 0 0px 0 0px; /* was 0 10 0 0 before IE6 bug */
	text-align: left;/* border:1px solid #d0d; */
	overflow:hidden;
}

/***********************************************************************************
	HOVER, ACTIVE, VISTED LINK related styles
***********************************************************************************/

#mainpage2 a, #mainpage3 a, #mainpage3w a #sidebar2 a, #sidebar3 a, #sidebar3pic a, #footer A {
	color: #06c;  /* was 999 */
	text-decoration: none;
}

#mainpage2 A:hover, #mainpage3 A:hover, #mainpage3w A:hover, #sidebar2 A:hover, #sidebar3 A:hover, #sidebar3pic A:hover, #footer A:hover,
#mainpage2 A:focus, #mainpage3 A:focus, #mainpage3w A:focus, #sidebar2 A:focus, #sidebar3 A:focus, #sidebar3pic A:focus, #footer A:focus {
	/* Focus is for keyboard tabbing guides instead of mouse */
	/* background-color: #FFF;  Mike removed 8/12 */
	color: #06C;
	text-decoration: underline;
	cursor: pointer;
}

#mainpage2 a img, #mainpage3 a img, #mainpage3w a img, #sidebar2 a img, #sidebar3 a img, #sidebar3pic a img, #footer a img {
	border-width: 1px;
	border-style: solid;
	border-color: #FFF;
}

#mainpage2 a img:hover, #mainpage3 a img:hover, #mainpage3w a img:hover, #sidebar2 a img:hover, #sidebar3 a img:hover, #sidebar3pic a img:hover, #footer a img:hover, 
#mainpage2 a img:focus, #mainpage3 a img:focus, #mainpage3w a img:focus, #sidebar2 a img:focus, #sidebar3 a img:focus, #sidebar3pic a img:focus, #footer a img:focus {
	border-width: 1px;
	border-style: solid;
	border-color: #06C;
	cursor: pointer;
}

/* Banner hover links */
#banner2 img, #banner3 img { border: none; }

#banner2 img:hover, #banner3 img:hover {
	cursor: pointer;
	border: none;
}

#banner2 img:focus, #banner3 img:focus {
	cursor: pointer;
	border: none;
}

#footer {
	font: 12px normal Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #999;
	background-color: #FFF;
	margin-left: 5px;
	margin-right: 0px;
	padding: 4px 0 0 2px;
	width: 740px;
	clear: both;
}

#footer a { color: #999; /* override links color to gray on footer only */ }

#footer hr {
	color: #080;
	background-color: #080;
	margin: 10px 0 8px 0;
	height: 1px;
}

/* #sidenav, #mainpage, #sidebar {padding-bottom:32767px; margin-bottom:-32767px;} */


/***********************************************************************************
	NORMAL styles
***********************************************************************************/

P {
	font: normal 13px Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 1em;
	color: #666;         /* main color for most text on website */
}

p.nospace {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

H1 {
	color: #080;
	font: bold 18px Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 12px;
}

H2 {
	color: #080;
	font: bold 15px Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 10px;
}

H3 {
	color: #080;
	font: normal 12px Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 4px;
}

H4 {
	color: #555;
	font: bold 12px Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 4px;
}

H5 {
	color: #000;
	font: normal 10px Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 3px;
}

H6 {
	color: #06c;
	font: normal 10px Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 3px;
}

/***********************************************************************************
	Image Size constraints options
	--- This works with real browsers and IE both.
***********************************************************************************/
.size200r {
	max-width: 200px;
	max-height: 150px;
 width: expression(this.width > 200 ? "200px" : true);
 height: expression(this.height > 150 ? "150px" : true);
}

.size150r {
	max-width: 150px;
	max-height: 110px;
 width: expression(this.width > 150 ? "150px" : true);
 height: expression(this.height > 110 ? "110px" : true);
}

.size100r {
	max-width: 100px;
	max-height: 80px;
 width: expression(this.width > 100 ? "100px" : true);
 height: expression(this.height > 80 ? "80px" : true);
}

.size75r {
	max-width: 75px;
	max-height: 55px;
 width: expression(this.width > 75 ? "75px" : true);
 height: expression(this.height > 55 ? "55px" : true);
}

.size50r {
	max-width: 50px;
	max-height: 38px;
 width: expression(this.width > 50 ? "50px" : true);
 height: expression(this.height > 38 ? "38px" : true);
}

/*  Need to try these out sometime

pre { text-align: left; overflow: visible }
code { background-color: #ffc }
pre code { background-color: #eee }

*/

/***********************************************************************************
	Displayable styles
***********************************************************************************/
.invisible { visibility: hidden; }

.nodisplay { display: none; }

/***********************************************************************************
	SIDENAV3 MENU styles
***********************************************************************************/
p.nav3 {		/* text that is not a link */
	color: #666;
	font: normal 11px/16px Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin-left: 10px;
}

p.nav3 A {		/* SideNav menu text color for links */
	color: #06c;
	padding: 3px 3px 3px 5px;
	text-decoration: none;
}

p.nav3 A:hover, p.nav3 A:focus {
	color: #06c;
	background-color: #fff;
	padding: 3px 3px 3px 5px;
	cursor: pointer;
	text-decoration: underline;
}

/***********************************************************************************
	NOT SURE WHERE TO PUT styles
***********************************************************************************/
.floatleft {
	float: left;
	margin-right: 15px;
}

.floatright {
	float: right;
	margin-right: 8px;
}

/*  Ruler Styles */
#mainpage2 hr, #mainpage3 hr, #mainpage3w hr {
	color: #080;
	background-color: #080;
	margin-bottom: 1px;
	margin-top: 1px;
	margin-left: 5px;
	margin-right: 5px;
	height: 1px;
}

#pageclear {
	clear: left;
	padding-top: 20px;
}

.tablepage1 { /* border-top: #080 solid 1px;
	margin-bottom: 3px; */
}

/***********************************************************************************
	Footer items
***********************************************************************************/
.countertext {
	font-size: 8px;
	color: #cccccc;
	margin-top: 0px;
	margin-bottom: 0px
}

.webcount {
	font-size: 10px;
	color:#fff;
}

/***********************************************************************************
	BANNER styles
***********************************************************************************/
.bannerbar {
	position: absolute;
	top: 0px;
	left: 5px;
	z-index: 10;/*	background-image: url(../images/Bannerng4-980.jpg); */
}

.bannerlogo {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 5; /* lowered until logo is seperated from rest of banner */
}

.banner-tagline {
	position: absolute;
	top: 50px;
	left: 640px;
	z-index: 15;
	text-align: right;   /* I wish I knew how to make it right aligned */
	font: italic bold 14px Arial, sans-serif;
	color: #FFF;
}

.banner-relocate {
	position: absolute;
	top: 8px;
	left: 775px;
	z-index: 15;
}

/***********************************************************************************
	Spotlight styles
***********************************************************************************/

p.spottext {
	font: italic 11px Arial, "Times New Roman", Times, Georgis, serif;
	color: #666;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 5px;
}

p.spottext .firstletter {
	font: bold italic 30px/0.5em "Times New Roman", Times, Georgis, serif;
	color: #666;
	float: left;
	margin-right: 2px;
	margin-bottom: -10px;        /* Allows second line to wrap (hides bottom blank area of quote mark */
}

p.spottext .lastletter {
	font: bold italic 30px/18px "Times New Roman", Times, Georgis, serif;
	color: #666;
	float: right;
	margin-left: 2px;
	padding-top: 2px;
}

p.spottext2 {
	font: italic 11px Arial, "Times New Roman", Times, Georgis, serif;
	color: #666;
	margin: 10px 5px 10px 5px;
}

p.spotnews {
	font: normal 11px Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #666;
	margin: 4px 5px 8px 5px;
	padding: 0;
}

p.spotnews a {     /* needed for home page for some reason.  Can't figure this out so this is a patch */
	color: #06c;
}

p.spotsig {
	font: normal 11px Arial, "Times New Roman", Times, Georgis, serif;
	color: #666;
	margin: 0px 5px 0px 5px;
	text-align: right;
}

p.spotsig img { margin: 10px 0px 10px 0px; }

p.spottitle {
	font: bold 13px Arial, Tahoma, Verdana, Helvetica, sans-serif;
	color: #06c;
	margin: 7px 5px 0 5px;
}

.spotnewstitle { /*	position: absolute;  /* prefer relative but I am having problems */
/*	top: 420px;    /* position from the top of the spotlight box to begin quick news */
/*	left: 780px; */
}

.spotnewstitle a {
	text-decoration: none;
}

#sidebar2 hr, #sidebar3 hr, #sidebar3pic hr {
	color: #06c;
	background-color: #06c;
	margin: 0 10px 0 0;
	height: 1px;
}

/***********************************************************************************
	ORDERED LISTS under MAINPAGE3
***********************************************************************************/
#mainpage3 ol, #mainpage3w ol, #mainpage2 ol  { font: normal 12px Arial, Helvetica, sans-serif; }

#mainpage3 ul, #mainpage3w ul, #mainpage2 ul { font: normal 12px Arial, Helvetica, sans-serif; }

#mainpage3 li, #mainpage3w li, #mainpage2 li {
	color: #666;
	margin-bottom: 7px;
}

#mainpage3 li strong, #mainpage3w li strong, #mainpage2 li strong { color: #444; }

/***********************************************************************************
	Management Page related styles
***********************************************************************************/
table.management {
	/* border: 2px #000 dashed; */
	padding: 0px;
	margin: 0px;
	width: 100%;
}

table.management td {
	padding: 5px 10px 5px 10px;
	vertical-align: top;
	margin: 0px;
	border-collapse: collapse;
}

.management-name {
	font: bold 15px Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #080;
	padding: 0px;
	margin: 0px;
}

.management-title {
	font: bold 13px Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #000;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

/***********************************************************************************
	PRESS / IN THE NEWS Page related styles
***********************************************************************************/
table.newstable {
	/* border: 2px #000 dashed; */
	font: normal 12px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

table.newstable td {
	padding: 3px 10px 3px 10px;
	vertical-align: top;
	margin: 0px;
	border-collapse: collapse;
}

table.newstable th {
	background-color: #F0F0F0; /* was FF9 */
	text-align: center;
	vertical-align: top;
	font-weight: bold;
	color:#080;  /* was COF */
}

table.newstable tr { color:#666; }

.newsodd { background-color: #FFF; }

.newseven { background-color: #F0F0F0; }

.newshover { background-color: #e1eecf; }

.newstable a, .newstable a:hover {
	color:#000;
	cursor: pointer;
}

table.newstable a:hover {
	/* font: normal 15px "Times New Roman";        just for test */
	color:#8f8; /* was C30 */
	cursor: crosshair;
}

/***********************************************************************************
	PRESS / IN THE NEWS Page related styles
***********************************************************************************/
table.clients {
	/* border: 2px #000 dashed; */
	font: normal 12px Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

table.clients td {
	padding: 10px 10px 10px 10px;
	vertical-align: top;
	margin: 0px;
	border-collapse: collapse;
}

table.clients th {
	background-color: #F0F0F0; /* was FF9 */
	text-align: center;
	vertical-align: top;
	font-weight: bold;
	color:#080;  /* was COF */
}

table.clients tr { color:#666; }

/***********************************************************************************
	AUDIT STYLES
***********************************************************************************/
p.audit {
	font: normal 10px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #666;
	margin-top: 0px;
	margin-bottom: 4px;
	text-align: right;
}

/***********************************************************************************
	Other styles
***********************************************************************************/
.bigtext1 { font: normal 14px Tahoma, Arial, Verdana, Helvetica, sans-serif; }

.bigtext2 { font: normal 16px Tahoma, Arial, Verdana, Helvetica, sans-serif; }

p.medtext {
	font: bold 14px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	margin: 0px 0px .2em 20px;
	text-align: left;
}

p.medtext2 {
	font: bold 16px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #06c;
	margin: 0px 0px .2em 20px;
	text-align: left;
}

/* Contact Us form */
.stdform {
	width: 100%;
	border: 0px;
	padding: 0px 25px 0px 0px;
	margin: 0px;
	vertical-align: top;
}

tr.stdform { vertical-align: top; }

.stdform input, .stdform select, .stdform textarea { margin-bottom: 0px; }

.stdform label {
	font: normal 12px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	line-height: 18px;
	color: #666; /* was 080 */
}

.textfieldRequiredMsg { margin: 0px; }

.topimage {
	position: relative;
	float: right;
	margin: 0px 0px 10px 10px;
	left: 150;/* zimage: 5; */
}

.graytitle { color: #666; }

.sitelist {
	margin: 0px;
	padding: 0px;
}

.presssub {
	color: #666;
	font: bold italic 13px Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 10px;
}

/***********************************************************************************
	Rotatnig Image rpics related styles
***********************************************************************************/
#slide1 {
	position: relative;
	top: 0px;
	float: right;
	margin: 0px 0px 10px 10px;
}

.rpics1 {
	width:  212px;
	height:   162px;
	padding: 0;
	margin:  0;
	overflow: hidden;
}

.rpics1 img {
	padding: 5px;
	border:  1px solid #fff;  /* was #ccc */
	background-color: #fff;	/* was #eee */
	width:  200px;
	height: 150px;
	top:  0;
	left: 0;
}

.rpics1 img {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

/***********************************************************************************
	TREESWING Picture styles
***********************************************************************************/
.treeswing1 {
	position: absolute;
	top: 150px;
	left: 560px;
	z-index: 15;
}

/***********************************************************************************
	FAQ related styles
***********************************************************************************/

p.faq { color: #06c }

p.faq em { display: none }

p.faq:hover {
	border:0;
	position:relative;
	z-index:500;
	text-decoration: none;
	font-style: normal
}

p.faq:hover em {
	display:block;
	position:absolute;
	top:20px;
	left:80px;
	padding:5px;
	font-weight:normal;
	font-style: normal;
	color:#000;
	border:1px solid #888;
	background:#ffc;
	width:480px;
}

/* p.faq:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:#fff url(tooltip.gif) 0 0; display:block; font-size:1px;} */

/***********************************************************************************
	OVAL Buttons related styles (www.dynamicdrive.com
***********************************************************************************/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.ovalbutton-b, a.ovalbutton-g {
	display: block;
	float: left;
	font: normal 13px/16px Tahoma; 	/* Change 13px as desired */
	/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 24px; 				/* Height of button background height */
	padding-left: 11px; 		/* Width of left menu image */
	text-decoration: none;
}

a.ovalbutton-g { background: transparent url('images/oval-green-left.gif') no-repeat top left; }

a.ovalbutton-b { background: transparent url('images/oval-blue-left.gif') no-repeat top left; }

a:link.ovalbutton-g, a:visited.ovalbutton-g, a:active.ovalbutton-g { color: #494949; /*button text color*/ }

a:link.ovalbutton-b, a:visited.ovalbutton-b, a:active.ovalbutton-b { color: #494949; /*button text color*/ }

a.ovalbutton-g span, a.ovalbutton-b span {
	display: block;
	color:#494949;
	padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton-g span { background: transparent url('images/oval-green-right.gif') no-repeat top right; }

a.ovalbutton-b span { background: transparent url('images/oval-blue-right.gif') no-repeat top right; }

a.ovalbutton-g:hover, a.ovalbutton-b:hover { background-position: bottom left; }

a.ovalbutton-g:hover span, a.ovalbutton-b:hover span {
	background-position: bottom right;
	color: black;
}

.buttonwrapper { /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* CSSPLAY SIMPLE CSS ONLY MENU */
/* common styling */
.menucover {
	position: absolute;
	top: 83px;
	left: 115px;
	z-index: 100;
}

.menu {
	font: normal 11px Tahmoa, Verdana, Arial, sans-serif;
	width:865px;
	height:30px;
	position:relative;
	z-index:101;
}

.menu ul li a, .menu ul li a:visited { /* top menu bar */
	display: block;
	text-decoration: none;
	font: normal 11px/18px Tahmoa, Verdana, Arial, sans-serif;
	width: 142px;  /* 121 for 7 main menu  142 for 6 */
	height: 18px;
	text-align: center;
	color: #666;
	border-left: 1px solid #ddd;
	border-right: 1px solid #fff;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background-color: #ddd;
	overflow: hidden;
}

.menu ul {
	padding:0;
	margin:0;
	list-style: none;
}

.menu ul li {
	float:left;
	position:relative;
}

.menu ul li ul { display: none; }

/* specific to non IE browsers */
.menu ul li:hover a {		/* Hover over top menu item */
	color:#fff;
	background-color:#06c;
}

.menu ul li:hover ul {
	display:block;
	position:absolute;
	top:19px;
	left:0;
	width:142px;
}

.menu ul li:hover ul li a.hide {		/* item with a 3rd menu level in normal state */
	background-color:#ddd;
	color:#666;
}

.menu ul li:hover ul li:hover a.hide {	/* item with a 3rd menu level in hover state */
	background-color:#06c;
	color:#fff;
}

.menu ul li:hover ul li ul { display: none; }

.menu ul li:hover ul li a {
	display:block;
	background-color:#ddd;
	color:#666;
	text-align: left;
	padding-left: 5px;  /* added to keep text away from left edge on submenus */
}

.menu ul li:hover ul li a:hover { /* hover over pull down menu items */
	background-color:#06c;
	color:#fff;
}

.menu ul li:hover ul li:hover ul {
	display:block;
	position:absolute;
	left:142px;  /* position of sub menu relative to left side of 1st level drop menu */
	top:0;
}

.menu ul li:hover ul li:hover ul.left { left:-142px; } /* must match left parm above */

/***********************************************************************************
	ADWORDS LANDING PAGES
***********************************************************************************/
.hugecenter {
	font: bold 28px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #080;
	padding: 0;
	text-align: center;
}

.bigcenter {
	font: bold 22px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #080;
	padding: 0;
	text-align: center;
}

.medcenter {
	font: bold 16px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #080;
	padding: 0;
	text-align: center;
}

.medcenterbg {
	font: bold 16px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #06c;
	background-color: #0F0;
	padding: 10px 0 10px 0;
	text-align: center;
}

.indent {
	margin:auto auto auto 20px;
}

/***********************************************************************************
	PRINTING styles
***********************************************************************************/
@page 
normal { /* size: portrait;   FUTURE */
	margin: 1in; }
@page 
rotate { /* size: landscape;  FUTURE */
	margin: 1in; }

/* drop cap */ 
#box {
	display:block;
	width:250px;
	line-height:normal;
	letter-spacing:1px;
	font: 16px "times new roman", serif;
	color:#000;
	border:1px solid #ddd;
	padding:5px;
	margin:25px auto 25px auto;
}

#cap {
	font-size:40px;
	font-weight:bold;
	color:#080;
	float:left;
	height:28px;
	line-height:28px;
	margin-top:2px;
	margin-right:1px;
}

* html #cap {
	margin-right:-2px;
	margin-top:3px;
}