/* ===== RESET ===== */
body{
	color:#0000;
	font-size:0.6875em; /*11px*/
	line-height:1.5em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:normal;
	color:#333333;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var,strong,b,h1,h2,h3,h4,h5,h6,tt,sup,sub,samp{font-family:inherit;font-weight:inherit;font-style:inherit;font-size:inherit;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
/*li{list-style:none;} LCMS uses depricated TYPE to define list styles. Till that's fixed I have to use browser's default styling*/
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* ===== BUILDUP ===== */

p {padding:.5em 0 .5em 0;}
h1 {font-size:1.818em; /*20px*/ padding:.6em 0 .1em 0}

h2 {font-size:1.455em; /*16px*/ padding:.7em 0 .2em 0}
h3 {font-size:1.273em; /*14px*/ padding:.8em 0 .3em 0}
h4,h5,h6,caption {font-size:1em; padding:.5em 0}
h1,h2,h3,h4,h5,h6,caption {font-weight:bold;}
a:link{text-decoration:underline; color:#3300FF;}
a:visited{text-decoration:underline; color:#CC33CC}
a:hover{text-decoration:underline; color:#FF0000;}
a:active{text-decoration:underline; color:#0099FF; outline:none}
hr { height: 1px; border-style: solid; color: #DDD; background: #FFF; border-width:1px 0 0 0; border-color:#DDD; clear:both;}
ul, ol, dl {margin:.5em 0;}
ul li, ol li {margin:0 0 0 1.5em; list-style-position:outside;}
ul li {list-style-image:url(/shared/shared_rootsite/images/graphics/bullet.jpg);}
ul li a:link,
ul li a:active,
ul li a:visited{text-decoration:none;}
ul li a:hover{text-decoration:underline;}
ol li {list-style-image:none; /*list-style-type:decimal; LCMS uses depricated TYPE to define list styles. Till that's fixed I have to use browser's default styling */ }
dl dt {list-style-image:url(/shared/shared_rootsite/images/graphics/bullet.jpg); margin:0; list-style-position:outside; font-weight:bold;}
dl dd {margin:0 0 0 1em; list-style-type:none;}
address {padding:.5em 0 .5em 0; font-size:1em}
b,strong {font-weight:bold}
em, cite, dfn {font-style:italic;}
strong {font-weight:bold;}
abbr, acronym {letter-spacing:0.1em; text-transform:uppercase;}
abbr[title], acronym[title], dfn[title] {border-bottom:1px solid #CCCCCC; cursor:help; }
pre {border:1px solid #bbb; background: #f9f9f9; padding:0.5em; margin-top:1em; font-size:1em; font-family:"Courier New", Courier, mono }		
small { font-size:.727em;}
sub{ vertical-align:text-bottom; font-size:.727em}
sup{ vertical-align:text-top; font-size:.727em}
tt, code, samp { font-family:"Courier New", Courier, mono;}
del, s, strike {color:#666666; text-decoration:line-through;}
ins, dfn {border-bottom:1px solid #CCCCCC;}
fieldset {border:1px solid #CCCCCC; margin-top:1em;}
fieldset div {padding:1em 0 0 .5em}
legend {background:#FFFFFF none repeat scroll 0%; margin:0 .4em; padding:0 .1em}
label {font-size:1em; font-weight:bold;}
input {font-size:1em; padding:.1em}
textarea {font-size:1em; padding:.2em; font-family:Arial, Helvetica, sans-serif;}
select, button {cursor:pointer;}	

.stylequote {padding:.5em 0 .5em 60px; background:url(/shared/shared_rootsite/images/graphics/quote_left.gif)  0 .86em no-repeat; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; color:#9aa1ac; font-size:1.455em; line-height:1.455em;}

blockquote {
	background:url(/shared/shared_rootsite/images/graphics/quote_left.gif)  0 .86em no-repeat;
	padding-top: 0.2em;
	padding-right: 32px;
	padding-bottom: 0.2em;
	padding-left: 32px;
	font-size: 1.1em;
}


/*=== GLOBAL STYLES ===*/
a:link {color:#039; text-decoration:underline; border:none;}
a:visited {color:#609; text-decoration:underline;}
a:active,
a:hover {color:#669; border:none; text-decoration:underline;}
a:hover {text-decoration:underline}

p a:link,
p a:visited,
p a:active,
p a:hover {}


/*=== REUSABLE STYLES ===*/



.invis{width:0px; height:0; margin:0; padding:0; display:none; visibility:hidden}
.clear {clear:both}
.imageleft{float:left; padding-right:10px;}
.imageright{float:right}
.columns { float:left; display:block; width:100%; overflow:hidden; clear:both;}
.left {	float:left; width: 46%; padding:1%; display:block;}
.right { float:right; width: 46%; padding:1%; display:block; clear:right;}
.more {display:block; text-align:right; padding:.5em 0;}
/*.selected, .selected a, .selected a:hover {background:#E3E9EE; color:#111;}*/