/*
 * CDV Systems, Inc. - (c) 2009 AnuragDesign http://www.anuragdesign.com
 * Licensed under GNU GPL - http://www.gnu.org/licenses/gpl.html
 */

/* 
 * Layout
 * 
------------------------------------------------------------*/

body {
	text-align:center; /*center hack */  
 	background: #000 url(../images/background.png) repeat-x top;
  	height: 100%;
  	font-size: 80%;
}

#wrap {
	min-height:100%;			/* to keep footer on bottom */
	position:relative;
	
	min-width: 760px;
 	max-width: 960px;
	width: auto !important; 	/* IE6 hack */
 	width: 960px; 				/* IE6 hack */	
	margin: 1em auto 0 auto;
	text-align: left; 			/* center hack */
	background-color: #fff;    	/* set the color for the main content */
}

/* Header 
------------------------------------------------------------*/ 
#header {
	background-color: #000;
	height: 120px;
}

div.header_wrap {
	/* background: url("../images/header_bg_full.png") no-repeat top right; */
}

/* Logo Image replacement */

#header h1 {
	float: left;
}
h1.logo a {
	position: relative;
	left: 2em;
	display:block;
	width: 300px;
	height: 45px;
	position: relative;
	top: 1.1em;
	background:transparent url("../images/CDV_logo.gif") no-repeat;
	text-indent: -9000px;   /* Push text out */
	overflow:hidden;		/* Cut off overflow */	
}

/* Images in Header */
div#header_img {
	margin: .5em .5em 0 0 ;
	float: right;
}

div#header_img  img {	
	padding: .2em;
}

/* Logo Image replacement */

#header h1 {
	float: left;
}

h1.logo a {
	position: relative;
	left: 2em;
	display:block;
	width: 300px;
	height: 45px;
	position: relative;
	top: 1.1em;
	background:transparent url("../images/CDV_logo.gif") no-repeat;
	text-indent: -9000px;   /* Push text out */
	overflow:hidden;		/* Cut off overflow */	
}

/* Main Menu 
------------------------------------------------------------*/
#mainnav {
	background: #c90f0f;	/* #d34b12 */
	height: 24px;	
	margin: 0;
	padding: 0;	
}

#mainnav .moduletable ul a {
	font-family: Arial, "Trebuchet MS", sans-serif;
	font-size: 1.1em;
	font-weight: lighter;	
	text-decoration: none;	
	color : #fff;
}

/* Main Content - 2 columns
------------------------------------------------------------*/

#content { 
	margin: 1em 2em;
}

#content #breadcrumbs {
	padding-bottom: 1.5em;
}

.inside { padding: 0 20px;}


/* Different content widths depending on the modules used */

#content80 {
  	float: left;
  	width: 650px;
  	overflow: hidden;
}

#content100 {
	float: left;
	width: 100%;
  	overflow: hidden;
	margin: 1em 3em;
}

#sidebar {
	float: left;
	width: 240px;
	overflow: hidden;
}

#content100 table.contentpaneopen,
#content100 table.blog  {
	margin-right: 2.5em;
	
}

			
#content_bottom,
#content_top {
	margin: .5em 0;
}

/* Box */

/*
.moduletable_login, .moduletablebox {
	width: 200px;
	background: url(../images/box_bottom.gif) no-repeat bottom left;
	margin-bottom: 1em;
}

.moduletable_login h3, 
.moduletablebox h3 {
	margin: 0;
	padding: 6px 8px 4px 10px;
	font-size: 1.3em;
	border-bottom: 1px solid #ccc;
	background: url(../images/h3_bg.png) top left;
	text-align: center;
}
*/

.moduletable_login,
.moduletablebox,
.moduletablebox_margin {
	width: 215px;
	border: 1px solid #ccc;
	margin-bottom: 1em;
}

.moduletablebox_margin,
.moduletablequote_margin {
	margin-top: 3em;
}

.moduletablequote {
	margin-top:1.5em;
}

.moduletable_login h3, 
.moduletablebox h3,
.moduletablebox_margin h3 {
	margin: 0;
	padding: 6px 8px 4px 10px;

	border-bottom: 1px solid #ccc;	
		
	font-size: 1.3em;
	text-align: center;
	
	background-color: #000;
	color: #fff;
}

.moduletablebox ul,
.moduletablebox_margin ul{
	list-style-type:none;
	padding-bottom: .5em;
}

.moduletablebox ul li,
.moduletablebox_margin ul li {
	margin: 1em 0 1em 5px;	
	padding-left: 8px;
	background: url(../images/black_arrow.gif) no-repeat top left;
}

.moduletablebox_margin ul li a:link, 
.moduletablebox_margin ul li a:visited,
.moduletablebox_margin ul li a:link, 
.moduletablebox_margin ul li a:visited {
	color: #222;	
	border-bottom: 1px solid #fff;
}

.moduletablebox_margin ul li a:hover, 
.moduletablebox_margin ul li a:active,
.moduletablebox_margin ul li a:hover, 
.moduletablebox_margin ul li a:active {
	color: #666;
	border-bottom-color: #666;
}

.moduletable_login table {
	margin: .5em 0 .5em 1em;
}

div.moduletablebox #mailinglist_form  {
	padding: 0 1em 1em .5em;
}

.moduletablequote h3,
.moduletablequote_margin h3 {
	padding-bottom: 2px;
	border-bottom: 1px solid #999;
	
	text-align: center;
}

.moduletablequote p,
.moduletablequote_margin p {	
	text-align: left;
}

.moduletablequote p.footnote,
.moduletablequote_margin p.footnote {
	font-size: .70em;
	font-style: italic;
}

.moduletablequote ul li,
.moduletablequote_margin ul li {	
	padding: 3px 0;
}

td.contentheading {
	padding:0.5em 0;
}
#content dl#partners {
	width:200px; 
	text-align:center;
}

#content dt {
  font-size:1.1em;
  font-weight:bold;
  padding-top: 2px;
}

#content dd {
  padding:0;
  margin:0 0 1em;
}

#content dt {
	border-top: 1px dotted #999;
}

#content dt.first {
	border: none;
}

#content fieldset.loginform_input  {
	border: 1px solid #ccc;
	width: 30%;
}

#content fieldset.loginform_input p,
#content fieldset.loginform_input input[type="submit"]{
	margin-left: .5em;
}

#content fieldset.loginform_input input[type="submit"] {
	margin-bottom: .5em;
}

#content .separator {
	padding-top: 3px;
	border-top: 1px solid #ccc;
}

table.category_list_table tr td {
	padding: 1em 1em 1em 0;
}

table.category_list_table tr td.show_date {
	width: 150px;
	padding-left: 1em;
}

table.contentpaneopenbox {  
	margin: 0 3px 5px 3px;	/* margin for the table inside a box */
	
}


/*
 *  JEvents - Latest events module 
 *****************************************************/

table.mod_events_latest_table * { /* Reset the table */
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}


table.mod_events_latest_table {
	width: 100%;
	
	text-align: left;
	background-color: #fff;
	
}

table.mod_events_latest_table td {
	margin: 1px 0 0 1px;	/* Give some spacing to the table cells */
	/* background-color: #eee; */
}

table.mod_events_latest_table td + td {
	margin: 1px 1px 0 0;	/* Alternate the table spacing */
	/* background-color: #eee; */
}
table.mod_events_latest_table tr.alt td {
	background-color: #eee;
}

table.mod_events_latest_table td.mod_events_latest {
	border-top: none;
	
}
table.mod_events_latest_table td.mod_events_latest_first, 
table.mod_events_latest_table td.mod_events_latest {
	padding-left: 5px;
}
table.mod_events_latest_table td.mod_events_signup {
	width: 30%;
	padding-left: .3em;
}

hr.line {
	border: none 0;
	border-top: 1px solid #ccc ;/*the border*/
	width: 100%;
	height: 1px;	/*whatever the total width of the border-top and border-bottom equal*/
	margin: 1em auto .5em auto;
} 


/* 
 * Display of lead images in main MEP function 
 * 
 * */

table#img_lead {
	width: 100%; 
}

table#img_lead td {
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	overflow: hidden;
}

/* Place the double arraow on the right side */
table#img_lead td a span {
	float:right;
	display: inline; /* fixes IE float bug */
	text-align: right;
	width: 15px;	/* keep open the empty span */
		
}
	
table#img_lead td a:link span,
table#img_lead td a:visited span {
	background: url(../images/stacks_right_blk.png) no-repeat center right;
}

table#img_lead td a:hover span,
table#img_lead td a:hover span {
	background: url(../images/stacks_right_red.png) no-repeat center right;
}


table#img_lead td {
	padding: .75em 3px;
	border-bottom: 3px solid #fff;	
}

table#img_lead td:hover {
	border-color: red;	
}

table#img_lead td a {
	display: block;
}

table#img_lead td a:link,
table#img_lead td a:visited {
	color : #000;
}

table#img_lead td a:hover,
table#img_lead td a:active {
	color : red;
}

/* Featured Articles output */

ul.featuredarticles_menu {	
	list-style-type: none;
	padding: 6px;
}

ul.featuredarticles_menu li {
	margin:0;
	padding:0;
	
	padding: 3px 0;
	
}

li.featuredarticles_menu p {
	margin: 0.5em 0;
	padding: 0;	
}

ul.featuredarticles_menu li + li {
	border-top: 1px solid #ccc;
}

/* Style the table in the category description */

table#featured_classes {
	border-collapse: collapse;
	margin: 1em 0;
	width: 100%;

}

table#featured_classes td {
	padding: 0 .5em 0 1em;
}

table#featured_classes th {
	padding: 0 0 1em 1em;
}

table#featured_classes tbody th  {	
	width: 50%;	/* make table cells proper width */
}

table#featured_classes tbody th img {
	margin-right: 10px;
	vertical-align: top;
}

table#featured_classes tbody th {
	
}

/* create a nice separator line */
table#featured_classes tbody th + th,
table#featured_classes tbody td + td {
	border-left: 2px solid #ccc;
}

/*
 * Style the content of the tabbed lists in the class descriptions
 * 
 */

.AccordionPanelContent p,
.AccordionPanelContent ul {
	margin: 0.75em;
}

/*
 * Table for multiple image selection
 * 
 */

table.multi_img_selection {
	width: 100%;
}

table.multi_img_selection td {
	width: 33%;
}

table.multi_img_selection a img {
	margin-top: 5px;
	border: none;	
	
}

table.multi_img_selection a {
	font-size: .9em;
	font-weight: bold;
	
	display:block;
	
	padding: 3px;
}

table.multi_img_selection a:link,
table.multi_img_selection a:visited {
	border: 2px solid #fff;
}

table.multi_img_selection a:hover,
table.multi_img_selection a:active {
	border: 2px solid red;
}

/* 
 * Login Form 
 *  
 */

form#com-form-login {
	width: 40%;
}

form#com-form-login fieldset {
	border: 1px solid #ddd;
	padding: 1em;
}

form#com-form-login ul {
	line-height: 1.5em;
}

form#com-form-login img {
	display: none;
	
}
/*  Footer
------------------------------------------------------------*/

#footer {
	clear:both;
	bottom: 0;
	width: 100%;
	height: 40px;	/* must match height of padding in content_wrap */
	background: #101010;	

}

#footer div.moduletable {
	padding-top: 0.5em;
}

/*  Generic Classes
------------------------------------------------------------*/
.content_img {
	float: left;
	margin: 0 .5em .5em 0;
}

.accessibility {
	position: absolute;  
	left: -9000px; 		/* Move off screen */
}

ul.downloadlist li {	
	margin: .5em 1em;		
}

ul.downloadlist li a.pdf,
.download_pdf_lg,
.download_pdf {
	background: url(../images/pdficon_small.gif) top left no-repeat;
	padding-left: 20px;	
}

.download_pdf_lg {
	font-size: 1.2em;
}

/*  Generic Classes
------------------------------------------------------------*/

.content_img {
	float: left;
	margin: 0 .5em .5em 0;
}


.accessibility {
	position: absolute;  
	left: -9000px; 		/* Move off screen */
}

img.float_left {
	float: left;
	margin: 0 2em 1em 0;
}

/* 
 * Typography
 * 
------------------------------------------------------------*/

body {
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	line-height: 1.3;
}

#content80, #content100, #breadcrumbs {
	text-align:justify;
}

.moduletable_newsflash {
	font-size: 1.6em;
	color: #E65914;
}

h1, .componentheading, .contentheading {
	font-size: 1.9em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

h2 {
	font-size: 1.3em;	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h3, .moduletable h3 {
	font-size: 1.3em;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight:normal;
}

h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
	font-weight:bold;
}
.small, .createdate,.modifydate,.mosimage_caption {
	font: 0.8em Arial, Helvetica, sans-serif;
}

#content ol {
	margin-left: 1.5em;
}
#content .breadcrumbs {
	font-size: .8em;
	text-align:left;
}

#footer {
	font-size: 0.9em;
	font-family: Arial, Helvetica, sans-serif;
	color: #ccc;
	text-align: center;
}

#footer a:link, #footer a:visited {
	color: #f3f3f3;
	text-decoration: none;
}

#footer a:active, #footer a:hover {
	color: #c90f0f;
	text-decoration: none;
}

#mod_loginform {
	line-height: 1.3;
}

a.featuredarticles_menu {
	font-size: .9em;
	font-weight: bold;
}

.featuredarticles_menu h5 {
	font-size: .8em;
	font-weight: bold;
}

table#featured_classes tbody th  {	
	font-size: 1.2em;
	font-weight: bold;
}