/* CSS Document */


/******** MAIN STYLES *************/
body { background-color:#ffffff; margin:0; padding:0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:11px; color:#000000; font-weight: 400; }

p {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; color:#000000; font-weight: 400; }

h1 {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; }
h2 {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; }

hr { color:#ff0000; background-color:#ff0000; width: 0px; text-align: center; }



a { font-weight: normal; text-decoration: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; color:#7f7c7c; }

a:link { text-decoration: none; color:#7f7c7c; }
a:visited { text-decoration: none;color:#7f7c7c; }
a:hover { text-decoration: none; color: #c5baba; }
a:active { text-decoration: none; color:#7f7c7c; }


#itunes a { font-weight: bold; text-decoration: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color:#DD070C; }
#itunes a:link { text-decoration: none; color:#DD070C; }
#itunes a:visited { text-decoration: none; color:#DD070C;}
#itunes a:hover { text-decoration: none; color:#FF6666; }
#itunes a:active { text-decoration: none; color:#DD070C; }



.copy {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:9px; color:#333333; font-weight: 400; }
.small_text {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:10px; color:#FFFFFF; font-weight: 400; }


.footnote {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:10px; color:#FFFFFF; font-weight: 400; }
.sm_link { font-size: 9px; }
/******************************/





/******** CONTAINER STYLES *************/
#container { position: relative; width: 900px; left:0px; top:0px; z-index: 1;  /** border: thin dotted #000000; */}
#clouds{ position: fixed; width: 800px; height: 600px; top: 0px; left: 0px; z-index: 1; }
#ideogram { position: fixed; width: 800px; height: 600px; top: 400px; left: 0px; z-index: 1;  /** border: thin dotted #000000; */}
#header { position: fixed; width: 900px; text-align:left; left:0px; top:0px; z-index: 10;  /** border: thin dotted #FF6699;  */}
#logo { position: fixed; width: 100px; left: 39px; top: 39px; z-index: 21; /** border: thin dotted #0033FF; */}
#left_menu { position: fixed; width: 100px; left: 39px; top: 215px; z-index: 20; /** border: thin dotted #0033FF; */}
#title { position: fixed; left: 300px; top: 155px; z-index: 24; /** border: thin dotted #0033FF; */}


#content { position: absolute; width:700px; left:300px; top: 150px; text-align: left; z-index: 4; /** border: thin dotted #FF0000; */}


#body { position: relative; width: 510px; top: 63px;  text-align: left; /** border: thin dotted #00FF00; */}
#body img {float:right; padding-left:20px; padding-bottom:20px; }

#contact_add { position:absolute; width: 510px; top: 293px; left: 300px; z-index: 25; text-align: right;  /** border: thin dotted #0000FF;  */}




#legend { position: absolute; top: 492px; right: 0px; text-align: right; /** border: thin dotted #FFFF00;  */}

#legend_page_bottom { position: relative; top: 50px; right: 0px; text-align: right;  /** border: thin dotted #FFFF00;  */}

/******************************/





/******** FORM CLASSES *************/
.warning { font-family:Arial, Helvetica, sans-serif; color:#FF0000; text-align:left; font-weight:600; font-size:11px;}
.success { font-family:Arial, Helvetica, sans-serif; color:#00CC33; text-align:left; font-weight:600; font-size:11px;}
.story_box { width:400px; height:300px; }
.media_box { width:400px; height:100px; }
.input_box { width:400px; }
.notes { text-decoration: underline; }
.bold { font-weight:bold; }
.nospace { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:11px; color:#000000; font-weight: 300;}




/******** FOOTER *************/
#footer {  position: relative; top: 30px; left: 0px; text-align: left; font-family: "Helvetica-Neue", Helvetica, Arial, sans-serif;  font-size: 10px; color:#ffffff; /** border: thin dotted #FF6699  */}

#footer_shrt {  position: absolute; top: 450px; left: 0px; text-align: left; font-family: "Helvetica-Neue", Helvetica, Arial, sans-serif;  font-size: 10px; color:#ffffff; /** border: thin dotted #FF6699  */}

#footer a { font-family: "Helvetica-Neue", Helvetica, Arial, sans-serif;  font-size: 10px; color:#4C4C4C; }
#footer a:link { text-decoration: underline; color: #4C4C4C; }
#footer a:visited { text-decoration: underline; color:#4C4C4C; }
#footer a:hover { text-decoration: none; color:#B3B3B3;}
#footer a:active { text-decoration: underline; color:#4C4C4C; }