/**
 * This file is for controlling what content looks
 * like - ie: font, colour, background, etc.
 *
 * structure.css contains rules that control how
 * elements are laid out - ie: position, size, 
 * margin & padding.
 *
 */

/******************************************************/
/**************** TEMPORARY STYLES ********************/
/******************************************************/

/* these keep the site working properly while we're in
 * the process of updating the template
 */

#m2w_content_inner { margin: 80px auto 0; position: relative; } 
#page_title { position: absolute; top: -70px; }


/******************************************************/
/*********************** HEADER ***********************/
/******************************************************/

#m2w_header_new { background: url(../../images/header_nav_bg.png) no-repeat; } 
#m2w_header_new #m2w_header_twitter_bubble { color: #ffffff; font-size: 9px; }


/*********************** SUPERFISH MENU ***********************/

#m2w_header_new .sf-sub-indicator { display: none; visibility: hidden; }

#m2w_header_new .arrow { margin-left: 5px; } 

#m2w_header_new ul.sf-menu li.main_nav_item { text-transform: uppercase;j} 

#m2w_header_new ul.sf-menu a, #m2w_header_new ul.sf-menu a:link, #m2w_header_new ul.sf-menu a:visited, #m2w_header_new ul.sf-menu a:hover, #m2w_header_new ul.sf-menu a:active { color: #666666; } 
#m2w_header_new ul.sf-menu li { background: transparent; font-size: 14px; text-transform: none; } 
#m2w_header_new ul.sf-menu li a { border: none; } 
#m2w_header_new ul.sf-menu li li, #m2w_header_new ul.sf-menu li li li.sfHover { background: #f9f9f9; } 
#m2w_header_new ul.sf-menu li li { font-size: 10px; border-left: 1px solid #c2c2c2; border-right: 1px solid #c2c2c2; } 
#m2w_header_new ul.sf-menu li.top-item { border-top: 1px solid #c2c2c2; } 
#m2w_header_new ul.sf-menu li.bottom-item { border-bottom: 1px solid #c2c2c2; }

/* END HEADER */


/******************************************************/
/*********************** SPACER ***********************/
/******************************************************/

/* (blank space between header and content */

#m2w_spacer { }

#m2w_spacer #m2w_title { font-weight: bold; font-size: 36px; line-height: 36px; text-transform: uppercase; } 
#m2w_spacer #m2w_locator { color: #b2b2b2; background: #ffffff; font-size: 13px; font-weight: bold; text-transform: uppercase; }

/* END SPACER */



/******************************************************/
/*********************** FOOTER ***********************/
/******************************************************/

#m2w_footer_new { background: #f9f9f9; font-family: Arial, Helvetica, sans-serif; border-top: 1px dotted #c2c2c2; font-size: 11px; } 
#m2w_footer_new .links a#donate { color: #be4545; } 
#m2w_footer_new .links, #m2w_footer_new .links h3, #m2w_footer_new .links a { color: #616161; } 
#m2w_footer_new .contact, #m2w_footer_new .contact h3, #m2w_footer_new .contact a { color: #b2b2b2; } 
#m2w_footer_new .contact h3, #m2w_footer_new .links h3 { font-weight: bold; margin: 0px; font-size: 12px; } 
#m2w_footer_new .contact a#newsletter { color: #116db6; } 
#m2w_footer_new ul { list-style-type: none; font-size: 12px; }
#m2w_footer_new ul ul { font-size: 11px; }

/* END FOOTER */



/******************************************************/
/********************** CONTENT ***********************/
/******************************************************/

/* MODULE BOX */

.box_new { } 

.box_new .box_content { border: 1px solid #ebebeb; border-top: none; background: #ffffff; } 

.box_new .box_header .box_left { background: url(img/bar-left.png) no-repeat; } 
.box_new .box_header .box_right { background: url(img/bar-right.png) no-repeat; } 
.box_new .box_header .box_title_new { background: url(img/bar-middle.png) repeat-x; color: #000000; font-weight: bold; text-transform: uppercase; }


/* HEADERLESS MODULE BOX */

.box_no_header { } 

.box_no_header .box_content { border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; background: #ffffff; } 

.box_no_header .box_header .box_middle { border-top: 1px solid #e4e4e4; background: #ffffff;} 
.box_no_header .box_header .box_left { background: url(img/headerless-top-left.png); } 
.box_no_header .box_header .box_right { background: url(img/headerless-top-right.png); } 

.box_no_header .box_footer .box_middle { border-bottom: 1px solid #e4e4e4; background: #ffffff; } 
.box_no_header .box_footer .box_left { background: url(img/headerless-bottom-left.png); } 
.box_no_header .box_footer .box_right { background: url(img/headerless-bottom-right.png); }
