*{ font-family:Verdana;}

body{ margin:0; padding:0; font-size:11px;}

a, a:visited{ color:#23b8b8; text-decoration:underline;}
a:hover{ text-decoration:none;}

h1{ font-size:18px;}
h2{ font-size:14px;}
h3{ font-size:12px;color:#23b8b8}

.bold{ font-weight:bold; color:#23b8b8;width:190px;padding-top:5px;}

hr { border:1px solid #23b8b8;}

/* form controls*/
input, .textbox, .CMSSearchDialogSearchForTextBox, .CMSSearchDialogSearchModeDropDownList{ border:1px solid #24b8b8; font-size:11px; height:13px; padding:3px;}
textarea{ border:1px solid #24b8b8; font-size:11px; padding:3px;}
.CMSSearchDialogSearchModeDropDownList{ height:22px;}

.FormButton, .CMSSearchDialogSearchButton{ width:50px; border:1px solid #c6c6c6; padding:0; height:22px;}

SPAN.hide{ display:none;}
DIV.clear{ clear:both;}

.breadcrumbs{ border-bottom:1px solid #cccccc; padding-bottom:5px;}


DIV#container{ width:779px; margin:0 auto 0 auto;}

DIV#header{ }

div.home-head{ height:270px; background:url(../app_themes/cmat/images/header/header_image_home.jpg);}

div.initiative-head{ height:180px;
background:url(../app_themes/cmat/images/header/community_initiatives.jpg);}

div.learning-head{ height:180px; background:url(../app_themes/cmat/images/header/header_image_learning.jpg);}

div.creative-head{ height:180px; background:url(../app_themes/cmat/images/header/header_image_creative.jpg);}

div.contact-head{ height:180px; background:url(../app_themes/cmat/images/header/header_image_contact.jpg);}

div.general{ height:180px; background:url(../app_themes/cmat/images/header/header_image_general.jpg);}


/*****************
 **	  HEADER	**
 *****************/
DIV.logo{ margin-top:20px; width:500px; height:70px; float:left;}
DIV.logo img{ border:0;}


/* search box */
DIV#search-box {margin-top:20px; float:right;}
DIV#search-box b{ margin:0; padding:0; line-height:20px;}
DIV#search-box .button a{color:#23b8b8;}
DIV#search-box .textbox{ float:left;  margin-right:6px; width:140px;}
DIV#search-box .top{ background:url(../app_themes/cmat/images/search_box_top.gif) no-repeat; height:8px; margin:0; padding:0; width:237px;}
DIV#search-box .mid{ background:url(../app_themes/cmat/images/search_box_mid.jpg) repeat-y; margin:0; padding:0 0 5px 10px; width:227px;}
DIV#search-box .bottom{ background:url(../app_themes/cmat/images/search_box_bottom.gif) no-repeat; height:8px; width:237px; padding:0;}

DIV#nav{ background:url(../app_themes/cmat/images/nav_bg.jpg) no-repeat; height:38px;}
DIV#nav ul{ margin:0; padding:0 0 0 12px;  list-style:none;}
DIV#nav li{ float:left; display:block; border-right:1px solid #91dcdc; }
DIV#nav li.last{ border:none;}
DIV#nav li a{float:left; color:#fff; text-decoration:none; text-align:center; font-weight:bold; padding:12px 15px 12px 15px; }
DIV#nav li a b{}
DIV#nav li a:hover{ background:#c6c6c6; color:#000;}

DIV#nav li.CMSListMenuHighlightedLI, DIV#nav li.CMSListMenuHighlightedLIlast
{ padding:12px 15px 12px 15px; background:#c6c6c6; color:#000; font-weight:bold;}
DIV#nav li.CMSListMenuHighlightedLIlast, DIV#nav li.CMSListMenuLIlast{ border:none;}

DIV#nav ul ul, DIV#nav ul ul ul{ display:none;}


DIV#content{ margin:13px 0 0 0;}
DIV#footer{ margin:0; border-top:7px solid #23b8b8; font-size:10px;}


/*****************
 **	  CENTER	**
 *****************/
DIV#left-col{ float:left; width:166px;}
DIV#mid-col{ float:left; margin:0 13px 0 13px; padding:3px 0;}
DIV#mid-col.home{width:365px;}
DIV#mid-col.sub{width:585px;}

DIV#mid-col.sub ul{ margin:0; padding:0 10px 0 25px;}
DIV#mid-col.sub li{ padding-bottom:5px;}

DIV#mid-col.sub .left{width:270px; float:left;}
DIV#mid-col.sub .right{margin-left:280px; width:270px;}

DIV#mid-col.sub .left-wider{width:345px; float:left;}
DIV#mid-col.sub .left-wider-service{width:345px; float:left;padding-top:18px}
DIV#mid-col.sub .right-small{margin-left:365px; width:220px;padding-top:0px}
DIV#mid-col.sub .right-small-service{margin-left:365px; width:220px;padding-top:18px}



DIV#right-col{ float:right; width:220px;}

/* left column */

div#left-col{ padding-bottom:10px;}

/* menu box */
DIV#menu-box .top{ background:url(../app_themes/cmat/images/grey-box-top.jpg) no-repeat; height:8px; margin:0; padding:0; width:166px;}
DIV#menu-box .mid{ background:url(../app_themes/cmat/images/grey-box-mid.jpg) repeat-y; margin:0; padding:0; width:166px;}
DIV#menu-box .bottom{ background:url(../app_themes/cmat/images/grey-box-bottom.jpg) no-repeat; height:8px; padding:0; margin: 0 0 5px 0; width:166px;}

DIV#menu-box ul{ margin:0; padding:0; list-style:none;}
DIV#menu-box li{ background:url(../app_themes/cmat/images/blue_bullet.jpg) 3px 2px no-repeat; padding:4px 0 8px 25px; border-bottom:1px solid #6b6b6b; margin:0 5px 5px 5px;}

DIV#menu-box li.last{ border:none; margin-bottom:0; padding-bottom:2px;}
DIV#menu-box li.first{ margin-top:0;}
DIV#menu-box a{ color:#fff; font-weight:bold; text-decoration:none;}
DIV#menu-box a:hover{ text-decoration:underline;}

DIV#menu-box li.CMSListMenuLIlast, DIV#menu-box li.CMSListMenuHighlightedLIlast{border:none; margin-bottom:0; padding-bottom:2px;}
DIV#menu-box li.CMSListMenuLIfirst, DIV#menu-box li.CMSListMenuHighlightedLIfirst{ margin-top:0;}

DIV#menu-box li.CMSListMenuHighlightedLI, DIV#menu-box li.CMSListMenuHighlightedLIlast, DIV#menu-box li.CMSListMenuHighlightedLIfirst{ text-decoration:underline; color:#fff; font-weight:bold;}


/* mailing list*/
DIV#mailing-list {color:#fff;}
DIV#mailing-list .top{ background:url(../app_themes/cmat/images/blue-box-top.jpg) no-repeat; height:10px; margin-top:10px; width:166px;}
DIV#mailing-list .mid{ background:url(../app_themes/cmat/images/blue-box-mid.jpg) repeat-y; padding:0 0 5px 10px;  width:161px;}
DIV#mailing-list .bottom{ background:url(../app_themes/cmat/images/blue-box-bottom.jpg) no-repeat; height:8px; margin:0; padding:0; width:166px;}

DIV#mailing-list .textbox{margin:10px 0 10px 0;}


/* center column 
DIV#home-main{background:url(../app_themes/cmat/images/grosvenor_house.jpg) no-repeat right top; height:131px; padding-right:164px; margin-bottom:10px;} */

DIV#home-main {margin-bottom:10px;}
DIV#home-main p.text{ float:left; width:180px; margin-right:18px;}
DIV.home img{border:0;}
img.home-box{ margin: 0 2px 0 0;}

/* right column */
DIV#events-box .top{ background:url(../app_themes/cmat/images/white_box_top.jpg) no-repeat; height:10px;}
DIV#events-box .mid{ background:url(../app_themes/cmat/images/white_box_mid.jpg) repeat-y; padding:0 15px 3px 15px;}
DIV#events-box .bottom{ background:url(../app_themes/cmat/images/white_box_bottom.jpg) no-repeat; height:10px; margin-bottom:5px;}
DIV#events-box h1, DIV#events-box h2{ margin:0; padding:0;}
DIV#events-box h1{}
DIV#events-box h2{ border-bottom:1px solid #c6c6c6; padding:0 0 10px 0;}

.event-title{ font-weight:bold; margin-bottom:6px; padding:10px 0 0 0;}
.event-date{ font-style:italic;}
.event-description{ border-bottom:1px solid #c6c6c6; padding:0 0 12px 0;}
.event-details{}

DIV#events-box DIV.button{ padding:12px 0 17px 0;}

/*****************
 **	  BUTTON	**
 *****************/
SPAN.button SPAN.left{ background:url(../app_themes/cmat/images/btn_left.gif) no-repeat; height:21px; width:5px; display:block; float:left; margin-left:1px;}
SPAN.button SPAN.middle{ background:url(../app_themes/cmat/images/btn_mid.gif) repeat-x; padding:3px; display:block; float:left; height:15px;}
SPAN.button SPAN.middle a{ text-decoration:none; color:#000; font-weight:bold;}
SPAN.button SPAN.middle a:hover{ text-decoration:underline;}
SPAN.button SPAN.right{background:url(../app_themes/cmat/images/btn_right.gif) no-repeat; height:21px; width:24px; display:block; float:left;}



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

DIV#links{ float:left; padding-top:10px;}
DIV#links ul{ margin:0; padding:0; list-style:none;}
DIV#links li{ display:inline; padding-left:7px; padding-right:3px; border-right:1px solid #333;}
DIV#links li.last{ border:none;}
DIV#links li a{ text-decoration:none; color:#333;}
DIV#links li a:hover{ text-decoration:underline;}

DIV#supported{ float:right; vertical-align:text-top; padding-top:10px;}










a div.darkBox, a div.lightBox
{
 text-decoration:none; cursor: pointer;
}

div.lightBox h3
{
 margin-top:5px;
 color:#fff;
}

/*div.lightBox
{
 height:123px; 
 width:146px;
 background:url(../app_themes/cmat/images/light_bg_156_133.gif) no-repeat; 
 padding:10px 5px 5px 5px; 
 color:#fff; 
 text-align:center;
 display:block;
}*/

div.lightBox{ background:url(../app_themes/cmat/images/light_bg_156_133.gif) no-repeat; }
div.darkBox{ background:url(../app_themes/cmat/images/dark_bg_156_133.gif) no-repeat; }

div.darkBox, div.lightBox
{
 height:123px;
 /*width:146px; */
 /*background:url(../app_themes/cmat/images/dark_bg_156_133.gif) no-repeat; */
 padding:10px 5px 5px 5px; 
 text-align:center; 
 color:#fff; 
 display:block;
}

div.darkBox, div.lightBox
{
 width:166px;
 voice-family: "\"}\""; 
 voice-family:inherit;
 width:146px;
}

html>body div.darkBox, html>body div.lightBox
{
 width:146px;
}











/* ie6 box hacks */
.top{ _font-size:0;}
DIV#mid-col{ _margin:0 11px 0 11px;}
DIV#home-main p.text{ _margin-right:9px;}
DIV#footer{ _padding-top:5px;}




p {margin-top:0;padding-top:2px;margin-bottom:0;padding-bottom:7px;}
/*ul {clear:both;}*/
h1{margin-bottom:15px;}
h3{margin-bottom:5px;margin-top:7px;}
h2{margin-bottom:5px;margin-top:7px;}