/* 
Colors
Orange: d06f1a
Blue: 1b75bc
Red: ee3423
Green: afbc23
*/

body {
	margin: 0;
	font: 62.5%/1.5em arial, helvetica, sans-serif;
	text-align: center;
	color: #464647;
	background-color: #ffeac9;
}

/* PC FF3 adds an outline to Flash objects? */
a, object {
	outline: none;
}

a img { border: none; }

h1, h2, h3, h4, h5, h6 {
    color: #000;
}  

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, 
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited  {
    color: #000;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #000;
} 

h1 { font-size: 1.8em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; } 

h1 { 
    color: #000;
    margin: 0 0 1.5em 0;
} 

h3 {
	margin-bottom: 0;
}

h2, h3, h4, h5, h6 {
	
}

dt {
	font-weight: bold;
	margin-bottom: 0;
}
dd {
	margin: 0 1.5em;
}
	dd p:first-child {
		margin-top: .5em;
	}
 

a,
a:link,
a:visited {
    color: #000;
}
a:hover,
a:active {
    color: #000;
}

fieldset { border: none; }
legend { }

strong, b { font-weight: bold; }
em, i { font-style: italic; }

p {
	line-height: 1.5em;
}
	
div.hr {
  	height: 3px;
  	margin: 10px 0;
  	background: #fff url() 0 0 repeat-x;
}
	div.hr hr {
	  	display: none;
	}

ul, ol {
    margin: 1em 2em;
    padding: 1em;
    list-style: disc;
    color: #666;
}

ol {
    list-style: decimal;
    padding-left: 2.5em;
}
	ol ul,
	ol ol {
		margin: 0;
		padding: .5 1em;
	}

ol.orderedList li span {
    color: #666;
}
ol.orderedList {
}
	li {
	    margin: 0;
	    padding: 0;
	} 

blockquote, q {
    margin: 1em 2em;
    padding: 1em;
    border-left: 1px solid #dcd6c6;
    font-style: italic; 
    font-size: 1.2em;   
    color: #666; 
}   

small,
.small { 
    font-size: .8em;
}

/*table { border: 0; border-collapse: collapse; }*/

address { font-style: normal; }
form { margin: 0; }


/* ----------------
    PAGE STRUCTURE
    ------------- */
#page {
	min-height: 400px;
	text-align: left;
	padding: 0;
	font-size: 1.2em;
}

#wrapper {
	position: relative;
	margin: 0 auto;	
	width: 800px;
}

#header {
	position: relative;
	height: 225px;
}
	body.home #header {
		height: 50px;
	}
	#headerImage {
		position: absolute;
		bottom: 7px;
		right: 30px;
		width: 544px;
		height: 168px;
	}

#columns {
	background: url(../images/bg_faux_columns.gif) 0 0 repeat-y;
}
	body.home #columns {
		margin-top: 10px;
	}

#columnSub {
	position: relative;
	width: 195px;
	float: left;
	color: #58595b;
}
	body.home #columnSub {
		margin-top: 195px;
	}
#columnMain {
	position: relative;
	float: left;
	width: 600px;
	margin-left: 5px;
}
	#columnSubInner,
	#columnMainInner {
		padding: 10px;
		min-height: 400px;
	}
	#columnMainInner {
		padding-left: 40px
	}
		body.home #columnSubInner,
		body.home #columnMainInner {
			min-height: 200px;
			
		}
		body.home #columnMainInner {
			padding: 0;
			line-height: 0; /* kill some extra white space below the image */
		}
		
		body.home #columnMain {
			background-color: #faa733;
		}		
		
		#video {
			margin: 25px 0 32px 65px;
			background: #FAA733;	
			
		}

/* ----------------
    PAGE STRUCTURE ELEMENTS
    ------------- */
#logo {
	width: 195px;
	height: 200px;
	display: block;
	background: #ffeac9 url(../images/logo_losamigos.gif) 50% 50% no-repeat;
	position: absolute;
	top: 35px;
	left: 0;
	margin: 0;
	padding: 0;
	font-size: 1em;
}
	#logo a {
		width: 195px;
		height: 200px;
		display: block;
		text-indent: -9999px;
	}
	body.home #logo {
		top: 85px;
	}

#columnMain h1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 300px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 50% 0;
}

#tools {
	position: absolute;
	top: 12px;
	right: 0;
	width: 440px;
}
	#tools #search {
		position: absolute;
		right: 0;
		top: 0;
	}
		#tools #search .inputText {
			width: 90px
		}

#contentApparel {
	width:281px;
	float:left;
	
	}



/* ----------------
    NAVIGATION
    ------------- */
#navMain {
	background-color: #d06f1a;
}
#navMain ul {
	z-index: 99;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 800px;
	height: 27px;
	background: url(../images/nav.gif) 0 0 no-repeat;
}
	#navMain ul li {
		position: absolute;
		margin: 0;
		padding: 0;
		left: 0;
		top: 0;	
		height: 27px;
		border-left: 1px solid #e19c63;
	}
		#navMain a {
			display: block;
			height: 27px;
			text-indent: -9999px;
			background-image: url(../images/nav.gif);
			background-repeat: no-repeat;
		}
		
		#navMain ul li#nav-home { left: 32px; }
		#navMain ul li#nav-home a { 
			width: 66px; 
			background-position: -32px 0;
			background-color: #ee3424;
		}
			#navMain ul li#nav-home a:hover { background-position: -32px -27px; }
			#navMain ul li#nav-home.active a,
			#navMain ul li#nav-home.active a:hover { background-position: -32px -54px; }
		
		#navMain ul li#nav-who { left: 100px; }
		#navMain ul li#nav-who a { 
			width: 99px; 
			background-position: -100px 0;
			background-color: #1b75bc;
		}
			#navMain ul li#nav-who a:hover { background-position: -100px -27px; }
			#navMain ul li#nav-who.active a,
			#navMain ul li#nav-who.active a:hover { background-position: -100px -54px; }
		
		#navMain ul li#nav-programs { left: 200px; }
		#navMain ul li#nav-programs a { 
			width: 153px; 
			background-position: -200px 0;
			background-color: #b0bd22;
		}
			#navMain ul li#nav-programs a:hover { background-position: -200px -27px; }
			#navMain ul li#nav-programs.active a,
			#navMain ul li#nav-programs.active a:hover { background-position: -200px -54px; }
		
		#navMain ul li#nav-how { left: 354px; }
		#navMain ul li#nav-how a { 
			width: 97px; 
			background-position: -354px 0;
			background-color: #faa633;
		}
			#navMain ul li#nav-how a:hover { background-position: -354px -27px; }
			#navMain ul li#nav-how.active a,
			#navMain ul li#nav-how.active a:hover { background-position: -354px -54px; }
		
		#navMain ul li#nav-visit { left: 452px; }
		#navMain ul li#nav-visit a { 
			width: 109px; 
			background-position: -452px 0;
			background-color: #ee3424;
		}
			#navMain ul li#nav-visit a:hover { background-position: -452px -27px; }
			#navMain ul li#nav-visit.active a,
			#navMain ul li#nav-visit.active a:hover { background-position: -452px -54px; }
		
		#navMain ul li#nav-news { left: 562px; }
		#navMain ul li#nav-news a { 
			width: 109px; 
			background-position: -562px 0;
			background-color: #29aae2;
		}
			#navMain ul li#nav-news a:hover { background-position: -562px -27px; }
			#navMain ul li#nav-news.active a,
			#navMain ul li#nav-news.active a:hover { background-position: -562px -54px; }
		
		#navMain ul li#nav-mission { left: 672px; }
		#navMain ul li#nav-mission a { 
			width: 95px; 
			background-position: -672px 0;
			background-color: #1c75bc;
		}
			#navMain ul li#nav-mission { border-right: 1px solid #e19c63; }
			#navMain ul li#nav-mission a:hover { background-position: -672px -27px; }
			#navMain ul li#nav-mission.active a,
			#navMain ul li#nav-mission.active a:hover { background-position: -672px -54px; }
		
		#navMain ul li.active a { height: 28px;	}
		#navMain ul li#nav-home.active a { height: 27px; }		

#navSub {
	position: relative;
	list-style: none;
	margin: 0
	padding: 0;
	text-align: center;
	height: 27px;
}
	#navSubInner {
		background: url(../images/line_nav_sub_top.png) 0 0 repeat-x;
	}
	#navSub ul {
		display: inline-block;
		margin: 0 32px;
		padding: 0;
		background: url(../images/line_nav_sub_divider.png) 100% 50% no-repeat;
	}
		#navSub ul ul {
			margin: 0;
		}
	
	#navSub.who #navSubInner { text-align: left; }
	#navSub.programs #navSubInner { text-align: center; }
	#navSub.how #navSubInner { text-align: center; }
	#navSub.visit #navSubInner { text-align: center; }
	#navSub.news #navSubInner { text-align: right; }	
	#navSub.mission #navSubInner { text-align: right;}
	
	#navSub.who #navSubInner, #navSub.who #navSubInner ul { background-color: #1b75bc; }
	#navSub.programs #navSubInner, #navSub.programs #navSubInner ul { background-color: #b0bd22; }
	#navSub.how #navSubInner, #navSub.how #navSubInner ul { background-color: #faa633; }
	#navSub.visit #navSubInner, #navSub.visit #navSubInner ul { background-color: #ee3424; }
	#navSub.news #navSubInner, #navSub.news #navSubInner ul { background-color: #29aae2; }	
	#navSub.mission #navSubInner, #navSub.mission #navSubInner ul { background-color: #1c75bc;}
	
	#navSub li li { text-align: left; }
	
	#navSub li {
		width: auto;
		height: 27px;
		display: inline-block;
		background: url(../images/line_nav_sub_divider.png) 0 50% no-repeat;
	}
		#navSub li li {
			display: block;
			height: auto;
		}
		#navSub a {
			font-size: .8em;
			text-transform: uppercase;
			padding: 0 1.2em 0 1em;
			line-height: 27px;
			color: #fff;
			text-decoration: none;
		}
			#navSub li li a {
				text-transform: none;
				font-size: 0.95em;
				padding: 0 10px;
			}
			#navSub li li.last-child a {
				padding-bottom: 2px
			}
			#navSub a:hover {
				color: #ffeac9;
			}

#tools ul {
	position: absolute;
	top: 5px;
	left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}
	#tools li {
		display: inline-block;
	}
	#tools a {
		color: #ef3524;
		padding: .5em 1.2em;
		text-decoration: none;
		text-transform: uppercase;
		font-size: .8em;
	}
		#tools a:hover {
			background: url(../images/icon_leaf.gif) 0 50% no-repeat;
		}

#breadCrumbs,
#breadCrumbs a {
	color: #999;
	font-style: italic;
}

.imageCaption {
	color: #666;
	/*border-bottom: 1px solid #ededed;*/
	font-size: .8em;
	padding-bottom: .5em;
}
	.imageCaption p {
		margin: 0;
	}
	a .imageCaption {
		text-decoration: none;
	}

#columnMain img,
.imageCaption {
	margin: 1em;
}
	#columnMain .imageCaption img,
	body.home #columnMain img {
		margin: 0;
	}

/* ----------------
    FORM ELEMENTS
    ------------- */
fieldset {
	border: 1px solid #e4e4e4;
	margin: 2em 0 0 0;
}
	fieldset ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		fieldset li {
			clear: both;
			padding: .5em;
		}
		
fieldset legend {
	font-weight: bold;
	margin: 0;
}
	
fieldset label,
fieldset input[type="text"]{
    float: left;
    display: block;
}
fieldset label {
	text-align: right;
    margin-right: 5px;
    padding: 4px 0;
}
fieldset .inputText,
fieldset .inputTextarea,
fieldset .inputTextareaSmall {
    width: 170px;
    overflow: auto;
    padding: 4px;
}
fieldset .inputTextarea {
	height: 8em;
	width: 300px;
}
fieldset .inputTextareaSmall {
	height: 4em;
}
fieldset p.submit {
	text-align: center;
}

div.errors {
	background: #FFFCD7 url(../images/bg_error.gif) 0 0 repeat-x;
	border: 1px solid #E0D75F;
	margin: 1em 0;
	width: 100%;
}
	div.errorsInner {
		padding-left: 80px;
		background: url(../images/big_error.gif) 15px 1em no-repeat;
	}
label span {
	color: red;
}

	
		

/* ----------------
    MISC
    ------------- */
div.buttons {
	margin: 2em 0;
	text-align: center;
}
	body.home div.buttons {
		/* - changed for choir CD button margin-top: 5em; */
		margin-top: 2.5em;
		
	}
a.button {
	text-align: center;
	background-color: #d1701a;
	margin: 1em auto;
}    
	a.button {
		display: block;
		width: 155px;
		color: #fff !important;
		padding: .8em;
		text-decoration: none;
		text-transform: uppercase;
	}
	a.buttonRed { background-color: #ee3424; }
	a.buttonBlue { background-color: #1b75bc; }
	a.button:hover { color: #333 !important; }
	a.buttonBlue:hover {background-color: #4d99d5;   }
		
.floatLeft {float: left;}
.floatRight {float: right;}
.alignLeft {text-align: left;}
.alighRight {text-align: right;}
.alignCenter {text-align: center;}
.clear {clear: both;}


/* ----------------
    CLEAR FLOATS WITHOUT EXTRA HTML MARKUP
    the ID or class is the parent of the floated items
    ------------- */ 
#wrapper:after,
#columns:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}

#wrapper,
#columns { 
	display: inline-block; 
	_height: 1%;
}

/* Hides from IE-mac \*/
#wrapper,
#columns { display: block; }
/* ----------------
    END CLEAR FLOATS WITHOUT EXTRA HTML MARKUP
    ------------- */