@charset "UTF-8";



header {
        height: 9.5em;
        background-image: url(../img/header.jpg);
        background-position: -1em;
        background-repeat: no-repeat;
}

header h1 {
        text-indent: -9999px;
        background-repeat: no-repeat;
        float: left;
        height: 0em;
        width: 0em;
}


header h2 {
 clear: both;
        overflow: hidden;
        /*font-family: Arial, Helvetica, sans-serif;*/
        font-family: Optima, Californian FB, Calisto MT, Arial, Helvetica, sans-serif; /* added 22-may-2012 */
        /*font-size: 14px; */
        font-size: 1em;;
        /*color: #FFF; */
        color: #d6e3e6;
        font-weight: normal;
        display: block;
        height: 3em;
	padding-top:4.5em;
	padding-left:1em;
	padding-bottom:0em;
        /*text-transform: uppercase; */
        /*padding-top: 50px; */
}

header a.social_fb,  header a.social_tw {
        margin-top: 8em;
	margin-left: .5em;
        float:none;
	clear: both;
}

#container {
	width: 100%;
	background-color: #003F51;
	margin-right: auto;
	margin-left: auto;
	clear:both;
	height:100%;



}

div.neta-left-column p.neta-tech-specs  img.neta-feed-img, p.neta-tech-specs img, img.neta-feed-img, .neta-feed-img,  img .twofilmsimg, p.neta-tech-specs img.neta-feed-img, p.neta-tech-specs img.twofilmsimg {
        margin-top: 1em;
        width: 14em;
        height: 10.5em;
	width:50%;
	height:auto;
        border: .1em solid black;
}


div.grid {
  width: 30em;
}


.grid img {
	float: none;
	height: 5em;
	border: .02em solid white;
	margin: .01em .03em .1em 0em;
	width: 5em;
}

#middle {
        padding-top: .2em; /* added 22-may-2012 */
        margin-right: auto;
        margin-left: auto;
        width: 98%;
        -webkit-border-radius: .01em;
        -moz-border-radius:.01em;
        border-radius: .01em;
        min-height: 700em;
        clear:both;
        height:100%;
        background-color: #d6e3e6;
}

a:link { color:#003F51; text-decoration:underline}
a:visited { color:#003F51; text-decoration:underline}
a:active { color:#003F51; text-decoration:none}
/*a:hover { color:#671426; text-decoration:underline}*/

a.indexpage:link { color: #3159b3; text-decoration:underline}
a.indexpage:visited { color: #3159b3; text-decoration:underline}
a.indexpage:hover { color: #3159b3; text-decoration:underline}
a.indexpage:active { color: #3159b3; text-decoration:none}



#top_nav {
        display: block;
        font-family: "Arial Black", Gadget, sans-serif;
        margin-left: .2em;
        width: 100%;
        padding: 0em;
        float: left;
        font-size: 1em;
}
#top_nav li {
        display: block;
        float: left;
        height: 1.8em;
        line-height: 1.1em; /* added 22-may-2012 ..to get bars down*/
        /**padding-right: 33px;*/
        padding-right: .3em;
        padding-left: .3em;
        color: #d6e3e6;/* added 22-may-2012 */
        margin-left:0em;
	padding-bottom:.5em;
}


#top_nav li.leftmost {
        padding-left: .3em;
}

#top_nav a {
  /*font-family: Arial, Helvetica, sans-serif;*/
        font-family: Optima, 'Calisto MT', 'Californian FB', Arial, Helvetica, sans-serif; /* added 22-may-2012 */
        line-height: 1.1em;
        text-align: left;
        /*font-size: 18px; */
        font-size: 1.3em;
        color: #fff;
        text-decoration: none;
        text-align:center;
        display: block;
        padding-bottom:.2em;
        letter-spacing: .1em;
}


#top_nav a {
        padding: 0em .2em .01em;
}

/* The state of the current page */
#top_nav a.active {
        color: #003F51;
        background-color: #D6E3E6;
        -moz-border-radius: 1em;
        border-radius: 1em;

}

a.clips {
        display: block;
        margin:auto;
        width: 570px;
        height: 213px;
        background: transparent url(../img/thumbs/clips_thumbs.jpg) no-repeat;
        text-align: center;
        margin-bottom: 10px;
}

h3 {
        font-size: 2em;
        font-family: Optima, Californian FB, Calisto MT, Arial, Helvetica, sans-serif; 
        margin-bottom: 4px;
	color: rgb(0, 63, 81);
}


div.neta-container {
        width: 99.5%;
        padding-left: .2em;
        min-height: 56em;
}

div.container, div.press {
	width: 99.5%;
	
}

#index_middle {
        padding-top: .4em;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        -webkit-border-radius: .3em;
        -moz-border-radius: .3em;
        border-radius: .3em;
        min-height: 40em;
        clear:both;
        height:100%;
        color: #003F51;
        background-color: #d6e3e6;
}


.index_middle_mobile {
        min-height:60em;
}

#left_col {
        float: left;
        width: 100%;
        min-height: 40em;
	padding-bottom:2em;
}


div#welcome, div.main-page-under-video, div#welcome p {
        padding: .4em .2em;
        text-align:center;
        font-size: 1.1em;
        margin: 0px auto .2em;
        width: 100%;
	line-height:1.2em;
}

div.one-min-clip-top-title {
	font-size: .7em;
	padding-top: .3em;
	line-height: 1em;

}

.oneminfilmclip-box {

        height: 20em;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-radius: 10px;
        border: 2.5px black solid;
        border-top-color: black;
        border-top-style: solid;
        border-top-width: 2.5px;
        border-top: 1.5px black solid;
        /*border-top: 1.5px #358199 solid;*/
        margin: 0px 0px 4px 0px;


}


.filmgroup {
        -webkit-border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border:2.5px black solid;
        border-top:1.5px black solid;
/*      border-top:1.5px #358199 solid;  */
        margin: 0px 0px 4px 0px;
/*      background-image: url(../img/films_little_bar.png); */
        background-repeat: repeat-x;
}

.onemin_filmgroup {
        border: none;
}



div.oneminclip-group-height {
	30em;
}

div.more-top-space {
	padding-top:.5em;
}

div#welcome h3 {
        font-family: Optima, Californian FB, Calisto MT, Arial, Helvetica, sans-serif; /* added 22-may-2012 */
        font-size: 2.2em;;
        color: #003F51;
        font-weight: bold;
        display: block;
	padding-bottom:.3em;
	padding-top:.3em;
}

.half {
        height: .5em;
        .border: red .1em solid;
}


div.hr {
        margin: auto;
        border-top: .1em solid black;
        padding: .2em 0 .25em 0;
}


#video_box {
        text-align: center;

}
#video_box p{
        /*font-family: Georgia, "Times New Roman", Times, serif; */
        font-family: Optima, Californian FB, Calisto MT, Arial, Helvetica, sans-serif; /* added 22-may-2012 */

        font-size: .4em;
        color: #003F51;
        margin-bottom: .55em;
        line-height: .65em;
}

#video_box iframe.dimensions {
	width: 100%;
	height: 16em;
	padding-bottom: 0em;
	margin-bottom:0em;
}


#video_box img.dimensions {
        width:22.8em;
        height: 13.8em;
}



div.clearblock {
        clear: both;
        height: 0em;
        overflow: hidden;
}


div.social {
        background-color: #38373c;
        background-image: url(../img/share.png);
        background-repeat: no-repeat;
        background-position: 0em;
        width: 100%;
        height: 2em;
        display:block;
        margin:auto;
        position: relative;
	margin-top:0em;
	padding-top:1em;
}



.upcoming {
        border: .3em #003F51 solid;
        -webkit-border-radius: .9em;
        -moz-border-radius: .9em;
        border-radius: .9em;
        font-size: 1.1em;
        margin-top: .9em;
        text-align: center;
        width: 96%;
        margin-left: auto;
        margin-right: auto;
        line-height: 1.3em;
        padding: .15em;
}


img.minidocs-clips-img { 
	width: 22em;
        height: 20em;
}


.upcoming h5 {
        font-size: 28px;
        margin-bottom: 8px;
}

div.border2-upcoming {
        border: .3em #74a2ba solid;
        -webkit-border-radius: .9em;
        -moz-border-radius: .9em;
        border-radius: .9em;
        padding: 1em 1em;
        /*margin: .01em  .01em .01em .01em; */
        overflow: hidden;
        -webkit-border-radius: .9em;
        -moz-border-radius: .9em;
        border-radius: .9em;
        margin-left: auto;
}





.icons {
        margin-left: 40%;
        position: relative;
        float: left;
}

.social:first-child span {
        border: .03em red solid;
}



#clips_welcome {
        padding: 0 1em;
        font-size: 1.1em;
        margin: 0em auto .4em;
        text-align: center;

}


h3.oneminclips {
        line-height: 1.1em;
        font-size: 1.7em;
        font-family: Optima, Californian FB, Calisto MT, Arial, Helvetica, sans-serif;
        color: rgb(0, 63, 81);
}



#left_col {
        float: left;
        width: 100%;
        min-height: 20em;
}


#intro  {
	clear:both;
background-color: #fffcd9;
	width:92%;
        border: .01em #003F51 solid;
        padding: .4em;
	padding-top:1em;
        margin: .4em;
        overflow: hidden;
        -webkit-border-radius: .8em;
        -moz-border-radius: .8em;
        border-radius: .8em;

}

#intro img {
        border:none;
        width:4em;
        float: right;
}

#intro h2, #intro2 h2 {
        font-size: 1.8em;
}


#intro p, #bios p, .sidebar p, .synopsis p, #intro2 p, #intro3 p {
        line-height: 1.2em;
        padding-top: .5em;
        padding-bottom: .5em;
        font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:1em;
}


#intro2, .sidebar {
background-color: #fffcd9;

        width: 90%;
        border: .01em #003F51 solid;
        padding: .5em 1.1em 1em  1.01em;
        margin: .9em  .8em 1em 0em;
        overflow: hidden;
        -webkit-border-radius: .9em;
        -moz-border-radius: .9em;
        border-radius: .9em;
}

#intro2 img.choice_at_risk_logo, #intro3 img.choice_at_risk_logo {
        border:none;
        width:4em;
        float: right;
}


#intro3 {
        width: 96%;
	height: 98em;
        background-color: white;
        border: .3em #003F51 solid;
        padding: .1em .1em .1em  .1em;
        margin: .9em  .8em 1em 0em;
        overflow: hidden;
        -webkit-border-radius: .9em;
        -moz-border-radius: .9em;
        border-radius: .9em;
        margin-right: auto;
        float: left;
        margin-left: .01em;
}



#intro3 div.border-intro3 {
        border: .3em #74a2ba solid;
        -webkit-border-radius: .9em;
        -moz-border-radius: .9em;
        border-radius: .9em;
        padding: .1em .1em .1em  .4em;
        margin: .01em  .01em .01em .01em;
        overflow: hidden;
        -webkit-border-radius: .9em;
        -moz-border-radius: .9em;
        border-radius: .9em;
        margin-left: auto;
}




div.films-minidocs-clips-index {
        padding-top: 1em;
}

div.films-minidocs-clips-index img.minidocs-clips {
        width: 7em;
        height: 3em;
}



h2.doc-title1 {
        padding-bottom: 2em;
        font-size: .9em;
        margin-top: .22em;
        font-weight: bold;
}

h2.doc-title-wawi {
	font-size: .9em;
	margin-top: .22em;
	font-weight: bold;
}



img.doc-image {
        width: 4em;
        height: 2.65714em;
        border: .3em #003F51 solid;
}


.minidocs-group-height2 {

	margin-top:57.5em;
	clear: both;
	float: none;
	height: 90em;
}


.videogroup {
	overflow: hidden;
	min-height: 10em;
 	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
 	border-radius: 10px;
 	border-top:2.5px black solid;
 	background-image: url(../img/black-little_bar.jpg);
 	background-repeat: repeat-x;
}


.complete-width2 {
        width: 100%;
}


.films_title {
        text-decoration: none;
        font-size: 2em;
        font-family: Optima, Californian FB, Calisto MT, Arial, Helvetica, sans-serif;
        font-weight:bold;
}

.one_clip_box {
        text-align:center;
        margin-top: .2em;
        width: 6em;
        height: 5em;
}

.one_clip_box img.mobile  {
        width:  5em;
	height: 3em;
}

.one_clip_box h3 {
    font-family: Optima, Californian FB, Calisto MT, Arial, Helvetica, sans-serif; /* added 22-may-2012 */

        font-size: .52em;
        color: #003F51;
        line-height: .56em;
        text-align: left;
        padding-left:.002em;
}


div.one-min-clip-film-title {
        padding-top: .5em;
        width: 90%;
}



.join_us {
        text-align: center;
        color: white;
        padding: .4em;
        width: 92%;
        -webkit-border-radius: .5em;
        -moz-border-radius: .5em;
        border-radius: .5em;
        /*background-image: url(https://choiceatrisk.org/img/bg-flowers.jpg); */
        background-image: url(https://concentric.org/websites_films/choiceatrisk/img/bg-flowers.jpg); */

        background-repeat: no-repeat;
        background-position: right center;
        margin-top: .2em;
        margin-bottom: .2em;
        margin-left: auto;
        margin-right: auto;
        font-size: .9em;
        line-height: 1.3em;

}

div.join_us p {
        margin-bottom: .2em;
        padding-bottom: .2em;
}


.red_button {

        -moz-box-shadow:inset 0ex .01em 0em 0em #f29c93;
        -webkit-box-shadow:inset 0em .01em 0em 0em #f29c93;
        box-shadow:inset 0em .01em 0em 0em #f29c93;
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
        background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
        background-color:#fe1a00;
        -moz-border-radius:.09em;
        -webkit-border-radius:.2em;
        border-radius:.09em;
        border:.02em solid #d83526;
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:.4em;
        font-weight:bold;
        padding:.4em .9em;
        text-decoration:none;
        text-shadow:.01em .01em 0em #b23e35;
}


footer {
        font-size: .95em;
        color: white;
        height: 8em;
        clear: both;
        text-align: left;
        background-repeat: repeat-x;
}


footer p, footer a:link {
        font-size: .95em;
        color: white;
        width: 100%;
        padding-top: .2em;
        margin-bottom: .2em;
        text-align: left;
	float: none;
}


.facebook {
        top: .3em;
        margin-right: .3em;
}


.right-twitter-box {
        float:left;
        padding-right:0em;
        padding-top:.3em;
}


ul.bullet-list {
        list-style: disc;
        line-height: 1.3em;
        margin-bottom: .3em;
        margin-left:15%;
}




.neta-left-column,
.neta-right-column {
        width: 100%;
}



p.neta-tech-specs {
        text-align: center;
        font-size: 1.25em;
        line-height: 1.43em;
        font-style: normal;
        font-family: Optima,Californian FB,Calisto MT,Arial,Helvetica,sans-serif;
        padding-bottom:2em;
}



h3.two-films-top, div#index_middle h3.two-films-top, div.neta-container h3.two-films-top {
        text-align: center;
        font-size: 1.7em;
        padding-top: .95em;
        font-family: Optima,Californian FB,Calisto MT,Arial,Helvetica,sans-serif;
        font-weight: bold;
}

h3.neta-feed-title2 {
        text-align: center;
        font-size: 1.4em;
        padding-top: 0em;
        font-style: italic;
        font-family: Optima,Californian FB,Calisto MT,Arial,Helvetica,sans-serif;
        font-weight: bold;
}

div.fb-p1 {
	text-align: left; 
	font-size: 1.3em;padding-top:0em;margin-top:0em;width: 90%;padding-left:2%;
}


img.doc2 {
        width: 7em;
        height: 4.65em;
        border: .3em #003F51 solid;
        margin-top: .3em;
}


#intro3 div.side-bar-announcement1 {
	line-height:1.6em;
	padding-top: 1.28em;
	font-family: optima, arial, times; 
	font-size: 1.02em;
}


div.neta-right-column img {
	margin-top: 1em;
        width: 4em;
        height: 3em;
        width:10%;
        height:auto;
        border: .1em solid black;

}

div.two-films-synopsis {
text-align: left; font-size: 1.3em;padding-top:0em;margin-top:0em;width: 90%;padding-left:5%;
}