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

html, body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ede1bb;
	text-align: center;
}


#homeWrapper {
	background-image: url(../images/bgMid2.jpg);
	background-repeat: repeat-x;
	background-color: #ede1bb;
	margin: 0;
	
}

#wrapper {
	background-image: url(../images/bgMid2.jpg);
	background-repeat: repeat-x; 
	background-color: #ede1bb;
	margin: 0;
}

#topNav {
	height: 25px;
	color: #ffe09a;
	padding: 5px 5px 0 0;
	text-align: right;
	width:  1000px;
	margin: 0 auto;
}

#topNav a {
	color: #ffe09a;
	text-decoration: none;
	padding: 0 10px;
}

#topNav a:hover {
	color: #fff;
}

#header {
	height: 297px;
	background-image: url(../images/bgHeader.jpg);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
}

#banner {
	width: 1000px;
	margin: 0 auto;
	height: 225px;
	display: none;
}

#homeContent {
	margin: 0;
	width: 1000px;
	background-image: url(../images/bgContent.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	margin: 0 auto;
	text-align: left;
	/* min-height: 700px; */
} 
	
#content {
	margin: 0;
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	/* min-height: 700px; */
} 
	

#nav {
	height: 50px;
	background-image:url(../images/backgroundNav.jpg);
	background-repeat: no-repeat;
	text-align: right;
	width: 1000px;
	margin: 0 auto;
}


#nav a { 
	display: block;
	float: right;
	height: 40px;
}

#nav a.home { background-image:url(../images/nav.jpg); background-position: 0 0; width: 133px; } /* real width: 135 */
#nav a:hover.home { background-image:url(../images/nav.jpg); background-position: 0 -41px; width: 133px; }

#nav a.film { background-image:url(../images/nav.jpg); background-position: -135px 0; width: 133px; }
#nav a:hover.film { background-image:url(../images/nav.jpg); background-position: -135px -41px; width: 133px; }

#nav a.filmmakers { background-image:url(../images/nav.jpg); background-position: -268px 0; width: 133px; }
#nav a:hover.filmmakers { background-image:url(../images/nav.jpg); background-position: -268px -41px; width: 133px; }

#nav a.forum { background-image:url(../images/nav.jpg); background-position: -401px 0; width: 133px; }
#nav a:hover.forum { background-image:url(../images/nav.jpg); background-position: -401px -41px; width: 133px; }

#nav a.getInvolved { background-image:url(../images/nav.jpg); background-position: -401px 0; width: 133px;  }
#nav a:hover.getInvolved { background-image:url(../images/nav.jpg); background-position: -401px -41px; width: 133px; }

#nav a.getInvolved { background-image:url(../images/nav.jpg); background-position: -534px 0; width: 133px; }
#nav a:hover.getInvolved { background-image:url(../images/nav.jpg); background-position: -534px -41px; width: 133px; }

#nav a.events { background-image:url(../images/nav.jpg); background-position: -667px 0; width: 133px;}
#nav a:hover.events { background-image:url(../images/nav.jpg); background-position: -667px -41px; width: 133px; }


#rightColumn a, #rightColumn a:visited {
	color: #804f3a;
	text-decoration: none;
}

#rightColumn a:hover {
	color: #804F3A;
}


#sidebar {
	float: left;
	width: 195px;
	margin: 10px 0 10px 10px;
}

#sidebar a {
	display: block;
	color: #804000;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
	padding: 10px 0;
	width: 170px;
}

#insideSidebar a:hover {
	color: #000;
}

#insideSidebar {
	width: 195px;
	margin: 65px 0 10px 70px;
	float: left;
	background-image: url(/images/bgSidebar.gif);
	background-repeat:no-repeat;
	background-position: right 25px;
	height: 400px;
}

#insideSidebar li#menuBegins {
	padding-top: 10px;
}

#insideSidebar a {
	text-decoration: none;
	font-weight: normal;
	color: #804F3A;
}

#insideSidebar a:hover {
	color: #804F3A;
}

#insideSidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
	}

#insideSidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#insideSidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-top: 15px;
	}

#insideSidebar ul p, #insideSidebar ul select {
	margin: 5px 0 8px;
	}

#insideSidebar ul ul, #insideSidebar ul ol {
	margin: 5px 0 0 10px;
	}

#insideSidebar ul ul ul, #insideSidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #insideSidebar ul ol li {
	list-style: decimal outside;
	}

#insideSidebar ul ul {
	margin-top: 0;
}

#insideSidebar ul ul li, #insideSidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
	
#insideSidebar ul ul li h2, #insideSidebar ul ol li h2 {
	font-size: 12px;
	}

#insideSidebar h1 {
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #804F3A;
	text-transform: uppercase;
}

#insideSidebar h2 {
	font-size: 14px;
	
	}
	
#insideSidebar h1 a{
	color: #176231;
	text-decoration: none;
}	


#mainColumn {
	padding: 0 0 20px 0;
	margin: 0px 0 20px 300px;
	width: 600px;
	
	}

#mainColumn h1.title {
	padding-top: 40px;
	margin-bottom: 30px;
	font-size: 28px;
	font-weight: normal;
	color: #330000;
	letter-spacing: 1px;
}

#mainColumn p {
	font-size: 12px;
	line-height: 16px;
	margin-top: 18px;
}

#mainColumn a, #mainColumn a:visited {
	color: #804f3a;
	text-decoration: none;
}

#mainColumn a:hover {
	color: #804F3A;
}

#mainColumn ol, #mainColumn ul {
	padding: 10px 0 10px 10px;
	margin-left: 30px;
}

#mainColumn ol li, #mainColumn ul li {
	font-size: 14px;
}

.resources {
	background-image:url(../images/ruleEntries.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 10px 10px 10px 10px;
}


.bio {
	background-image:url(../images/ruleEntries.gif);
	background-position: top;
	background-repeat: no-repeat;
	font-size: 18px;
	padding: 10px 10px 10px 10px;
}

.bioPhoto {
	background-color: #f4ebd1;
	padding: 10px;
	float: left;
	margin: 5px 10px 10px 0;
}

.review {
	background-image:url(../images/ruleEntries.gif);
	background-position: top;
	background-repeat: no-repeat;
	font-size: 18px;
	padding: 10px 10px 10px 10px;
}

.event {
	background-image:url(../images/ruleEntries.gif);
	background-position: top;
	background-repeat: no-repeat;
	font-size: 18px;
	padding: 10px 10px 10px 10px;
}

.article {
	background-image:url(../images/ruleEntries.gif);
	background-position: top;
	background-repeat: no-repeat;
	font-size: 18px;
	padding: 10px 10px 10px 10px;
}

#menuOptions p {
	margin: 0;
}

#menuOptions p a{
	display: block;
	background-image:url(../images/ruleEntries.gif);
	background-position: top;
	background-repeat: no-repeat;
	font-size: 16px;
	padding: 15px 10px 0 10px;
}

#menuOptions p a img {
	margin-right: 5px;
}

.captionBox {
	padding: 10px;
	
	width: auto;
	background-color: #f4ebd1;
	text-align: center;
	
}

.captionBox img {
	margin-bottom: 10px;
}

/*blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #804F3A;
	}*/
	
blockquote {
	height: auto;
	background-image: url(../images/paper_tex.jpg);
	background-repeat: repeat-x; 
	color: #186231;
	padding: 25px;
	background-color: #f4ebd1;
	font-size: 14px;
	line-height: 1.5em;
	margin: 10px 10px 10px 10px;
	
}

blockquote p {
	margin-top: 0 !important;
	font-size: 12px !important;
	font-weight: bold;
	line-height: 1.5em;
}

p.attribution {
	text-align: right;
	font-style: italic;
}

blockquote.source {
	margin: 15px 0;
}

blockquote.sources p {
	margin-top: 0 !important;
	font-size: 11px !important;
	line-height: 1.5em;
	font-style: normal;
}

blockquote.sources ul li {
	font-size: 11px !important;
	line-height: 1.5em !important;
	margin-bottom: 4px;
}


#trailer {
	width: 460px;
	background-color: #f4ebd1;
	text-align: center;
	padding: 10px 20px 10px 10px;
	margin: 10px auto 20px auto;
}

#videoBox {
	width: 460px;
	text-align: center;
	padding: 15px;
	margin: 10px auto 30px auto;
}

.videoSelection {
	margin-bottom: 40px;
	background-image:url(../images/ruleEntries.gif);
	background-position: top;
	background-repeat: no-repeat;
	font-size: 18px;
	padding: 10px 10px 10px 10px;
}

.videoSelection img {
	float: left;
	margin: 0px 10px 15px 0px;
}

.videoBreakout {
	width: 200px;
	float: right;
}

.videoTable {
	font-size: 11px;
}

.videoTable a.ex2trigger {
	font-size: 12px;
}

#leftColumn {
	float: left;
	width: 300px;
	margin: 10px 0 40px 85px;
}

#rightColumn { 
	margin: 0;
	float: left;
	width: 530px;
	height: 1% /* Holly hack for Peekaboo Bug */;
	margin: 0 0 120px 55px;
}

#rightColumn p {
	font-size: 13px;
	line-height: 16px;
	width: 520px;
}

#frontHeadline {
	margin-top: 14px;
}

#frontHeadline p {
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 22px;
}

#headlineLinks {
	margin-top: 40px;
}

.headlineLink {
	padding: 0 0 15px 0;
	/* border-top: 1px solid #ddcea1;	
	border-bottom: 1px solid #ddcea1; */
	margin-bottom: 10px;
	background-image: url(../images/ruleLinks.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	/* color: #186231;  Green */
	/* color: #804F3A;  Brown */
	color: #330000;
}

.headlineLink h1 {
	font-size: 13px;
	font-weight: normal;
	color: #663300;
}

.headlineLink p {
	margin: 5px 0;
}

.headlineLink a {
	font-size: 11px;
	/* color: #804F3A; */
	color: #186231;
	text-decoration: none;
}

.headlineLink a:hover {
	color: #990000;
}

.headlineLink h1 a{
	font-size: 12px;
	font-weight: normal;
}


.floatLeft {
	float: left;
	margin: 10px 10px 10px 0;
}

.floatRight {
	float: right;
	margin: 10px 0 10px 10px;
}

.floatCenter {
	display: block;
	margin: 10px auto;
}


#footer {position: relative;
	margin: -170px auto 0 auto; /* negative value of footer height */
	height: 170px;
	clear:both;
	background-color: #000;
	color: #FFF;
	text-align: left;
} 

#footer p {
	font-size: 11px;
}

#footerContent{
	width: 1000px;
	margin: 0 auto;
	padding: 10px;
}

#leftFoot {
	float: left;
	width: 300px;
	margin: 10px 0 40px 85px;
}

#leftFoot ul {
	list-style: none;
	border-top: 1px solid #333;
}

#leftFoot ul li{
	list-style: none;
}

#leftFoot ul li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 5px 0 5px 10px;
	border-bottom: 1px solid #333;
}

#leftFoot ul li a:hover {
	color: #CCC;
}

#rightFoot { 
	margin: 0;
	float: left;
	width: 530px;
	height: 1% /* Holly hack for Peekaboo Bug */;
	margin: 10px 0 120px 50px;
	padding: 4px;
}

#insideLeftFoot {
	float: left;
	width: 195px;
	margin: 10px 0 0 50px;
}

#insideLeftFoot ul {
	list-style: none;
	border-top: 1px solid #333;
}

#insideLeftFoot ul li{
	list-style: none;
}

#insideLeftFoot ul li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 5px 0 5px 10px;
	border-bottom: 1px solid #333;
}

#insideLeftFoot ul li a:hover {
	color: #CCC;
}

#insideRightFoot { 
	margin: 0;
	float: left;
	width: 580px;
	height: 1% /* Holly hack for Peekaboo Bug */;
	margin: 10px 0 120px 50px;
	padding: 4px;
}		

#credits p {
text-align: center;
}


p.editorsNote {
	font-size: 11px !important;
	margin-bottom: 25px;
}

#logoCAAM {
	margin: 18px auto 10px auto;
	display: block;
}


/* Sticky Footer */

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

#content {padding-bottom: 170px;}  /* must be same height as the footer */

#homeContent {padding-bottom: 170px;}  /* must be same height as the footer */



/* CLEAR FIX - For Galleries */
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */