/* CSS Document */

/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body {
	font-size: 75%;
	margin: 0;
	padding: 0;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:left;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; text-align:left;}

h1 { font-size: 1.60em; margin:25px 0 20px 0; color:#000;}
h2 { font-size: 1.50em; margin-bottom: 20px; color:#000;}
h3 { font-size: 1.5em; line-height: 1.25em; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25em; margin-bottom: 1.25em; }
h5 { font-size: 1em; line-height: 1.4em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; line-height: 1.4em;  font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p{
	margin: 0 0 1.5em 0;
	font-size:1em;
	line-height:1.5em;
	color:#515151;
	text-align:left;
	
}

.strblack{
	color:#000;
	font-weight:bold;	
	
}


/* 
	These can be used to pull an image at the start of a paragraph, so 
	that the text flows around it (usage: <p><img class="left">Text</p>) 
 */
.left  			{ float: left !important; }
p .left			{ margin: 1.5em 1.5em 1.5em 0; padding: 0; }
.right 			{ float: right !important; }
p .right 		{ margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a:focus,
a:hover     { color: #09f; }
a           { color: #06c; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong,dfn	{ font-weight: bold; color: #515151; }
em,dfn      { font-style: italic; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; line-height:1.4em; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

strong{color:#ff6800;}


/* Lists
-------------------------------------------------------------- */

li ul, li ol{margin: 0}
ul, ol{ margin: 0 1.5em 1.5em 0; padding-left: 1.5em; }

ul{
	list-style:url(/img/arrow1.jpg);

}
ul li{
	margin: 0 0 .5em 0;	
	line-height:17px;
	color:#515151;
}
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */
#content table ul{
	list-style:disc;
}
/* 
	Because of the need for padding on TH and TD, the vertical rhythm 
	on table cells has to be 27px, instead of the standard 18px or 36px 
	of other elements. 

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th    { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }

	You can zebra-stripe your tables in outdated browsers by adding 
	the class "even" to every other table row. 

tbody tr:nth-child(even) td, 
tbody tr.even td  { 
	background: #e5ecf9; 
}
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */



.small      { font-size: .8em; margin:0; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }