/* Updated 2011.06.07 */


body {
background-color: #333344;
font-family: Arial, Helvetica, sans serif;
color: #fff;
margin-top: 10px; 
margin-left: 20px; 
margin-right: auto; 
margin-bottom: auto;
border: 0;
padding: 0;
}


a.btmnav:link { color: #ee8822; font-family: arial, helvetica, sans serif; font-size: 10px; font-style: normal; font-weight: bold; text-decoration: none }
a.btmnav:visited { color: #ee8822; font-family: arial, helvetica, sans serif; font-size: 10px; font-style: normal; font-weight: bold; text-decoration: none }
a.btmnav:hover { color: #ffffbb; font-family: arial, helvetica, sans serif; font-size: 10px; font-style: normal; font-weight: bold; text-decoration: underline }
a.btmnav:active{ color: #ffffbb; font-family: arial, helvetica, sans serif; font-size: 10px; font-style: normal; font-weight: bold; text-decoration: underline}

a.nav:link { color: #ee8822; font-family: arial, helvetica, sans serif; font-size: 11px; font-style: normal; font-weight: bold; text-decoration: none }
a.nav:visited { color: #ee8822; font-family: arial, helvetica, sans serif; font-size: 11px; font-style: normal; font-weight: bold; text-decoration: none }
a.nav:hover { color: #ffffbb; font-family: arial, helvetica, sans serif; font-size: 11px; font-style: normal; font-weight: bold; text-decoration: underline }
a.nav:active{ color: #ffffbb; font-family: arial, helvetica, sans serif; font-size: 11px; font-style: normal; font-weight: bold; text-decoration: underline }

a.navSide:link { color: #ee8822; font-family: arial, helvetica, sans serif; font-size: 11px; font-style: normal; font-weight: bold; text-decoration: none }
a.navSide:visited { color: #ee8822; font-family: arial, helvetica, sans serif; font-size: 11px; font-style: normal; font-weight: bold; text-decoration: none }
a.navSide:hover { color: #ffffbb; font-family: arial, helvetica, sans serif; font-size: 11px; font-style: normal; font-weight: bold; text-decoration: underline }
a.navSide:active{ color: #ffffbb; font-family: arial, helvetica, sans serif; font-size: 11px; font-style: normal; font-weight: bold; text-decoration: underline }

a.body:link { color: #ee8822; font-family: arial, helvetica, sans serif; font-size: 13px; font-style: normal; font-weight: bold; text-decoration: none }
a.body:visited { color: #ee8822; font-family: arial, helvetica, sans serif; font-size: 13px; font-style: normal; font-weight: bold; text-decoration: none }
a.body:hover { color: #ffffbb; font-family: arial, helvetica, sans serif; font-size: 13px; font-style: normal; font-weight: bold; text-decoration: underline}
a.body:active{ color: #ffffbb; font-family: arial, helvetica, sans serif; font-size: 13px; font-style: normal; font-weight: bold; text-decoration: underline}

/* font size conversion for Arial h1: size 4 = 13pt = 18px*/
/* font size conversion for Arial h3: size 3 = 12pt = 16px */
/* font size conversion for Arial h2: size 3 = 11pt = 13px */
/* font size conversion for Arial h4, page default: size 2 = 10pt = 13px */
/* font size conversion for Arial p: size 1 = 8pt = 10px */

.left {
text-align: left;
}
.right {
text-align: right;
}
.center {
text-align: center;
}
.justify {
text-align: justify;
}
.top {
vertical-align: top;
}
.clearFloats {
clear: both;
}

h1 {
font-size: 18px;
text-align: left;
margin-top: 5px; 
margin-bottom: 26px; 
}

h1.right {
text-align: right;
}

h1.center {
text-align: center;
}

h1.center.ital {
font-style: italic;
}

h2 {
text-align: left;
font-size: 16px;
margin-top: 2.0em;
}

h3 {
text-align: left;
font-size: 15px;
margin-top: 1.5em;
}

h4 {
text-align: left;
font-size: 13px;
}

h4.list {
text-align: left;
margin-top: 2.5em;
font-size: 13px;
}



p {
font-size: 13px;
vertical-align: top; 
}
p.left {
text-align: left;
vertical-align: top; 
}
p.right {
text-align: right;
vertical-align: top; 
}
p.center {
text-align: center;
vertical-align: top; 
}
p.justify {
text-align: justify;
vertical-align: top; 
}

p.navSide {
font-size: 11px;
vertical-align: top; 
text-align: left;
margin-top: 1.2em; 
border: 0px solid #fff;
}

.dropCap {
font-size: 18px;
font-weight: bold;
text-align: left;
}

.smallText {
font-size: 10px;
}
.smallText.left {
text-align: left;
vertical-align: top; 
}
.smallText.right {
text-align: right;
vertical-align: top; 
}
.smallText.center {
text-align: center;
vertical-align: top; 
}
.smallText.justify {
text-align: justify;
vertical-align: top; 
}

blockquote {
font-size: 13px;
text-align: justify;
vertical-align: top; 
}


img.left { float: left; } 
img.right { float: right; } 
img.center { float: center; } 
img.lefttop { float: left; vertical-align: top; } 
img.leftmid { float: left; vertical-align: middle; } 
img.leftbtm { float: left; vertical-align: bottom; } 
img.righttop { float: right; vertical-align: top; } 
img.rightmid { float: right; vertical-align: middle; } 
img.rightbtm { float: right; vertical-align: bottom; } 
img.centertop { margin-left: auto; margin-right: auto; vertical-align: top; } 
img.centermid { margin-left: auto; margin-right: auto; vertical-align: middle; } 
img.centerbtm  { margin-left: auto; margin-right: auto; vertical-align: bottom; } 


ul {list-style-type: disc; color: #fff; font-family: Arial, Helvetica; sans serif; font-size: 13px; text-align: left; font-style: normal; text-decoration: none; }
ol {list-style-type: decimal; color: #fff; font-family: Arial, Helvetica; sans serif; font-size: 13px; text-align: left; font-style: normal; text-decoration: none; }


/*** Navigation Sidebar styling ***/

ul#navSideMenu {
list-style-type: none; font-weight: bold; text-indent: 0px; margin: 0 0 0 0px; border: 1px solid #fff; padding: 0;
}
ul#navSideMenu li {
margin: 0.75em 0 0 0; border: 0 solid #f00; padding: 0 0 0 5px;
}

div#mainContentBody {
width: 500px; min-height: 625px; margin: 0; border: 0; padding: 10px;
}

div#mainContentFooter {
width: 500px; min-height: 100px; margin: 0; border: 0; padding: 10px;
}

/*** en Navigation Sidebar styling ***/


ul.subNav  { 
margin: 1em 0 0 0; border: 0px solid #000; padding: 0 0 0 20px;
}
ul.subNav li.leftBull { 
list-style-image: url('../images/arrow_left_13.gif'); margin: 0 0 1.5em 0; border: 0; padding: 0;
}
ul.subNav li.rightBull { 
list-style-image: url('../images/arrow_right_13.gif'); margin: 0 0 1.5em 0; border: 0; padding: 0;
}
ul.subNav li.downBull { 
list-style-image: url('../images/arrow_down_13.gif'); margin: 0 0 1.5em 0; border: 0; padding: 0;
}

ul.pageTop { 
list-style-image: url('../images/arrow_up_13.gif'); margin: 0 0 1.5em 0; border: 0; padding: 0 0 0 20px;
}

ul#milestones2011 { 
list-style-image: url('../images/star9.gif'); list-style-type: circle; margin: auto 0 0 20px; padding: 0;
}
ul#milestones2011 li { 
margin-bottom: 1.0em; padding: 0;
}


