/*

#4d4d4d	gray background
#333333 gray text
#638A69 Header Nav Green

+- MP CONTENT -------------------------------------+
| id-mpContent
| -------------------+-----------------------------+
| id-mpContentLeft   | id-mpContentRight      
+-----+--------------+-----------------------------+

+- MPD CONTENT ------------------------------------+
| id-nav | id-mpdContent
| -------+-------------------+---------------------+
| id-nav | id-mpdContentLeft | id-mpdContentRight
+--------+-------------------+---------------------+

id-pagewrap
	id-header
	id-banner
	id-contentbanner
	id-container (provides padding on all sides of content)

		-- MasterPage.master --		
		asp_cph_mp_nav
		asp_cph_mp_content
			id-mpContent
				id-mpContentLeft (provides right margin)
				id-mpContentRight

		-- MasterPageDetail.master --
		asp_cph_mp_nav
			id-nav
			asp_cph_mpd_nav

		asp_cph_mp_content
			asp_cph_mpd_content
				id-mpdContent	
                    OR
            	id-mpdContentLeft
				id-mpdContentRight

	id-footer

*/


.clearfix { clear:both; padding-top:10px;}

#loremIpsum
{
    color: #ccc;
}
#loremIpsum h2
{
    color: Maroon;
    font-family: Sans-Serif;
    letter-spacing: normal;
}
#loremIpsum em
{
    font-weight: bold;
    color: Gray;
}
body
{
    background-color: #4d4d4d;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 85%;
    line-height: 18px;
    
    _font-family: Sans-Serif;
    _font-size: small;
    text-align: center;
    vertical-align: top;
    word-spacing: normal;
}

p, ul
{
    margin: 0 0 1.2em 0;
}
p
{
    line-height: 1.4em;
     text-align:justify;
     margin:20px;
}

h1
{
    font-size: 170%;
}
h2
{
    font-size: 140%;
    margin-bottom: 10px;
    color: #638A69;
}
h3
{
    font-size: 120%;
}
h1, h2, h3
{
    margin-bottom: 10px; /*font-family: "Century Elephant";*/
    letter-spacing: .2em;
    color: #638A69;
}
cite
{
    display: block;
    padding-right: 25px;
    padding-top: 15px;
    text-align: right;
}
dt {
font-weight:bold;
margin-top: 10px;
margin-bottom: 5px;
}

dd {
background-color: #eeeee7;
padding: 7px;
}

a:link
{
    background: transparent;
    color: #933;
    text-decoration: none;
}
a:visited
{
    background: transparent;
    color: #996;
    text-decoration: none;
}
a:active
{
    background: transparent;
    color: #ccf;
    text-decoration: none;
}
a:hover, tr, td, input, a:link, a:visited
{
    text-decoration: none;
}

a:hover
{
    color:#638A69;
    text-decoration: underline;
}
a.external
{
    background: url(images/link-external.gif) no-repeat right center;
    padding-right: 13px;
}

a.pdf
{
    background: url(images/pdf.gif) no-repeat right center;
    padding-right: 23px;
}

.gototop, .last-gototop
{
    border-bottom: dashed 1px #cc0;
    clear: both;
    padding: 2px;
    margin-bottom: 20px;
    text-align: right;
}
.last-gototop
{
    border: none;
}

.picleft, .left
{
    float: left;
}
.picright, .right
{
    float: right;
}
.picleft, .picright
{
    border: double 1px #cc0;
    margin: 5px;
    padding: 3px;
}
.pic
{
    border: double 1px #cc0;
    margin: 5px;
    padding: 3px;
}

.divider
{
    color: #cc0;
    padding-left: 2px;
    padding-right: 2px;
}
.dashedline
{
    border-bottom: 1px dashed #DBCE6A;
    clear: right;
    margin-bottom: 10px;
    padding-top: 10px;
}
.actionbuttons
{
    padding: 1px;
    position: relative;
    text-align: right;
}
.buttonsmall, .buttonsmall-ovr
{
    background: url(../images/background_button_small.gif) repeat-x;
    border: none;
    color: #FFF;
    cursor: pointer;
    font: 400 9px Verdana, Arial, Helvetica, sans-serif;
    height: 22px;
    padding-bottom: 9px;
    padding-left: 3px;
    padding-right: 3px;
}
.buttonsmall-ovr
{
    background: url(../images/background_button_small-ovr.gif) repeat-x;
    text-decoration: underline;
}


/* -- MasterPage.master --	*/
/* header and banner */
#pagewrapper
{
    background-color: #fff;
    margin: 0 auto;
    min-height: 100%;
    position: relative;
    text-align: left;
    width: 765px;
}
#header
{
    background: #fff url(images/header_bg.gif) repeat-x 0 0;
    height: 154px;
    width: 765px;
}
#graybar
{
    background: #fff url(images/grey_spacer.jpg) repeat-x 0 0;
    height: 11px;
    position: absolute;
    right: 0;
    top: 0;
    width: 563px;
}
#coclogo
{
    background: #fff url(images/COClogo.gif) no-repeat 0 0;
    height: 74px;
    left: 17px;
    position: absolute;
    top: 23px;
    width: 128px;
}
#navtop
{
    left: 165px;
    position: absolute;
    top: 75px;
}
banner
{
    background: transparent url(images/banner-roadsign.jpg) no-repeat 0 0;
    height: 145px;
    width: 765px;
}
#contentbanner
{
    background: #fff url(images/logo_watermark.gif) no-repeat 0 0;
    margin: 0;
    width: 765px;
    height :113px;
    display:none;
}
#contentbanner #branding
{
    padding-left: 500px;
    padding-top: 15px;
}
#contentbanner .date, #contentbanner .time
{
    font-size: 90%;
    margin: 0;
    padding: 6px 0;
}

/* christmas lights 
branding
{
    background: transparent url(special/images/lights03.gif) repeat-x 0 0;
}
*/


/* content area */
#container
{
    position: relative;
    float: left;
    min-height: 100%;
    padding: 15px;
    width: 735px;
    background-color: #fff;
}
#navbreadcrumb
{
    display: none;
}

.story
{
    clear: both;
}

#mpContent
{
    float: left;
    padding: 0;
    margin: 0;
    width: 735px;
}
#mpContentLeft
{
    float: left;
    margin-right: 10px;
    width: 469px;
}
#mpContentRight
{
    float: left;
    width: 255px;
}

#footer
{
    clear: both;
    float: left;
    width: 100%;
    background: #fff;
    border-top: solid 1px #ccc;
    font-size: 70%;
    margin: 0;
    padding: 0;
}
#footer .left, #footer .right
{
    margin: 5px 10px 20px;
    padding: 0;
}
#footer p
{
    margin: 0;
    padding: 0 0 2px;
}

/* -- div color development --

#container { background:GoldenRod }
#mpContentLeft { background: orange}
#mpContentRight { background: Aquamarine}
#nav { background: Thistle  }
#mpdContent { background: AliceBlue  }
#mpdContentLeft { background: lightBlue  }
#mpdContentRight { background: lightYellow  }
#footer {background:yellow}
*/


/* -- MasterPageDetail.master -- */
#nav
{
    float: left;
    width: 150px;
}
/* and */
#mpdContent
{
    float: left;
    color: #333;
    padding: 0;
    width: 585px;
}
/* or */
#mpdContentLeft
{
    float: left;
    padding: 0;
    margin: 0;
    width: 320px;
}
#mpdContentRight
{
    float: right;
    padding: 0;
    margin: 0;
    width: 256px;
}

/* -- navigation -- */
#navtop, #vnav
{
    font-size: 80%;
    font-weight: bolder;
    text-align: left;
    text-transform: uppercase;
}
#navtop table td
{
    height: 19px;
    margin: 0;
    padding: 0 23px 0 0;
}
#navtop a
{
    background: transparent;
    color: #cca;
    text-decoration: none;
}

/*

#navtop table td a:hover { color: #fff; }
#navtop a:visited { color: #fff; }
navtop a:hover { color: #ccc; }
*/
#navtop td a.active
{
    cursor: default;
}
#navtop td a.active
{
    color: #fff;
}
#navtop a:hover
{
    color: #00472c;
}



#vnav
{
    font-size: 75%;
    margin-left: 0;
    padding: 0;
}
#vnav a
{
    display: block;
    line-height: 1.6em;
    text-decoration: none;
    white-space: nowrap;
}
#vnav ul
{
    background: #fff url(images/shadow.jpg) repeat-y -2px 0;
    list-style: none;
    margin-bottom: 15px;
    margin-left: -3px;
    padding-left: 20px;
}
#vnav li a:link, #vnav li a:visited
{
    color: #638A69;
    text-decoration: none;
}
#vnav li a:hover
{
    color: #527b97;
}
#vnav li a.todo
{
    color: #ccc;
    cursor: default;
}
#vnav li ul li a.active
{
    color: #4c4c4c;
}

#vnav li a.todo, #vnav li ul li a.active
{
    cursor: default;
}


/* -- next chamber meeting -- */
#becomeMemberNow,
#nextMeeting
{
    position: relative;
    clear: both;
    width: 256px;
    margin: 0 0 10px 0;
    padding: 0;
    border: 1px solid #033;
    background: transparent url(images/bg-text-bfade.gif) repeat-x bottom;
}

#nextMeeting img
{
    margin: 0;
    padding: 0;
}
#nextMeeting .dateTimeLocation
{
    width: 256px;    
    height:128px;
    padding:0;
    margin:0;
    background: transparent url(images/next-meeting-logo.gif) no-repeat top left;
}

#nextMeeting .dateTimeLocation ul
{
		padding-top: 80px;
    font-size: 75%;
    padding-left: 10px;
}


#nextMeeting .dateTimeLocation ul li
{
    padding-bottom: 4px;
    color: #ddd;
}

#nextMeeting dl, #nextMeeting div
{
    margin: 0;
    padding: 0 0 5px 0;
    width: 100%;
}
#nextMeeting .block
{
    border: none;
}
#hosted-by
{

    border-bottom: 2px solid #033;
    background-color: #ddd;
    text-align: center;
    margin:0;
		padding:0;
}

#survey h3 { text-decoration:underline; color: Red }


#hosted-by dl { margin:0; padding:0}

.becomeMember h3,
#hosted-by dt
{
    padding: 5px 10px;
    margin: 0 0 0px 0;
    font-weight: bold;
    background-color: #033;
    color: #959289;
}


#hosted-by dd img
{
    border: 1px solid #033;
    padding: 2px;
    margin-top: 10px;
}

#hosted-by dd
{
    margin: 0;
    padding: 0 10px 5px 10px;
    font-size: 85%;
}

#agenda 
{
    margin:0;
    padding:0
}
#agenda h3, #agenda h2
{
    padding: 10px 0 10px 10px;
    margin: 0;
}
#agenda .important 
{
    color:Red;
}
#agenda h4
{
    margin: 0;
    padding: 0 0 0 10px;
    font-size: 85%;
    font-weight: bold;
}
#agenda p
{
    margin: 5px;
    padding: 0 5px 0 15px;
    font-size: 85%;
}

#agenda ul
{
    font-size: 75%;
    padding-left: 25px;
    padding-right:5px;
    list-style-type:none ;
}
#agenda ul li:before
{
    content: "\00BB \0020";
}

#agenda ul li
{
    padding-bottom: 4px;
}

/* -- new members -- */
#newMembers h2
{
    border-top: 0 solid 1px #333;
    padding-top: 10px;
}
#newMembers h3
{
    font-size: 90%;
    padding: 0;
    margin: 0;
}
#newMembers p
{
    padding: 0 0 10px 5px;
    margin: 0 0 10px;
    line-height: 1.5em;
}


/* -- links -- */
.block
{
    position: relative;
    clear: both;
    width: 256px;
    margin: 10px 0 10px 0;
    padding: 0px;
    border: 1px solid #033;
    background: transparent url(images/bg-text-bfade.gif) repeat-x bottom;
}
.block h2,
.block h3
{
    padding: 3px 0 10px 10px;
    margin: 0;
}
.block dt
{
    margin: 0;
    padding: 0 0 5px 10px;
    font-size: 85%;
    font-weight: bold;
}
.block dd
{
    margin: 0 0 1em 0;
    padding: 0 5px 0 15px;
    font-size: 85%;
}


.block p
{
    padding: 0 10px 10px 15px;
    margin: 0;
    font-size: 80%;
}

.block span
{
    padding-left: 10px;
    font-size: 75%;
    font-weight: lighter;
}

/* Calendar Events */
div.events h2
{
    font-size: 175%;
    margin-bottom: 20px;
}

div.events dl
{
    margin: 2em 0;
    padding: 0;
    color: Gray;
}

div.events dt
{
    position: relative;
    left: 0;
    top: 1.1em;
    width: 16em;
    font-weight: bold;
}

div.events dd
{
    border-left: 1px solid #000;
    margin: 0 0 0 16em;
    padding: 0 0 .5em .5em;
    background: none;
}



/* Advertising Rates */
#advertising
{
    padding: 0;
    margin: 0;
}

#advertising table
{
    margin: 20px 0;
}

#advertising table tr td
{
    text-align: center;
}


#advertising caption
{
    padding: 0;
    margin: 0;
    font: italic 11px "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
    text-align: right;
}

#advertising th
{
    font: bold 11px "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
    color: #4f6b72;
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    border-top: 1px solid #C1DAD7;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: left;
    padding: 6px 6px 6px 12px;
    background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

#advertising th.nobg
{
    border-top: 0;
    border-left: 0;
    border-right: 1px solid #C1DAD7;
    background: none;
}

#advertising td
{
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    background: #fff;
    padding: 6px 6px 6px 12px;
    color: #4f6b72;
}


#advertising td.alt
{
    background: #F5FAFA;
    color: #797268;
}

#advertising th.spec
{
    border-left: 1px solid #C1DAD7;
    border-top: 0;
    background: #fff url(images/bullet1.gif) no-repeat;
    font: bold 10px "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
}

#advertising th.specalt
{
    border-left: 1px solid #C1DAD7;
    border-top: 0;
    background: #f5fafa url(images/bullet2.gif) no-repeat;
    font: bold 10px "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
    color: #797268;
}


/* -- edgetechnology partners -- */
p#sitedesignby
{
    color: #963;
    margin: .5em 0;
    text-align: left;
}
p#sitedesignby a span.coname
{
    color: #963;
    text-transform: uppercase;
    font-size: 90%;
    letter-spacing: .2em;
    padding-right: 3px;
}
p#sitedesignby a:hover
{
    text-decoration: underline;
}
p#sitedesignby .external
{
    background: url(images/link-external.gif) no-repeat right top;
    padding-right: 10px;
}


.center
{
    text-align: center;
}





/* ok.cancel,submit buttons */

a.ovalbutton
{
    background: transparent url('images/oval-green-left.gif') no-repeat top left;
    display: block;
    float: left;
    font: normal 16px Tahoma; /* Change 13px as desired */
    line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
    height: 24px; /* Height of button background height */
    padding-left: 11px; /* Width of left menu image */
    text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton
{
    color: #494949; /*button text color*/
}

a.ovalbutton span
{
    background: transparent url('images/oval-green-right.gif') no-repeat top right;
    display: block;
    padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover
{
    /* Hover state CSS */
    background-position: bottom left;
}

a.ovalbutton:hover span
{
    /* Hover state CSS */
    background-position: bottom right;
    color: black;
}

.buttonwrapper
{
    margin: 20px; /* Container you can use to surround a CSS button to clear float */
    overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
    width: 100%;
}

x.archive dt
{
     
 float: left;

 padding-right: 10px;
}

x.archiveClear 
{
     
 float:none;
 clear:both;
 
}