<!--

/* Pretty Stuff
================================== */

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
  line-height: 1.6;
  background-color:#D4D4D4;
}

h1 {
  font-size: 2.4em;
  font-weight: normal;
}

h2 {
  font-size: 2.0em;
  font-weight: strong;
  
}
h3 {
	font-size: 1.6em;
	font-style: italic;
}

p, li {
padding-left: 2px;
text-align: left;
  font-size: 1.1em;
  list-style-type: circle;
}

h1, h2, p {
  margin: 1em 0;
}



#wrapper {
  background-color: #fff;
}

#branding {
  height: 50px;
  background-color:#b0b0b0;
  padding: 20px;
}

#branding h1 {
  margin: 0;height:auto;
}

#mainNav {
  list-style: none;
  background-color:#eee;
}

#secondaryContent {
  background-color:#eee;
}

#secondaryContent h2 {
  font-size: 1.6em;
  margin: 0;
}

#secondaryContent p {
  font-size: 1.2em;
}

#footer {
  background-color:#b0b0b0;
  padding: 1px 20px;
}

/* The Core Technique
================================= */

body {
  font-size: 62.5%;
  text-align: center;
}

#wrapper {
  width: 72em;
  margin: 0 auto; 
  text-align: left;
}

#mainNav { 
  width: 18em; 
  float: left; 
}

#content { 
  width: 52em; 
  float: right; 
}

#mainContent { 
  width: 32em; 
  float: left; 
}

#secondaryContent { 
  width: 18em;
  float: right; 
  font-size: 1.1em;
  font-style: oblique;
  color: #990000
}
mainContent>ul {
	margin: 0;
	padding: 0;
	padding-left: 30px;
	list-style-type: disc;
	list-style-position: inside;
	list-style-image url(images/bullets/0048_speechbubble.png);
	
} 
mainContent>ul>li {
	background: url(../../images/bullets/0048_speechbubble.png) no-repeat 0 50%;
}
ol {
	margin: 0;
	padding: 0;
	list-style-type:upper-latin;
	list-style-position: inside;
}
ol>li {
	background: url(../../Images/bullets/0136_fat_arrow.png) no-repeat 0 50%;
	padding_bottom: 20px;
	padding-left: 30px;
	border-bottom: medium #990000;
}

.leftBox {
	margin-top: -10px;
	padding-top: 0px;
	padding-right: 10px;
	float: left;
}
.rightBox {
	padding: 5px;
	float: right;
}
.clearFloat {
	clear: both;	
}

#footer { 
  clear: both; 
} 

/* Add some padding
================================== */

#mainNav, #secondaryContent {
  padding-top: 20px;
  padding-bottom: 20px;
}

#mainNav *, #secondaryContent * {
  padding-left: 20px;
  padding-right: 20px;
}

#mainNav * *, #secondaryContent * * {
  padding-left: 0;
  padding-right: 0;
}
mainNav>li {
	background: url(../../Images/bullets/0168_star.png) no-repeat 0 50%;
}
.style2 {font-size: xx-small}
.style7 {font-size: x-small}
.style6 {	color: #0066CC;
	font-size: large;
}
.style7 {font-size: medium}
.style8 {font-size: small}
.style9 {
	color: #990000;
	font-style: italic;
}

