/* /////// ------- LAYOUT.CSS ------- \\\\\\\ */
/* Layout.css is intended for structural css only. All the heavy lifting is done here. */
/*
	Author(original):	Chameleon Creative - Chad Fontaine
	Author URI:			http://www.chameleoncreative.com/
	Version:			0.1
	Last Revision:		Date
	Revised Made By:	Name
	Project:			Project Name
	Description:		Description
*/

body { background-image: url(../images/layout/index_background_fill.jpg);}
#background_1 { background-image: url(../images/layout/index-background.jpg);}


#sandbags { display:none;}
#column_two h2 { color:#fff; font: bold 16px/normal Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px; padding: 60px 0px 0px 0px; text-transform:uppercase; text-align:left}

#header { background: url(../images/layout/index_header.jpg) no-repeat;}


/* --- NAVIGATION --- */
#navigation ul.menu { float:left !important;}
#navigation ul.menu li a.list3 { margin-left:380px !important; }




/* --- INDEX SPECIFIC --- */
#banner, #banner_wrapper {width:1002px; height: 355px; float:left; display:block; overflow:hidden;}
#banner { background:url(../images/layout/index_banner_left.jpg) no-repeat left top;}
#banner_wrapper { background:url(../images/layout/index_banner_right.jpg) no-repeat right top;}
#banner_slides { margin-left:34px; height: 355px;}

/* --- VARIABLE LAYOUT EMELENTS --- */
#header_spacer { background:url(../images/layout/index_header_spacer.jpg) no-repeat 0px 0px;}
#content_wrapper_1 { background:url(../images/layout/index_content_fill.gif) repeat-y 338px 0px;}
#content_wrapper_2 { background:url(../images/layout/index_content_bottom.jpg) no-repeat  338px bottom;}
#content_wrapper_3 { background:url(../images/layout/index_content_top.jpg) no-repeat right top;}

#column_one, #column_one_wrapper, #column_one_inner_wrapper { width:338px; float:left;}
#column_one { background:url(../images/layout/index_sidebar_fill.gif) repeat-y right top;}
#column_one_wrapper { background:url(../images/layout/index_sidebar_top.jpg)  no-repeat 0px 0px;}
#column_one_inner_wrapper { background:url(../images/layout/index_sidebar_bottom.gif) no-repeat right bottom;}
#column_one_pad { margin: 70px 0px 15px 50px;}

#column_one_pad p { padding:0px; margin: 10px 25px;}

#column_two { width: 664px; float:left;} 
#column_two_pad { margin: 10px 110px 15px 55px;}


#footer { background: url(../images/layout/index_footer.jpg) no-repeat 338px top;}
#copyright strong, #credits a, #credits a:active, #credits a:link, #credits a:visited { font: normal 11px/normal Verdana, Arial, Helvetica, sans-serif;}
#copyright strong { padding: 30px 150px 0px 0px;}
#credits a, #credits a:active, #credits a:link, #credits a:visited { margin: 0px 150px 0px 0px; }


/* ------- SIDEBAR STAFF RESOURCES --- */
#staff_resources h2 { /* COLOR:#023a79;*/  margin: 0px 0px 10px 10px; color:#fff;}
#staff_resources p { padding:0px 20px 10px 20px; margin:0px;}
#staff_resources div {}
#staff_resources form { margin: 0px 10px 0px 20px; padding:0px; text-align:right}
#staff_resources form #password_field { background:#cacaca; color:#000; font:normal 11px/normal Verdana, Geneva, sans-serif; border: 1px solid #004f9f; text-align:right; width:190px; padding-right:2px;}
#staff_resources form #go_button { background:#00a2eb url(../images/layout/button_fill.gif) repeat-x left bottom; color:#002c58; font:bold 11px/normal Verdana, Geneva, sans-serif; border: 1px solid #004f9f;}
#staff_resources #lost_password { text-align:right; margin: 0px 10px 5px 0px;}
#staff_resources #lost_password a { color:#ee3b33; font: bold 10px/normal Verdana, Geneva, sans-serif; text-decoration:none;}
#staff_resources #lost_password a:hover { color:#002c58; text-decoration:underline;}
#staff_resources #icons { text-align:center; margin-bottom:10px;}
#staff_resources #icons img { margin: 0px 5px;}


/* ------- SIDEBAR RANDOM IMAGES --- */
#random_images { margin-bottom:20px;}
#random_images h2 { background:#023a79; padding-left:10px; padding: 0px 0px 2px 10px;}
#random_images img { border:1px solid #023a79; width:80px; height:50px;}
#random_images #thumbs { text-align:center;}
#random_images #more_images { text-align:right;}
#random_images #more_images a { font-weight:bold; margin-right:10px;}

/* ------- random gallery ------- */
#column_one div.view-content {}
#column_one div.view-content img {}
#column_one div.view-content a img { margin: 5px 1px 5px 5px; border:1px solid #023a79;}
#column_one div.view-content a:hover img { margin: 4px 0px 4px 4px; padding:1px; border:1px solid #000;}
#column_one div.view-header h2 {  background:#023a79; padding: 0px 0px 2px 10px; margin:0px;}
span.field-content { width:33%;}