@charset "UTF-8";
/* CSS Document */

/*Style Sheet-----Serac Adventure Films- Upper Navigation Web Pages*/ 


/*-----Background Formatting*/
body {background-color: #FFFFFF;
background-image: url();
background-repeat: ;
background-position: ;
font-family: verdana, arial, sans-serif;
}

.style_paragraph {font-family: verdana, arial, sans-serif; font-size: 14px; color:#ffffff; line-height: 20px; margin-left:10px; margin-right:10px; margin-top:10px; margin-bottom:10px;}

.style_yellow {font-family: verdana, arial, sans-serif; font-size: 16px; color:#FFcc00; line-height: 30px; margin-left:10px; margin-right:10px; margin-top:10px; margin-bottom:10px; font-weight: bold;}

.style1a {font-family: verdana, sans-serif; font-size: 24px; color:#333333; line-height: 32px; font-weight:bold;}

.style2a {font-family: verdana, sans-serif; font-size: 16px; color:#333333; line-height: 26px; font-weight:bold;}

.style3a {font-family: verdana, sans-serif; font-size: 13px; color:#333333; line-height: 16px;}

.style3b {font-family: verdana, arial, sans-serif; font-size: 13px; color:#333333; line-height: 20px; 
margin-left:10px; margin-right:20px; margin-top:10px; margin-bottom:10px;}

.style3bb {font-family: verdana, arial, sans-serif; font-size: 11px; color:#333333; line-height: 16px; 
margin-left:5px; margin-top:0px;}

.style3bc {font-family: verdana, arial, sans-serif; font-size: 13px; color:#333333; line-height: 20px; 
margin-left:20px; margin-right:20px; margin-top:10px; margin-bottom:10px;}

.style3d {font-family: verdana, arial, sans-serif; font-size: 11px; color:#666666; line-height: 18px; border-bottom: #CCCCCC dashed thin; margin-left:0px; margin-right:0px;}

.style3e {font-family: verdana, arial, sans-serif; font-size: 11px; color:#666666; line-height: 18px;}
.style3ee {font-family: verdana, arial, sans-serif; font-size: 11px; color:#666666; line-height: 18px;}

.style3f{font-family: verdana, arial, sans-serif; font-size:11px; color: #0066cc; text-decoration:underline;}

.style3y {font-family: verdana, arial, sans-serif; font-size: 11px; color: #FFCC00; line-height: 18px;}

.style3w {font-family: verdana, arial, sans-serif; font-size: 11px; color: #CCCCCC; line-height: 18px;}

.style4b {font-family: verdana, arial, sans-serif; font-size: 12px; color: #0066cc; text-decoration:underline; font-weight:bold; line-height:20px;}

.style4e {font-family: verdana, sans-serif; font-size: 12px; color:#666666; line-height: 16px;}

.style4f {font-family: verdana, sans-serif; font-size: 12px; color:#000000; line-height: 16px;}

.style4c {font-family: verdana, arial, sans-serif; font-size: 12px; color: #0066cc; text-decoration:none; font-weight:bold; line-height:20px;}

.style5e {font-family: verdana, sans-serif; font-size: 10px; color:#666666; line-height: 16px;}


.scrollbox {overflow: auto; height:275px; padding: 8px;}
.scrollbox2 {overflow: auto; height:325px; padding: 8px; margin-right:30px;}


a.nav {
display: inline-block;
padding : 9px;
border-left: 1px solid #BDBDBD;
border-top: 1px solid #BDBDBD;
border-bottom:1px solid #BDBDBD;
color:#000000;
background: url(../images/formatting/tab-back-grey.gif) repeat-x 0 0;
font-family: arial, sans-serif; 
font-size: 14px;
line-height: 15.5px;
text-decoration: none;
font-weight: bold;
letter-spacing: -1px
}

a.nav:hover {
display: inline-block;
padding : 9px;
border-left: 1px solid #BDBDBD;
border-top: 1px solid #BDBDBD;
border-bottom:1px solid #BDBDBD;
color: #FF0000;
background: url(../images/formatting/tab-back-grey.gif) repeat-x 0 0;
font-family: arial, sans-serif; 
font-size: 14px;
line-height: 15.5px;
text-decoration: none;
font-weight: bold;
letter-spacing: -1px
}

a.nav2 {
display: inline-block;
width: 190px;
padding : 9px;
border-left: 1px solid #BDBDBD;
border-top: 1px solid #BDBDBD;
border-bottom:1px solid #BDBDBD;
color:#000000;
background: url(../images/formatting/tab_info_black.gif) no-repeat 0 0;
font-family: verdana, arial, sans-serif; 
font-size: 12.5px;
line-height:16px;
text-decoration: none;
font-weight: bold;
text-align:left;
padding-left: 15px;
}

a.nav2:hover {
display: inline-block;
width: 190px;
padding : 9px;
border-left: 1px solid #BDBDBD;
border-top: 1px solid #BDBDBD;
border-bottom:1px solid #BDBDBD;
color: #FF0000;
background: url(../images/formatting/tab_info_red.gif) no-repeat 0 0;
font-family: verdana, arial, sans-serif; 
font-size: 12.5px;
line-height:16px;
text-decoration: none;
font-weight: bold;
text-align:left;
padding-left: 15px;
}

/*-----Paragraph Links*/
a.link1db:link {color: #0066cc; text-decoration:underline; font-size:10px; }
a.link1db:visited {color: #0066cc; text-decoration:underline; font-size:10px; }
a.link1db:hover {color: #000066; text-decoration:underline; font-size:10px; }
a.link1db:active {color: #003366; text-decoration:underline; font-size:10px; }

a.link1dbm:link {color: #0066cc; text-decoration:underline; font-size:11px; }
a.link1dbm:visited {color: #0066cc; text-decoration:underline; font-size:11px; }
a.link1dbm:hover {color: #000066; text-decoration:underline; font-size:11px; }
a.link1dbm:active {color: #003366; text-decoration:underline; font-size:11px; }

a.link1dbmm:link {color: #0066cc; text-decoration:none; font-size:11px; }
a.link1dbmm:visited {color: #0066cc; text-decoration:none; font-size:11px; }
a.link1dbmm:hover {color: #000066; text-decoration:none; font-size:11px; }
a.link1dbmm:active {color: #000066; text-decoration:none; font-size:11px; }

a.link1dbmo:link {color: #0066cc; text-decoration:underline; font-size:11px; font-weight:bold;}
a.link1dbmo:visited {color: #0066cc; text-decoration:underline; font-size:11px; font-weight:bold;}
a.link1dbmo:hover {color: #000066; text-decoration:underline; font-size:11px; font-weight:bold; }
a.link1dbmo:active {color: #003366; text-decoration:underline; font-size:11px; font-weight:bold;}

a.link1dbr:link {color: #0066cc; text-decoration:underline; font-size:13px; font-weight:bold;}
a.link1dbr:visited {color: #0066cc; text-decoration:underline; font-size:13px; font-weight:bold;}
a.link1dbr:hover {color: #000066; text-decoration:underline; font-size:13px; font-weight:bold;}
a.link1dbr:active {color: #003366; text-decoration:underline; font-size:13px; font-weight:bold;}

a.link1dbrg:link {color: #0066cc; text-decoration:underline; font-size:16px; font-weight:bold;}
a.link1dbrg:visited {color: #0066cc; text-decoration:underline; font-size:16px; font-weight:bold;}
a.link1dbrg:hover {color: #000066; text-decoration:underline; font-size:16px; font-weight:bold;}
a.link1dbrg:active {color: #003366; text-decoration:underline; font-size:16px; font-weight:bold;}

a.link1dby:link {color: #FFC900; text-decoration:none; font-size:11px; font-weight:bold;}
a.link1dby:visited {color: #FFC900; text-decoration:none; font-size:11px; font-weight:bold;}
a.link1dby:hover {color: #FFC900; text-decoration:underline; font-size:11px; font-weight:bold;}
a.link1dby:active {color: #FFC900; text-decoration:underline; font-size:11px; font-weight:bold;}

a.link1dbro:link {color: #0066cc; text-decoration:underline; font-size:11px;}
a.link1dbro:visited {color: #0066cc; text-decoration:underline; font-size:11px;}
a.link1dbro:hover {color: #000066; text-decoration:underline; font-size:11px;}
a.link1dbro:active {color: #003366; text-decoration:underline; font-size:11px;}

a.link1dbg:link {color:#989680; text-decoration:none; font-size:11px; font-weight:bold;}
a.link1dbg:visited {color:#989680; text-decoration:none; font-size:11px; font-weight:bold;}
a.link1dbg:hover {color: #CCCCCC; text-decoration:underline; font-size:11px; font-weight:bold;}
a.link1dbg:active {color: #CCCCCC; text-decoration:underline; font-size:11px; font-weight:bold;}

a.link1dbrm:link {color: #0066cc; text-decoration:underline; font-size:12px;}
a.link1dbrm:visited {color: #0066cc; text-decoration:underline; font-size:12px;}
a.link1dbrm:hover {color: #000066; text-decoration:underline; font-size:12px;}
a.link1dbrm:active {color: #003366; text-decoration:underline; font-size:12px;}


/*-----Image formatting and framing*/
.image {float: center; padding: 0.25em; border: none; margin-right: 8px; margin-left: 8px;}
.image_l {float: left; padding: 0.25em; border: none; margin-right: 10px; margin-bottom: 10px; margin-left: 0px; }
.image_lb {float: left; padding: 0.25em; border: none; margin-right: 10px; margin-bottom: 35px; margin-left: 0px; }
.image_lb2 {float: left; padding: 0.25em; border: none; margin-right: 10px; margin-bottom: 90px; margin-left: 0px; }
.image_lb3 {float: left; padding: 0.25em; border: none; margin-right: 10px; margin-bottom: 235px; margin-left: 0px; }
.image_r {float: right; padding: 0.25em; border: none; margin-right: 0px; margin-left: 4px;}
.image_sp {border: none; margin-right: 20px; margin-left: 20px; margin-left: 0px;}
.image_sn {border: none; margin-top: 4px; margin-bottom:0px;}



/*-----Div*/
#blog {
display: inline-block;
padding : 0px;
width:550px;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
border-top: 1px solid #999999;
border-bottom:1px solid #999999;
background-color:#CCCCCC;
margin-left:10px;
}
.

/*-----List*/
#navlist {list-style: none; margin-left:-35px;}

#navlist li
{
list-style: none;
margin-left: -20px;
padding-left: 15px;
padding-top:0px;
background-image: url(../images/formatting/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
line-height:18px;
} 

#navlist2 {list-style: none; margin-left:-5px;}

#navlist2 li
{
list-style: none;
padding-left: 10px;
padding-top:0px;
background-image: url(../images/formatting/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
line-height:18px;
} 


/*OPACITY addition the "4" for quality...*/
.highlightit4 img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
}

.highlightit4:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: .8;
opacity: .8;
filter: alpha(opacity=80);
}



/*-----Lightbox*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; font-family: arial, sans-serif; font-size: 14px; color:#333333; line-height: 16px;}
#keyboardMsg{ float: right; font-family: arial, sans-serif; font-size: 14px; color:#ffffff; line-height: 16px;}
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(http://www.adventurefilmschool.com/images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.adventurefilmschool.com/images/overlay.png", sizingMethod="scale");
}
	
	

/*-----Recaptcha*/

#recaptcha_image img {
      width: 155px;
      border: 0px;
	  margin-left:10px;
    }   
 #divrecaptcha{  
     width:100px;  
     font-size:12px; font-family:Arial, verdana, sans-serif;  
 }  
 #controls{ width:100px; float:rightright; }  

 #recaptcha_response_field {  
    border: 1px solid #999 !important; //Text input field border color  
    background-color:#ccc !important; //Text input field background color  
    width:100px !important;  
    padding:2px;  
 }  
 #divrecaptcha a{  
      color: #0099ff; text-decoration:none; font-size:12px;; font-weight:bold;
 }  
 #divrecaptcha a:hover{  
      color: #0099ff; text-decoration:underline; font-size:12px; font-weight:bold;
 } 
 
 
 
 /*-----Tabber*/
 /* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 0px 0;
 border-bottom: 0px solid #778;
 font: bold 12px verdana, sans-serif;
 
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline-block;
 width:92px;
 padding-right:5px;
}

ul.tabbernav li a
{
 padding-top: 16px;
 padding-bottom: 16px;
 margin-left: 0px;
 border: 0px solid #778;
 display: inline-block;
 width:92px;
 border-bottom: none;
 background: #ffffff;
 text-decoration: none;
 text-align:center;
  background-image:url(../images/formatting/tab2_long.gif); background-repeat:no-repeat; background-position: left;
}

ul.tabbernav li a:link { color: #000000; }
ul.tabbernav li a:visited { color: #000000; }

ul.tabbernav li a:hover
{
 color: #000;
  background-image:url(../images/formatting/tab2_long.gif); background-repeat:no-repeat; background-position: left;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #ffffff;
 margin-left: 0px;
 width:92px;
 border-bottom: 0px solid #fff;
 background-image:url(../images/formatting/tab_long.gif); background-repeat:no-repeat; background-position: left;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background-image:url(../images/formatting/tab_long.gif); background-repeat:no-repeat; background-position: left;
 border-bottom: 0px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:0px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

 
 
 /*-----Google Search*/
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 1%;
  width: 96%;
}
.cse .gsc-branding,
.gsc-branding {
  display: none;
}
.cse .gsc-control-cse div,
.gsc-control-cse div {
  position: normal;
}
/* Selector for entire element. */
.cse .gsc-control-cse,
.gsc-control-cse {
  background-color: #000000;
  border: 0px solid;
  border-color: #ffffff;
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
  border:none;
}
/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button {
  font-family: inherit;
  color: #000000;
  text-shadow: 0 1px 2px #FFFFFF;
  background-color: #CECECE;
  border: 1px outset;
  border-color: #666666;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  border-bottom: none;
  color: #666666;
  background-color: #e9e9e9;
  border: 1px solid;
  border-color: #e9e9e9;
  border-bottom: none;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  background-color: #FFFFFF;
  border: 1px solid;
  border-top: 2px solid;
  border-color: #e9e9e9;
  border-top-color: #FF9900;
  border-bottom: none;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
  margin-top: 0em;
  border-bottom: 1px solid #e9e9e9;
}
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result {
  padding: 0em;
  border: 1px solid;
  border-color: #ffffff;
  margin-bottom: 0em;
}
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover {
  border: 1px solid;
  border-color: #FFFFFF;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gs-promotion.gs-result,
.gs-promotion.gs-result {
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: #336699;
}
/* Promotion image */
.cse .gs-promotion.gs-result .gs-promotion-image,
.gs-promotion.gs-result .gs-promotion-image {}
/* Promotion title */
.cse .gs-promotion.gs-result a.gs-title:link,
.gs-promotion.gs-result a.gs-title:link {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:visited,
.gs-promotion.gs-result a.gs-title:visited {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:hover,
.gs-promotion.gs-result a.gs-title:hover {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:active,
.gs-promotion.gs-result a.gs-title:active {
  color: #0000CC;
}
/* Promotion snippet */
.cse .gs-promotion.gs-result .gs-snippet,
.gs-promotion.gs-result .gs-snippet {
  color: #000000;
}
/* Promotion url */
.cse .gs-promotion.gs-result ..gs-visibleUrl,
.gs-promotion.gs-result .gs-visibleUrl {
  color: #008000;
}
/* Style for auto-completion table
 * .gsc-completion-selected : styling for a suggested query which the user has moused-over
 * .gsc-completion-container : styling for the table which contains the completions
 */
.gsc-completion-selected {
  background: #D5E2FF;
}
.gsc-completion-container {
  font-family: Arial, sans-serif;
  font-size: 13px;
  position: absolute;
  background: white;
  border: 1px solid #666666;
  margin-left: 0;
  margin-right: 0;
  /* The top, left, and width are set in JavaScript. */
}


/*
#black_banner{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 37px;
	width: 100%;
	padding: 0em;
	color:#FFFFFF;
	background-color: #000000;
}

#black_banner_text{
	position: absolute;
	left: 50%;
	top: 0px;
	height: 37px;
	width: 1000px;
	padding: 0em;
	text-align: left;
	color:#FFFFFF;
	background-color: #000000;
	margin-left: -500px;

	
}
*/

 
  
 </style>