@media screen
{
    *
    {
        margin: 0;
        padding: 0;
    }

    body
    {
        text-align: center;
        background-color: #ececec;
        filter: progid:DXImageTransform.Microsoft.gradient (startColorstr=#d1d1d1, endColorstr=#ececec);
        font-family: Arial, verdana, Helvetica, sans-serif;
        height: 100%;
    }

    .cm_main
    {
        height: 100%;
        width: 800px;
        margin: 0 auto;
        background-color: #ffffff; /*vertical-align: top;    Don't use this. it throws off the curved boxes  	border: 1px solid #a4a4a4;  	min-width: 600px; 	background-image: url(images/white.gif);  	background-repeat: repeat-y;  	border: 1px solid #a4a4a4; 	min-width: 600px; 	max-width: 800px; */
    }       

    #cm_topnav
    {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ebf9, endColorstr=#7897cf);
        background-color: #b5c6e5;
        height: 13px;
        margin-bottom: 10px;
        width: 100%;
    }

    #cm_topnav ul
    {
        height: 13px;
        padding: 8px;
        margin: 0;
    }

    #cm_topnav li
    {
        float: left;
        text-align: left;
        color: #00008b;
        vertical-align: middle;
        font-weight: bold;
        font-size: 80%;
        list-style: none;
        padding: 0px 10px 0px 0px;
        display: inline;
        margin: 0;
    }

    #cm_topnav li b
    {
        color: #dd0000; /*border-bottom: #ff0000 solid 1px;*/
    }

    #cm_topnav a:link, #cm_topnav a:visited
    {
        color: #00008b;
        text-decoration: none;
    }

    #cm_topnav a:hover, #cm_topnav a:hover b
    {
        text-decoration: none;
        line-height: 15px;
        color: #fff;
    }

    #cm_topnavsocnet
    {
        background-color: white;
        margin: 0px 0px 0px 0px;
        width: 100%;
    }
    
    #cm_topnavsocnet td span
    {
        color: #00008b;
        vertical-align: middle;
        height: 24px;
        font-weight: bold;
        font-size: 80%;
        list-style: none;
        padding: 0px 0px 0px 0px;
        display: inline;
        margin: 0;
    }

    #cm_topnavsocnet td img
    {
        vertical-align:middle;
        border: 0;
    }    

    /* not using close*/
    .cm_close
    {
        float: right;
        text-align: right;
    }

    .cm_util
    {
        text-align: right; /*margin: 3px 0 0 0;*/
    }

    .cm_util2
    {
        padding-right: 10px;
    }

    /*future icon component 
    .memlevel {
    	text-align: left;
    	font-weight: bold;	
    	vertical-align: top;
    	padding-left: 10px;
    	padding-right: 10px;
    }
    */

    .cm_memheader
    {
        text-align: left;
        padding-left: 10px;
        padding-right: 10px;
        min-height: 50px;
        vertical-align: top;
    }
    
    .cm_memheader H1 
    {
        display: inline;
        font-size: 1.2em;
    }
	   
    H1 span.cm_member_categories 
    {
        font-size:75%;
		  color: #ccc;
		  text-transform: lowercase;
    }

    .cm_memlogo
    {
    }

    .cm_memname
    {
        font-weight: bold;
        font-size: 110%; /*border-top: dotted .25em #ebeef7; 	line-height: 40px; 	position: relative; 	display: inline;*/
        padding-left: 5px;
        width: 100%;
        vertical-align: 50%;
    }

    /**********************************/
    /* CURVED BOXES */

    .cm_xboxstyle
    {
        background: transparent;
        margin: 5px 13px 13px 13px;
    }

    .cm_xb1, .cm_xb2, .cm_xb3, .cm_xb4, .cm_xb5, .cm_xb6, .cm_xb7
    {
        display: block;
        overflow: hidden;
        font-size: 0;
    }
    .cm_xb1, .cm_xb2, .cm_xb3, .cm_xb4, .cm_xb5, .cm_xb6
    {
        height: 1px;
    }
    .cm_xb4, .cm_xb5, .cm_xb6, .cm_xb7
    {
        background: #e5e5e5;
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
    }

    /*Info Box */
    .cm_xb11, .cm_xb22, .cm_xb33, .cm_xb44, .cm_xb55, .cm_xb66, .cm_xb77
    {
        display: block;
        overflow: hidden;
        font-size: 0;
    }
    .cm_xb11, .cm_xb22, .cm_xb33, .cm_xb44, .cm_xb55, .cm_xb66
    {
        height: 1px;
    }
    .cm_xb44, .cm_xb55, .cm_xb66, .cm_xb77
    {
        background: #e5e5e5;
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
    }


    .cm_xb1
    {
        margin: 0 8px;
        background: #e5e5e5;
    }
    .cm_xb2
    {
        margin: 0 6px;
        background: #e5e5e5;
    }
    .cm_xb3
    {
        margin: 0 4px;
        background: #e5e5e5;
    }
    .cm_xb4
    {
        margin: 0 3px;
        background: #ebeef7;
        border-width: 0 5px;
    }

    .cm_xb11
    {
        margin: 0 8px;
        background: #e5e5e5;
    }
    .cm_xb22
    {
        margin: 0 6px;
        background: #e5e5e5;
    }
    .cm_xb33
    {
        margin: 0 4px;
        background: #e5e5e5;
    }

    /* 'info box' top inside border */
    .cm_xb44
    {
        margin: 0 3px;
        background: #f5f5f5;
        border-width: 0 5px;
    }

    /* top and bottom inside border */
    .cm_xb5
    {
        margin: 0 2px;
        background: #ebeef7;
        border-width: 0 4px;
    }
    .cm_xb6
    {
        margin: 0 2px;
        background: #ebeef7;
        border-width: 0 3px;
    }
    .cm_xb7
    {
        margin: 0 1px;
        background: #ebeef7;
        border-width: 0 3px;
        height: 2px;
    }

    .cm_xb55
    {
        margin: 0 2px;
        background: #f5f5f5;
        border-width: 0 4px;
    }
    .cm_xb66
    {
        margin: 0 2px;
        background: #f5f5f5;
        border-width: 0 3px;
    }
    .cm_xb77
    {
        margin: 0 1px;
        background: #f5f5f5;
        border-width: 0 3px;
        height: 2px;
    }

    /***** END CURVED BOXES ***/

    #cm_col1
    {
        width: 50%;
        background-color: #ffffff;
    }

    #cm_col2
    {
        width: 50%;
        min-width: 400px;
        background-color: #ffffff;
    }

    /*box border blue - left and right sides */
    .cm_xboxcontent
    {
        display: block;
        background-color: #ebeef7;
        border: 0px solid #e5e5e5;
        border-width: 0 3px;
        text-align: left;
        padding: 5px;
        vertical-align: top;
    }

    .cm_xboxcontent ul
    {
        padding-left: 10px;
        padding-right: 5px;
        list-style: disc;
        padding-bottom: 0.5em;
        color: #6186c9;
        line-height: 18px;
        font-size: 75%;
        text-align: left;
        padding-top: 5px;
        margin-left: 15px;
    }

    .cm_xboxcontent p
    {
        padding: 0 0 1em 0;
        color: #6186c9;
        line-height: 20px;
        font-size: 75%;
        text-align: left;
    }

    .cm_xboxcontent h1
    {
        font-size: 100%;
        letter-spacing: 3px;
        color: #6186c9;
        text-align: left;
        border-bottom: dotted .22em #d5d8ec;
        padding-bottom: 5px;
    }

    .cm_xboxcontent h1 a
    {
        font-size: 75%;
        letter-spacing: normal;
        text-align: right;
        font-weight: normal;
    }
    .cm_xboxcontent td
    {
        padding: 0 0 3px 0;
        color: #6186c9;
        text-align: left;
    }



    /*box border grey - left and right sides */
    .cm_xboxcontentinfo
    {
        display: block;
        background: #f5f5f5;
        border: 0px solid #e5e5e5;
        border-width: 0 3px;
        text-align: left;
        padding: 5px;
        vertical-align: top;
    }

    /* representatives */
    .cm_repname
    {
        font-weight: bold;
    }
    /* who to contact */
    .cm_xboxcontentwho h1
    {
        font-size: 100%;
        letter-spacing: 3px;
        color: #6186c9;
        text-align: left;
        border-bottom: dotted .22em #d5d8ec;
        padding-bottom: 5px; /* background-image: url(images/rep.gif);  background-position: right;  background-repeat: no-repeat;*/
    }

    /* about us */
    .cm_xboxcontentabout h1
    {
        font-size: 100%;
        letter-spacing: 3px;
        color: #6186c9;
        text-align: left;
        border-bottom: dotted .22em #d5d8ec;
        padding-bottom: 5px; /* background-image: url(images/rep.gif);  background-position: right;  background-repeat: no-repeat;*/
    }

    /* amenities */
    .cm_xboxcontentamen
    {
        display: block;
        background-color: #ebeef7;
        border: 0px solid #e5e5e5;
        border-width: 0 3px;
        text-align: left;
        padding: 5px;
        max-height: 300px;
        vertical-align: top;
    }

    .cm_xboxcontentamen ul
    {
        padding-left: 10px;
        padding-right: 5px;
        list-style: disc;
        padding-bottom: 0.5em;
        color: #6186c9;
        line-height: 18px;
        font-size: 75%;
        text-align: left;
        padding-top: 5px;
        margin-left: 15px;
        max-height: 250px;
        overflow: auto;
    }

    .cm_xboxcontentamen p
    {
        padding: 0 0 1em 0;
        color: #6186c9;
        line-height: 20px;
        font-size: 75%;
        text-align: left;
    }

    .cm_xboxcontentamen h1
    {
        font-size: 100%;
        letter-spacing: 3px;
        color: #6186c9;
        width: 335px;
        text-align: left;
        border-bottom: dotted .22em #d5d8ec;
        padding-bottom: 5px;
    }


    /* accommodations */
    .cm_accomcheck
    {
        margin-left: 70px;
    }

    .cm_button
    {
        color: blue;
    }

    .cm_accom
    {
        margin-top: 10px;
        border: solid 1px #cccccc;
        color: #6186c9;
        font-size: 75%;
        line-height: 18px;
    }

    .cm_accom td
    {
        padding-left: 10px;
    }
    .cm_accomtitle
    {
        margin: 10px;
        background-color: #b5c6e5;
        color: #4a75c1;
        text-align: left;
        font-weight: bold;
        padding: 5px;
    }

    .cm_accom1
    {
        background-color: #ffffff;
        padding: 5px;
        color: #6186c9;
        margin: 5px;
    }

    .cm_accom2
    {
        background-color: #e5e5e5;
        width: 100%;
        color: #6186c9;
        height: 100%;
    }


    /* highlights */
    .cm_xhighlights h1
    {
        font-size: 100%;
        letter-spacing: 3px;
        color: #6186c9;
        width: 335px;
        text-align: left;
        border-bottom: dotted .22em #d5d8ec; /* background-image: url(images/rep.gif);  background-position: right;  background-repeat: no-repeat;*/
    }

    /* information box */

    .cm_infoicon
    {
        padding: 4px;
        vertical-align: top;
        text-align: left;
    }
	 /*icon images */
	 #cm_info_img {
	 width: 25px;
	 height:22px;
	 background-image: url(http://public.chambermaster.com/Content/Images/info.gif); 
	 background-repeat: no-repeat;
	 }
	 
	 #cm_visitwebsite_img {
	 width: 42px;
	 height:29px;
	 background-image: url(http://public.chambermaster.com/Content/Images/visit.gif); 
	 background-repeat: no-repeat;
	 }

	  #cm_map_img {
	 width: 26px;
	 height:26px;
	 background-image: url(http://public.chambermaster.com/Content/Images/map.gif); 
	 background-repeat: no-repeat;
	 }
	  #cm_directions_img {
	 width: 27px;
	 height:28px;
	 background-image: url(http://public.chambermaster.com/Content/Images/directions.gif); 
	 background-repeat: no-repeat;
	 }
	 #cm_calendar_img {
	 width: 22px;
	 height:22px;
	 background-image: url(http://public.chambermaster.com/Content/Images/calendar.gif); 
	 background-repeat: no-repeat;
	 }
	  #cm_social_img {
	 width: 27px;
	 height:28px;
	 background-image: url(http://public.chambermaster.com/Content/Images/socialNetwork.gif); 
	 background-repeat: no-repeat;
	 }
	 
    .cm_infotext
    {
        text-align: left;
        padding: 4px;
        color: #6186c9;
        font-size: 75%;
        vertical-align: top;
    }

    /*photo for print only*/
    #cm_mainimage
    {
        display: none;
    }
    /* end photo for print */

    #cm_bottomnav
    {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ebf9, endColorstr=#7897cf);
        background-color: #b5c6e5;
        height: 13px;
        padding: 8px;
        margin: 0;
    }

    #cm_bottomnav li
    {
        float: left;
        text-align: left;
        color: #00008b;
        vertical-align: middle;
        font-weight: bold;
		  font-size: 75%;
        list-style: none;
        padding: 0px 18px 0px 0px;
        display: inline;
        margin: 0;
        text-transform: lowercase;
    }

    #cm_bottomnav li b
    {
        text-transform: none; /*border-bottom: #ff0000 solid 1px;*/
    }

    #cm_bottomnav a:link, #cm_bottomnav a:visited
    {
        color: #00008b;
        text-decoration: none;
    }

    #cm_bottomnav a:hover, #cm_bottomnav a:hover b
    {
        text-decoration: none;
        line-height: 15px;
        color: #fff;
    }
	 .cm_footer {
	 	margin-top:10px;
		margin-bottom: 10px;
	 }

    /* chamber name and website */
    .cm_chamber
    {
        color: #000;
        font-size: 75%;
        font-weight: bold;
        text-align: left;
		  float:left;
        padding-left: 9px;
    }

    .cm_chamber a
    {
        color: #000;
        font-weight: normal;
		  float:left; 
		  clear: left;
    }

    /* chambermaster logo */
    .cm_cmlogo
    {
        padding: 5px 8px 0px 5px;
		  float:right;
    }
  

}