/* Generated by KompoZer */
body {
  margin: 0px;
  padding: 0px;
  font-family: Arial,sans-serif;
  color: #333333;
  text-align: justify;
  line-height: 1.166;
}
a:link, a:visited, a:hover {
  color: #00994d;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px;
  font-family: Arial,sans-serif;
}
h1 {
  font-family: Verdana,Arial,sans-serif;
  font-size: 120%;
  color: #009900;
}
h2 {
  font-size: 114%;
  color: #009900;
}
h3 {
  font-size: 100%;
  color: #009900;
}
h4 {
	font-size: 100%;
	font-weight: normal;
	color: #009900;
}
h5 {
  font-size: 100%;
  color: #009900;
}
ul {
  list-style-type: square;
}
ul ul {
  list-style-type: disc;
}
ul ul ul {
  list-style-type: none;
}
label {
  font-family: Arial,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  font-size: 100%;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
  color: #334d55;
}
#masthead {
  border-bottom: 1px solid #cccccc;
  margin: 0;
  padding: 10px;
  width: 100%;
}
#masthead img {
  margin: 0;
  padding: 0;
  float: none;
  border:0;
}
#navBar {
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  margin: 0 79% 0 0;
  padding: 0px;
  background-color: #eeeeee;
}
#content {
  margin: 0;
  padding: 0 3% 0 0;
  float: right;
  width: 75%;
}
#social {
  width: 250px;
  float: right;
  padding: 10px 0 0 10px;
}
#siteName {
  margin: 0px;
  padding: 0px 0px 10px 10px;
}
#pageName {
  padding: 0px 0px 10px 10px;
}
#globalNav {
  padding: 0px 0px 0px 10px;
  color: #cccccc;
  white-space: nowrap;
}
#globalNav img {
  display: block;
}
#globalNav a {
  padding: 0px 4px 0px 0px;
  font-size: 90%;
}
#breadCrumb {
  padding: 5px 0px 5px 10px;
  font-size: 80%;
}
.feature {
  padding: 0px 0px 10px 10px;
  font-size: 100%;
}
.feature h3 {
  padding: 30px 0px 5px;
  text-align: center;
}
.feature img {
  margin: 0 0 0 5px;
  padding: 0 0 0 5px;
  float: right;
  border:0;
}
.story {
  padding: 10px 0px 0px 10px;
  clear: both;
  font-size: 90%;
}
.story p {
  padding: 0px 0px 10px;
}
.story img {
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
	float: left;
	border:0;
}
.story img.right {
	margin: 0 0 0 5px;
	padding: 0 0 0 5px;
	float: right;
	border:0;
}
.story th {
  background-color: #99ff66;
  text-align: left;
  font-weight: bold;
}

#siteInfo {
  border: 1px solid #cccccc;
  padding: 10px;
  clear: both;
  font-size: 75%;
  color: #808080;
  margin-top: -1px;
}
#siteInfo img {
  padding: 4px 4px 4px 0px;
  vertical-align: middle;
}
#search {
  border-bottom: 1px solid #cccccc;
  padding: 5px 0px 5px 10px;
  font-size: 90%;
}
#search form {
  margin: 0px;
  padding: 0px;
}
#search label {
  margin: 0px;
  padding: 0px;
  display: block;
}
#navBar ul a:link, #navBar ul a:visited {
  display: block;
}
#navBar ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
#navBar li {
  border-bottom: 1px solid #eeeeee;
}
html > body #navBar li {
  border-bottom: medium none;
}
#sectionLinks {
  border-bottom: 1px solid #cccccc;
  margin: 0px;
  padding: 0px;
  position: relative;
  font-size: 100%;
}
#sectionLinks h3 {
  padding: 10px 0px 2px 10px;
}
#sectionLinks a:link {
  border-top: 1px solid #cccccc;
  padding: 2px 0px 2px 10px;
  voice-family: inherit;
  width: auto;
}
#sectionLinks a:visited {
  border-top: 1px solid #cccccc;
  padding: 2px 0px 2px 10px;
}
#sectionLinks a:hover {
  border-top: 1px solid #cccccc;
  padding: 2px 0px 2px 10px;
  background-color: #dddddd;
}
.relatedLinks {
  margin: 0px;
  padding: 0px 0px 10px 10px;
  font-size: 90%;
}
.relatedLinks h3 {
  padding: 10px 0px 2px;
}
.advert {
  float: right;
  width: 25%;
  font-size: 90%;
  background-color: #99ff66;
  white-space: normal;
  font-style: italic;
}
#advert img {
  display: block;
}
#headlines {
  margin: 0px;
  padding: 10px 0px 20px 10px;
  font-size: 80%;
}
#headlines p {
  padding: 5px 0px;
}
table {
	border: 1;
	font-size: 100%;
	text-align: justify;
}
.alert {
	background-color: #66FF33;
	font-weight: bold;
}


/* ============================================================================================================================
== BUBBLE WITH AN OBTUSE TRIANGLE
** ============================================================================================================================ */

/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-obtuse {
	position:relative;
	padding:5px;
	margin:10px 10px 30px;
	color:#fff;
	background:#00994d;
	width:30%;
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#009900), to(#00994d));
	background:-moz-linear-gradient(#009900, #00994d);
	background:-o-linear-gradient(#009900, #00994d);
	background:linear-gradient(#009900, #00994d);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

/* creates the wider right-angled triangle */
.triangle-obtuse:before {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:60px; /* controls horizontal position */
	border:0;
	border-right-width:30px; /* vary this value to change the angle of the vertex */
	border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */
	border-style:solid;
	border-color:transparent #00994d;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* creates the narrower right-angled triangle */
.triangle-obtuse:after {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:80px; /* value = (:before's left) + (:before's border-right/left-width)  - (:after's border-right/left-width) */
	border:0;
	border-right-width:10px; /* vary this value to change the angle of the vertex */
	border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :before */
	border-style:solid;
	border-color:transparent #fff;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* ============================================================================================================================
== BUBBLE WITH A BORDER AND TRIANGLE
** ============================================================================================================================ */

/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-border {
	position:relative;
	padding:5px;
	margin:10px 10px 30px;
	border:5px solid #009900;
	color:#333;
	background:#fff;
	/* css3 */
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

.triangle-border:before {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:40px; /* controls horizontal position */
    border-width:20px 20px 0;
	border-style:solid;
    border-color:#009900 transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* creates the smaller  triangle */
.triangle-border:after {
	content:"";
	position:absolute;
	bottom:-13px; /* value = - border-top-width - border-bottom-width */
	left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	border-width:13px 13px 0;
	border-style:solid;
	border-color:#fff transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}


/* ============================================================================================================================
== BLOCKQUOTE WITH OBTUSE TRIANGLE
** ============================================================================================================================ */

.example-obtuse {
	position:relative;
	padding:15px 30px;
	margin:0;
	color:#000;
	background:#33ff66; /* default background for browsers without gradient support */
	/* css3 */
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#00cc33), to(#33ff66));
	background:-moz-linear-gradient(#00cc33, #33ff66);
	background:-o-linear-gradient(#00cc33, #33ff66);
	background:linear-gradient(#00cc33, #33ff66);
	/* Using longhand to avoid inconsistencies between Safari 4 and Chrome 4 */
	-webkit-border-top-left-radius:25px 50px;
	-webkit-border-top-right-radius:25px 50px;
	-webkit-border-bottom-right-radius:25px 50px;
	-webkit-border-bottom-left-radius:25px 50px;
	-moz-border-radius:25px / 50px;
	border-radius:25px / 50px;
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.example-obtuse + p {margin:10px 150px 2em 0; text-align:right; font-style:italic;}

/* creates the larger triangle */
.example-obtuse:before {
	content:"";
	position:absolute;
	bottom:-30px;
	right:80px;
	border-width:0 0 30px 50px;
	border-style:solid;
	border-color:transparent #33ff66;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}

/* creates the smaller triangle */
.example-obtuse:after {
	content:"";
	position:absolute;
	bottom:-30px;
	right:110px; 
	border-width:0 0 30px 20px;
	border-style:solid;
	border-color:transparent #fff;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}


/*