/* 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Title: CMG
Author: InterDevil.com / XHTMLiT.com
Website: Http://www.XHTMLiT.com / Http://www.INTERDEVIL.com
Description: This is the stylesheet
Created: May 25, 2007
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/

/* ==== GENERAL STYLES ==== */
body {margin:0;padding:0;background-color:#D2D2D2;}
img {border:0;}
.clear {clear:both;width:1px;}
.wrapper {width:100%;background-color:#FFFFFF;padding:5px;}
table,tr,td {text-align:left;}

/* ==== TOP MENU ==== */
div#topmenu {width:100%;padding:0;background-image:url(/images/top_menu_bg.jpg);background-repeat: repeat-x;background-position:top;overflow:hidden;}

/* ==== TOP MENU - LEFT SIDE ==== */
div#topmenu #leftsidemenu {width:512px;margin:7px 0 0 0;padding:0 0 0 27px;float:left;}
div#topmenu #leftsidemenu ul {list-style-type:none;margin:0;padding:0;}
div#topmenu #leftsidemenu ul li {margin:0;padding:0;float:left;}

div#topmenu #leftsidemenu ul li a img {display: block; margin-right: 3px;}

/* ==== TOP MENU - RIGHT SIDE ==== */
div#topmenu #rightsidemenu {width:440px;margin:7px 0 0 0;padding:0;float:right;position:relative;background-image:url(/images/top_menu_bg.jpg);background-repeat: repeat-x;background-position:top;}
div#topmenu #rightsidemenu ul {list-style-type:none;margin:0;padding:0;}
div#topmenu #rightsidemenu ul li {height:28px;margin:0;padding:0;padding-right:5px;float:left;}

div#topmenu #rightsidemenu .links a {width:92px;height:28px;background:url(/images/nav/links_nav.jpg) no-repeat top;display:block;}
div#topmenu #rightsidemenu .links a:hover {background:url(/images/nav/links_roll.jpg) no-repeat top;}
div#topmenu #rightsidemenu .contact a {width:129px;height:29px;background:url(/images/nav/contact_nav.jpg) no-repeat top;display:block;}
div#topmenu #rightsidemenu .contact a:hover {background:url(/images/nav/contact_roll.jpg) no-repeat top;}
div#topmenu #rightsidemenu .member a {width:199px;height:29px;background:url(/images/nav/member_nav.jpg) no-repeat top;display:block;}
div#topmenu #rightsidemenu .member a:hover {background:url(/images/nav/members_roll.jpg) no-repeat top;}

/* ==== HEADER ==== */
div#header {width:886px;margin:0px auto 15px auto;padding:27px 37px 20px 37px;overflow: auto;}
div#header .logo {float:left;margin:0;padding:0;}
div#header #search {width:30%;margin:-10px 0 0 0;padding:0;float:right;}
div#header #search .search {margin:5px 0;}
div#header #search form {margin:0;padding:0;}
div#header #search input {width:138px;height:15px;margin:0;padding:2px;border:1px solid #999999;float:left;}
div#header #search .button {width:64px;height:21px;margin:0 5px 0 5px;padding:0;border:0;}

/* ==== TOP SECTION ==== */
div#topsection {width:960px;margin:0 auto;padding:0;clear:both;}
div#topsection img {float:left;}
div#topsection strong {font-size:11px;color:#000000;}
div#topsection .header {margin:0 0 10px 20px;}
div#topsection #leftimages {width:auto;height:auto;margin:0;padding:0;display:block;float:left;}
div#topsection #leftimages img {border:1px solid #FFFFFF;float:left;}

/* ==== SUB CONTENT ==== */
div#subpage {width:960px;margin:0 auto;padding:0;clear:both;}
div#subpage #sidemenu {width:143px;height:auto;float:left;clear:left;}
div#subpage #sidemenu ul {list-style-type:none;margin:0;padding:0;}
div#subpage #sidemenu ul li {width:100%;margin:1px 0;padding:5px 20px 5px 0;border-top:1px solid #999999;border-bottom:1px solid #999999;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;color:#054D87;}
div#subpage #sidemenu a, div#subpage #sidemenu a:hover {text-decoration:none;color:#054D87;}

div#subpage #context {width:476px;float:left;margin:0 20px 0 40px;padding:0;}
div#subpage #context h1 {margin:0;padding:0;font-family:"Arial Black";font-size:16px;font-weight:bold;color:#054D87;}
div#subpage #context h2 {margin:0;padding:0;font-family:"Arial";font-size:18px;font-weight:bold;color:#000;}
div#subpage #context h3 {margin:0;padding:0;font-family:"Arial";font-size:15px;font-weight:bold;color:#444;}
div#subpage #context h4 {margin:0;padding:0;font-family:"Arial";font-size:14px;font-weight:bold;color:#000;}
div#subpage #context td, th, p, div#subpage #context ul, div#subpage #context ol {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#000000;line-height:16px;}
div#subpage #context th {font-weight:bold;}

div#subpage #context a {font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;color:#054D87;}
div#subpage #context a:hover {font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;color:#0000FF;}

div#subpage #rightcolumn {margin:0;padding:0;}
div#subpage #rightcolumn .links {/*width:215px;margin:10px 0 10px 0;padding:0px 0px;float:left;background:url(/images/sub_rightside_bg.jpg) no-repeat;background-position:left top;*/}
div#subpage #rightcolumn .links div {/*background:url(/images/sub_rightside_bg_btm.jpg) no-repeat;background-position:left bottom; padding: 0px 10px;*/}
div#subpage #rightcolumn .links h1 {font-family:"Arial Black";font-size:12px;color:#999999;font-weight:normal;}
div#subpage #rightcolumn p {margin:0;padding:7px 0;font-family:Verdana;font-size:11px;color:#000000;text-align:left;}
div#subpage #rightcolumn img {margin-right:5px;vertical-align:middle;}
div#subpage #rightcolumn a, div#subpage #rightcolumn a:hover {color:#000000;text-decoration:underline;}


/* ---- RIGHT SIDE ---- */
div#topsection #rightside {width:380px;margin:10px 0 0 20px;padding:0;display:block;float:left;}
div#topsection #rightside p {margin:10px 0 0 0;padding:0;font-family:Verdana;font-size:11px;font-weight:normal;color:#000000;text-align:left;line-height:18px;clear:both;}


/* ---- UPCOMING EVENTS ---- */
div#topsection #rightside .upcoming-events {width:380px;overflow:auto;padding:0px 0px;/*background:url(/images/upcoming_events.jpg) no-repeat top; margin: 10px 0px 10px 0px;*/}
div#topsection #rightside .upcoming-events div.eventwrapper { /*background:url(/images/upcoming_events_btm.jpg) no-repeat bottom; margin-top: 30px;*/ padding-bottom: 10px; padding-right: 15px;}
div#topsection #rightside .upcoming-events ul {margin:10px 10px 0px 0px;padding:0;}
div#topsection #rightside .upcoming-events ul li {list-style-type:none;margin:0;padding:0 5px;float:right;font-family:Verdana;font-size:9px;color:#666666;border-right:1px solid #666666; margin: 0px;}
div#topsection #rightside .upcoming-events a, div#topsection #rightside .upcoming-events a:hover {text-decoration:underline;color:#333333}
div#topsection #rightside .upcoming-events p {padding:0px 10px 0px 10px;font-family:Verdana;font-size:9px;color:#666666;text-align:left;line-height:11px; margin-top: 15px; margin-bottom: 0px;}
div#topsection #rightside .upcoming-events div.upcoming {font-family:Verdana;font-size:9px;color:#666666;text-align:left;line-height:12px; margin-left: 80px;}
div#topsection #rightside .upcoming-events img {margin:0 15px 0 0;float:left;border:1px solid #999999;padding:1px;}

/* ---- UPCOMING EVENTS ---- */
div#bottomsection .upcoming-events {overflow:auto;padding:0px 0px;/*background:url(/images/upcoming_events.jpg) no-repeat top; margin: 10px 0px 10px 0px;*/}
div#bottomsection .upcoming-events div.eventwrapper { /*background:url(/images/upcoming_events_btm.jpg) no-repeat bottom; margin-top: 30px;*/ padding-bottom: 10px; padding-right: 15px;}
div#bottomsection .upcoming-events ul {margin:10px 10px 0px 0px;padding:0 0 20px 0;}
div#bottomsection .upcoming-events ul li {list-style-type:none;margin:0;padding:0 5px;float:right;font-family:Verdana;font-size:9px;color:#666666;border-right:1px solid #666666; margin: 0px;}
div#bottomsection .upcoming-events a, div#bottomsection .upcoming-events a:hover {text-decoration:underline;color:#333333}
div#bottomsection .upcoming-events p {padding:0px 10px 0px 10px;font-family:Verdana;font-size:9px;color:#666666;text-align:left;line-height:11px; margin-top: 15px; margin-bottom: 0px;}
div#bottomsection  .upcoming-events div.upcoming {font-family:Verdana;font-size:9px;color:#666666;text-align:left;line-height:12px; margin-left: 80px;}
div#bottomsection  .upcoming-events img {margin:0 15px 0 0;float:left;border:1px solid #999999;padding:1px;}



/* ---- CONFERENCE - RIGHT SIDE ---- */
div#topsection #conference {/*width:523px;height:264px;background:url(/images/conference_window.jpg) no-repeat top;*/margin:0 0 0 20px;padding:5px 10px;padding-bottom:0;display:block;float:left;}
div#topsection #conference p {margin:10px 0;padding:0;font-family:Verdana;font-size:11px;color:#000000;text-align:left;line-height:14px;}
div#topsection #conference h1 {margin:0;padding:0;font-family:"Arial Black";font-size:16px;font-weight:bold;color:#999999;}
div#topsection #conference .dark {color:#666666;}
div#topsection #conference .context {width:183px;margin:0;padding:0 0 0 5px;float:left;}
div#topsection #conference a, div#topsection #conference a:hover {margin:0;padding:0;text-decoration:underline;font-weight:bold;color:#000000;clear:both;}
div#topsection #conference img {margin:0;padding:0;float:left;clear:none;}


/* ---- MEASUREIT - RIGHT SIDE ---- */
div#topsection #measureit {/*width:523px;height:auto;margin:20px 0 5px 20px;padding:0 10px;padding-bottom:0;background:url(/images/conference_window.jpg) no-repeat top;*/display:block;float:left;}
div#topsection #measureit p {padding:0;padding:0;font-family:Verdana;font-size:11px;color:#000000;text-align:left;}
div#topsection #measureit h1 {margin:0;padding:0;font-family:"Arial Black";font-size:16px;font-weight:bold;color:#999999;}
div#topsection #measureit .dark {color:#666666;}
div#topsection #measureit img {margin-top:5px;margin-right:5px;}
div#topsection #measureit .postby {color:#999999}
div#topsection #measureit a, div#topsection #measureit a:hover {color:#000000;text-decoration:none;}

/* ---- RIGHT SIDE EXTENDED ---- */
div#topsection #rightside-ext {width:543px;margin:10px 0 0 20px;padding:0;display:block;float:left;}
div#topsection #rightside-ext p {margin:10px 0 0 0;padding:0;font-family:Verdana;font-size:11px;font-weight:normal;color:#000000;text-align:left;line-height:18px;clear:both;}
div#topsection #rightside-ext img {float:left;}
div#topsection #rightside-ext .context {width:211px;padding:0 15px 0 5px;display:block;}

/* ==== SUB HEADERS - DIVIDING PAGE IN HALF ==== */
div#subheaders-main {width:100%;height:32px;margin:0;padding:0;background:url(/images/sub_headers.jpg) no-repeat;background-position: top center;}
div#subheaders-conference {width:100%;height:32px;margin:0;padding:0;background:url(/images/sub_header-conference.jpg) no-repeat;background-position: top center;}
div#subheaders-it {width:100%;height:32px;margin:0;padding:0;background:url(/images/sub_header-it.jpg) no-repeat;background-position: top center;}

/* ==== BOTTOM SECTION ==== */
div#bottomsection {width:960px;margin:0 auto;padding:0;clear:both;}
div#bottomsection img {float:left;}
div#bottomsection strong {font-size:11px;color:#000000;}
div#bottomsection .window {width:256px;margin:10px 45px 0 0;padding:0;display:block;float:left;}
div#bottomsection .window p {margin:10px 0 0 0;padding:0;font-family:Verdana;font-size:11px;font-weight:normal;color:#000000;line-height:18px;clear:both;}

/* ---- LATEST NEWS ---- */
div#bottomsection .window .latest-news {/*width:246px;height:160px;margin:0;padding:5px;padding-bottom:0;background:url(/images/window_one.jpg) no-repeat top;*/}
div#bottomsection .window .latest-news ul {margin:0 10px 10px 0;padding:0;}
div#bottomsection .window .latest-news ul li {width:auto;list-style-type:none;margin:0;padding:0 5px;float:right;font-family:Verdana;font-size:9px;color:#666666;border-right:1px solid #666666;}
div#bottomsection .window .latest-news a, div#topsection #rightside .upcoming-events a:hover {text-decoration:underline;color:#333333}
div#bottomsection .window .latest-news p {padding:0 10px;font-family:Verdana;font-size:9px;color:#666666;text-align:left;line-height:14px;}

/* ---- QUESTION POLL ---- */
div#bottomsection .window .question-poll {width:246px;/*height:160px;*/margin:0;padding:5px;padding-bottom:0;background:url(/images/window_one.jpg) no-repeat top;}
div#bottomsection .window .question-poll p {padding:0 10px 10px 10px;font-family:Verdana;font-size:11px;color:#000000;text-align:left;line-height:14px;}
div#bottomsection .window .question-poll label {margin:10px 0 10px 0;font-weight:bold;}
div#bottomsection .window .question-poll .submit {margin:0;padding:0;position:relative;top:-20px;right:0;float:right;}

/* ---- SPONSORS ---- */
div#bottomsection .window .our-sponsors {/*width:301px;height:height:160px;0;padding:5px;padding-bottom:0;background:url(/images/window_two.jpg) no-repeat top;text-align:center;*/}
div#bottomsection .window .our-sponsors img {/*margin:5px 25px;margin-top:10px;float:none;*/}
div#bottomsection .window .our-sponsors p {float:none;margin:0;padding:0;text-align:center;}
div#bottomsection .window .our-sponsors a, div#bottomsection .window .our-sponsors a:hover {color:#333333;text-decoration:underline;float:none;}

/* ---- CONFERENCE SPONSORS ---- */
div#bottomsection .window .conference-sponsors {/*width:603px;height:160px;*/margin:0;padding:5px;padding-bottom:0;/*background:url(/images/conference_window_sponsors.jpg) no-repeat top;*/text-align:center;}
div#bottomsection .window .conference-sponsors a, div#bottomsection .window .conference-sponsors a:hover {color:#333333;text-decoration:underline;float:none;}
div#bottomsection .window .conference-sponsors img {/*margin:15px 55px;margin-top:10px;float:none;*/}

/* ---- CMG CONFERENCE ---- */
div#bottomsection .window .conference {width:246px;/*height:160px;*/margin:0;padding:5px;padding-bottom:0;background:url(/images/window_one.jpg) no-repeat top;text-align:center;}
div#bottomsection .window .conference a, div#bottomsection .window .conference a:hover {color:#333333;text-decoration:underline;float:none;}
div#bottomsection .window .conference img {margin-top:20px;float:none;}

/* ==== FOOTER ==== */
div#footer {width:100%;height:60px;margin:0;padding:0;background:url(/images/footer_bg.jpg) repeat-x top;font-family:Verdana;font-size:10px;font-weight:normal;color:#666666;}
div#footer ul {width:auto;list-style-type:none;margin:0;padding:10px 0;float:left;}
div#footer ul li {margin:0;padding:0 5px;border-right:1px solid #666666;float:left;color:#666666;}
div#footer .designby {width:30%;margin:0;padding:20px 20px 0 0;float:right;text-align:right;}
div#footer .copyright {clear:both;padding:10px 0 0 5px;border:0;}
div#footer a, div#footer a:hover {color:#666666;text-decoration:none;}


/* ==== TOGGLE BOX ==== */
.slide  {display:none; margin-left:0px}



/* ====MeasureIT Cover BOX ==== */
#measureit h3 {
	font-family:Verdana,Arial,sans-serif;
	font-size:11px;
	margin-bottom:0;
	margin-top:0;
}

#measureit p {
	margin-top:5px;
	margin-left:25px;
	margin-bottom:7px;

}

#measureit .icon {
	margin-left:5px;
	margin-top:5px;
	margin-bottom:7px;
}

.code{
white-space:pre;
font-family:'Lucida Console',fixed;
font-size:9pt;
margin-left:20px;
}

.spancode{
font-family:'Lucida Console',fixed;
font-size:9pt;
}

/* ==== NAVIGATION ==== */
/* Height fixes spacing problem */
div#navigation {width:960px;margin:0 auto 0 auto;clear: both;vertical-align:middle;height:35px;}

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/variable_dl.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#newmenu {
width:960px;
margin:0 auto 0 auto;
list-style-type:none;
padding:0;
font-family:Verdana,Arial,sans-serif;
font-size:11px;
position:relative;
}

#newmenu li
{
display:block;
float:left;
position:relative;
z-index:100;
margin-right:1px;
}

/* Headers */
#newmenu li span
{
display:block;
z-index:100;
background:#FFFFFF;
padding: 5px 10px;
font-size:1.1em;
font-variant:small-caps;
font-weight:bold;
}

#newmenu li a, #newmenu li a:visited
{
display:block;
padding:0;
}


#newmenu dl
{
position:absolute;
top:0;
left:0;
margin: 0;
padding: 0;
background: url(../images/transparency.gif);
}

/* Headers */
#newmenu dt
{
background: #FFFFFF;
margin:0;
font-size: 1.1em;
border-left:3px double #EEEEEE;
float:left;
font-variant:small-caps;
font-weight:bold;
}

#newmenu dd
{
display:none;
background: transparent;
border-bottom:1px solid #054D87;
clear:left;
margin:0;
padding:0;
color: #054D87;
font-size: 1em;
text-align:left;
}


#newmenu dt a, #newmenu dt a:visited
{
display:block;
color:#054D87;
padding: 5px 10px;
text-decoration:none;
}

#newmenu dd a, #newmenu dd a:visited
{
background:#EEEEEE;
color:#054D87;
text-decoration:none;
display:block;
padding: 5px 10px;
}


#newmenu li a:hover
{
border:0;
}


#newmenu li:hover dd, #newmenu li a:hover dd
{
display:block;
}

#newmenu li:hover dl, #newmenu li a:hover dl
{
border-bottom:6px solid #054D87;
}

#newmenu li:hover dt a, #newmenu li a:hover dt a
{
border-bottom:1px solid #FFFFFF;
background: #E6E6E6;
color:#054D87;
}

#newmenu dd a:hover
{
background: #E6E6E6;
color:#000000;
}

/* For IE <= 6 */
#newmenu td{
font-family:Verdana,Arial,sans-serif;
font-size:11px;
}


#newmenu td dt{

}

.dtable{
border:silver 1px solid;
border-collapse:collapse;
}
.dtable td, .dtable  th{
border:silver 1px solid;
padding:4px;
}