.rightHeading {position: absolute; right: 20px; top: 150px;}
.subPage h1 {margin: 20px 0; font-size: 13px;}
.subPage p {}
.subPage h2 {margin: 5px 0 0 0; font-size: 12px; cursor: pointer;}
.subPage h2:hover {text-decoration: underline;}
.subPage li {font-size: 12px; margin: 20px 0;}
.detail, .detailBox {margin: 20px auto; border: 1px solid #999; padding: 20px; }
.detail1 {background: #272727 url(/images/bg_detail1.gif) no-repeat bottom right;}
.detail2 {background: #272727 url(/images/bg_detail2.gif) no-repeat top left;}
.detail p {display: none; font-size: 12px; text-align: justify; color: #aaa; line-height: 1.8em;}
a {color: #fff;}
a:hover {color: #ff7f00;}

#siteTitle {margin: 10px;position: absolute; top: 135px;}

#staticCont {margin: 10px 0;}

.btsCont img {border: 1px solid #666; padding: 5px;}
.btsCont img:hover {border-color: #fff;}
.btsCont {border-top: 1px solid #fff; border-bottom: 1px solid #fff;}

#middle {height: 400px; margin: 0px 0px;}
#middle ul {list-style: square; margin-left: 40px;}
#middle h1 {margin: 10px 20px;}

.bodyText {line-height: 1.8em; width: 307px; margin: 0 auto 10px auto; text-align: justify;}

#indexMiddleLeft {background: #000 url(/images/bg_middle_left.gif) no-repeat right top}
#index h1 {margin: 10px 0px;}
h1#subHeading {position: absolute; right: 30px; top: 135px;}

#subMiddleLeft {border-right: 1px solid #fff; width: 220px;}

#navigation {}
#navigation a {height: 9px; margin: 10px 5px; background-position: right top; display: block;}
#subNavigation {width: 220px;}
#subNavigation a {height: 9px; margin: 10px 0 0 10px; background-position: left top; display: block;}
#navigation a:hover {background-position: right -9px; cursor: pointer;}
#subNavigation a:hover {background-position: left -9px; cursor: pointer;}
#ourMissionNav {background: transparent url(/images/nav_ourmission.gif) no-repeat;}
#getInvolvedNav {background: transparent url(/images/nav_getinvolved.gif) no-repeat;}
#castCrewCallsNav {background: transparent url(/images/nav_castcrewcalls.gif) no-repeat;}
#atlasisinBetaNav {background: transparent url(/images/nav_atlasisinbeta.gif) no-repeat;}
#jointheMailingListNav {background: transparent url(/images/nav_jointhemailinglist.gif) no-repeat;}
#inProductionNowNav {background: transparent url(/images/nav_inproductionnow.gif) no-repeat;}
#theCSFBlogNav {background: transparent url(/images/nav_thecsfblog.gif) no-repeat;}
#onDemandNav {background: transparent url(/images/nav_ondemand.gif) no-repeat;}
#ourMission {height: 400px;}
#ourMission h1 {margin-left: 20px;}
#getInvolved {height: 400px;}
#mailingList {height: 400px;}
#castCrewCalls {height: 400px;}
#atlasHere {height: 400px;}

#blog {height: 400px;}

#cool {margin-top: -25px;}
#cool h2 {color: #6dcff6;}
#cool p {font-size: 11px; margin-top: 5px;}
#getInvolvedDetail {width: 300px; height: 320px;}
#mailingListDetail {width: 300px; height: 280px;}
#mailingListDetail p {display: block;}
#mailingListForm {width: 220px; height: 220px; padding: 120px 40px 0px 40px; margin-top: 40px; background: #000 url(/images/bg_mailinglist.gif) no-repeat;}

#blogContent {margin: -5px 0 20px 0; font-family:  helvetica, verdana, arial, sans-serif;}
.blogHeadline h1 {padding: 0px 20px 0 20px;font-size: 30px; line-height: 1.2em; margin: 0px;}
.blogHeadline h2 {padding: 0px 20px 0 20px;font-size: 18px; line-height: 1.2em; margin: 0 0 0px 0; }
.blogHeadline h3 {padding: 0px 20px 0 20px;}
.blogHeadline h2:hover {text-decoration: none;}
.blogTextColumn p {padding: 0px 20px; line-height: 1.8em;text-align: justify; margin: 5px 0px; text-indent: 20px;}
.blogLineColumn {background-color: #fff; width: 1px;}
.endCharacter {float:right; font-size:20px; margin: -20px 20px 0 0 ;}
.blogImage {padding: 10px; border: 1px solid #999; margin: 10px 0 4px 10px; display: inline; float: right;}

.softwareFeatures {list-style: square; font-size: 10px;}
.softwareFeatures li {color: #aaa; margin: 5px 0 5px 20px; font-size: 10px;}
#static #footer {position: static; width: 700px; margin: 0px auto; color: #888;}
#atlasExplanation {line-height: 2.5em;}
#signupMailingList {margin-top:15px; color:#fff; font-weight:bold}
#errorDisplay {position: absolute; top: 150px; right: 20px;}
#new_mailing_list #email_error {margin-left: 150px;}