/* CSS Document */

/************************************************************************************** 
	RLP.20070512
	created "maincontent_container" to duplicate the "body" used by fckeditor.
	>> maybe come up with a more solid approach later?
**************************************************************************************/

html {
	/* handle offset for pull-down menu in firefox */
	overflow: -moz-scrollbars-vertical;
}

.pageHeader {
	font-family: Georgia, serif;
	font-size: 22px;
	margin-bottom:6px;
	color:#314e6b;
}


/* Override <p> to eliminate unwanted padding in fckeditor content...  SEE _ef_content/fckeditor/editor/css/fck_editorarea.css */
p, ul, li
{
	margin-top: 0px;
	margin-bottom: 10px;
}


/* Make sure updates to these styles are mirrored in fck_editorarea.css... */
body, td
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
	color:#222222;
	
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}

.heading {
	font-family: Arial, sans-serif;
	color:#333333;
	font-size: 24px;
}
.heading_medium {
	font-family: Arial, sans-serif;
	color:#333333;
	font-size: 16px;
}

.heading_sm {
	font-family: Arial, sans-serif;
	color: #333;
	font-weight: bold;
	font-size: 12px
}
.heading_sm a {
	color:#000000;
	border-bottom: 0px solid #666
}
.heading_sm a:hover{
	color:#990000;
	border-bottom: 0px solid #666
}

a:link {
	text-decoration: none;
	color: #903;
}
a:visited {
	text-decoration: none;
	color: #903;
}
a:hover {
	text-decoration: underline;
	color: #903;
}
a:active {
	text-decoration: none;
}

/*
p {
	margin: 0px;
}


body {
	background-color: #ffffff;
	padding: 4px 4px 4px 4px;
	margin: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.maincontent_container {
	background-color: #ffffff;
	padding: 4px 4px 4px 4px;
	margin-top: 5px;
}


h3 {
	padding: 0px;
	margin: 0px;
}

.event_info {
	font-family: Arial, sans-serif;
	color: #333;
	font-weight: bold;
	font-size: 12px;
}

*/


/**********************************************************************************************************************
	RIGHT-BAR ELEMENTS
**********************************************************************************************************************/
.rightbar_SupportGroupMeeting {
	width: 204px;
  	height: 307px;
	background-image: url('../../library/image/background&template/sidebar_1.jpg');
  	background-repeat: no-repeat;
	font: "Arial";
  	font-size: 11px;
  	color: black;
  	padding-left: 3px;
  	word-wrap: break-word; /* IE 5.5+ */
}

.rightbar_SupportGroupMeeting a {
	color:#222222;
	text-decoration:none;
}
.rightbar_SupportGroupMeeting a:hover {
	color:#444444;
	text-decoration:underline;
}


/*********************************************************************/

.rightbar_WhyAreWeDifferent {
	width: 204px;
  	margin:0px;
}

.rightbar_WhyAreWeDifferent a {
	color:#222222;
	text-decoration:none;
}
.rightbar_WhyAreWeDifferent a:hover {
	color:#444444;
	text-decoration:underline;
}


/***********************************************************************/

.rightbar_HelpfulVideos {
	width: 204px;
}

.rightbar_HelpfulVideos a {
	color:#222222;
	text-decoration:none;
}
.rightbar_HelpfulVideos a:hover {
	color:#444444;
	text-decoration:underline;
}

/**************************************************************************/

.rightbar_title1 {
  	color: #3c546e;
  	font-size: 16px;
  	padding: 10px;
}

.rightbar_title2 {
    margin:0px;
	background-image: url('../../library/image/background&template/sidebar_2_head.jpg');
  	background-repeat: no-repeat;
	width: 204px;
  	color: #3c546e;
  	font-size: 16px;
  	padding-left: 10px;
  	padding-top: 10px;
  	padding-bottom: 3px;
  	float: left;
}

.rightbar_middle_HV {
    margin:0px;
	width: 204px;
	background-image: url('../../library/image/background&template/sidebar_bg.jpg');
  	background-repeat: repeat-y;
	word-wrap: break-word; /* IE 5.5+ */
	float: left;
}

.rightbar_middle_HV p{
	margin-left: 15px;
	margin-right: 10px;
}

.rightbar_middle_HV p img{
        margin-left: 0px;
}

.rightbar_middle p{
        margin-left: 10px;
        margin-right: 10px;
}

.rightbar_middle p img{
        margin-left: -7px;
}


.rightbar_middle {
    margin:0px;
	width: 204px;
	background-image: url('../../library/image/background&template/sidebar_bg.jpg');
  	background-repeat: repeat-y;
	word-wrap: break-word; /* IE 5.5+ */
	float: left;
}




/**********************************************************************************************************************
	CALENDAR STYLE
**********************************************************************************************************************/

.event_div {
	width: 500px;
	margin-bottom: 20px;
	font-size: 13px;
	
}

.event_div2 {
	width: 100px;
	height: 50;
	margin-bottom: 20px;
	font-size: 13px;
	
}

.event_div a {
   
}

.event_title {
	color: #3c546e;
  	font-size: 17px;
  	width: 214px;
  	word-wrap: break-word;
  	font-weight: bold;
}

.event_title2 {
	color: #3c546e;
  	font-size: 12px;
  	width: 184px;
  	word-wrap: break-word;
  	font-weight: bold;
}

.event_description {
	margin-top: 6px;
	margin-bottom: 8px;
	width: 500px;
	font-size: 13px;
}

.event_button_div {
	position: relative;
	float: left;
	margin-right: 10px;
	text-decoration: none;
	cursor: pointer;
}

.event_button_div2 {
	position: relative;
	text-decoration: none;
	cursor: pointer;
}

.event_info {
	margin-top: 6px;
	margin-bottom: 8px;
	width: 200px;
}

.event_info2 {
	width: 100px;
}

.event_table {
	width: 100%;
	border: 0px;
}

.event_tblrow_gray {
	background-color: #999999;
}

.event_additional_info {
	clear: both;
	margin-top: 15px;
	margin-bottom: 10px;
	text-align: justify;
}

.calendar {
  	margin-left: 2px;
	font: "Arial";
  	font-size: 12px;
  	color: black;
  	padding-left: 15px;
  	word-wrap: break-word;
}

.calendar2 {
  	margin-left: 2px;
	font: "Trebuchet MS";
  	font-size: 12px;
  	color: black;
  	padding-left: 18px;
  	word-wrap: break-word;
}

.date {
	font-weight: bold;
}

.header_pic {
  position: absolute;
  width: 931px;
}

/******************style**************/