* CSS Document */


/* Univeral Styles ------------------------------------------------------- */

body {
	background-color: #3641A2;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	}

a:link, a:visited {
	color: #DC2239;
	font-weight: normal;
	}

a:hover {
 	text-decoration: none;
	}

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

.sidebar {
	background-color: #4E99B3;
	vertical-align: top;
	width: 128px;
	text-align: center;
	}

.mainC {
	background-color: #F6FBDE;
	width: 632px;
	padding: 0px 25px 0px 20px;
	vertical-align: top;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 2px;
	}

/* CSS Document */

subsubHeading {
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #4E99B3;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: -3px;
	}
.subsubheading {
   font-family: "Trebuchet MS", Arial, sans-serif;
   color: #4E99B3;
   font-size: 13px;
   font-weight: bold;
   margin-bottom: 0px;
   margin-top: -3px;
   }

.bluetable {
	background-color: #D1ECE3;
	border: 2px solid #B3D4CD;
	margin: 0xp;
	padding: 13px;
	line-height: 14px;
	vertical-align: top;
	vertical-align: text-top;
	}

.bluetableBulleted {
	background-color: #D1ECE3;
	border: 2px solid #B3D4CD;
	list-style: disc;
	line-height: 19px;
	margin-left: 0px;
	}

.small {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}


/*Homepage Styles --------------------------------------*/

#middle_right {
	/*background-image: url(../images/middle_right.jpg);*/
	/*background-repeat: no-repeat;*/
	width: 215px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 20px;
	/*padding: 30px 25px 0px 20px;*/
	}

#howLink a:link, #howLink a:visited {
	text-align: right;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	position: absolute;
	top: 262px;
	left: 634px;
	width: 107px;
	text-decoration: none;
	}

#howLink a:hover {
	text-align: right;
	color: #CBDC60;
	position: absolute;
	top: 262px;
	left: 634px;
	width: 107px;
	text-decoration: none;
	}

.pressRoom {
	padding: 6px 8px 0px 15px;
	}

.bottomFeatures {
	background-color: #F6FBDE;
	width: 758px;
	padding-top: 8px;
	font-size: 12px;
	}

td.bottomFeatures a:link, td.bottomFeatures a:visited {
	color: #3641A2;
	font-weight: bold;
	}

.bottomCornerHmpg {
	background-image:url('../images/hmpg_bottom.gif');
	background-repeat: no-repeat
	}

.bottomBox {
	padding-left: 15px;
	padding-right: 8px;
	vertical-align: top;
	}

.pressBox {
	padding-left: 15px;
	padding-top: 7px;
	vertical-align: top;
	}

.larger {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 13px;
	color: #333333;
	}

.featureHeading {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #49121A;
	}

/*Iterior Styles --------------------------------------*/
.imgBorder {
	border: 2px;
	border-color: #FFFFFF;
	}

.onPage {
	color: #F8DD70;
	}

.pageHeading {
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #49121A;
	font-size: 23px;
	font-weight: bold;
	}

.subheading {
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #3641A2;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	}

.topbg {
	background:url('../images/top_bg.gif') no-repeat;
	width: 762px;
	height: 112px
	}

#placeholder {
	position: relative;
	left: -9px;
	text-align: left;
	margin-bottom: 5px;
	}

.photoCaption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #C9DB7A;
	padding: 8px 7px;
	text-align: left;
	}

/* Subpage Menu Styles ------------------------------------------------------- */
/**
 *  Since there are no links in #sidebarNav other than the menu
 *  we do not have to get specific with the Joomla classes
 *  mainlevel, sublevel and the id #active_menu for the active link
 */

#sidebarNav {
	/*font-family: "Trebuchet MS", Arial, sans-serif;*/
	/*color: #FFFFFF;*/
	font-size: 11px;
	width: 113px;
	letter-spacing:.04em;
	font-weight: bold;
	line-height: 23px;
	margin: 0px 2px 0px 11px;
	text-align: left;
	padding: 20px 0px 25px 0px;
	}

#sidebarNav a:link, .sidebar a:visited {
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #ffffff;
	font-weight: normal;
	text-decoration:none;
	}

#sidebarNav a:hover {
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #ffffff;
	font-weight: normal;
	text-decoration:underline;
	}

#sidebarNav #active_menu {
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #D8E59E;
	font-weight: normal;
	text-decoration:none;
	}
#sidebarNav a.mainlevel {
	/*font-size: 11px;*/
	}
#sidebarNav a.sublevel {
	/*font-size: 11px;*/
	line-height: 13px;
	}
#sidebarNav div {
	padding: 3px 0px 3px 0px;
	}
#sidebarNav div.level_two {
	margin-left: 4px;
	}
#sidebarNav div.level_three {
	margin-left: 8px;
	border-bottom: 1px solid #85B9CB ;
	}

/* Footer Styles ------------------------------------------------------- */
.footer {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-align: center;
	width: 750px;
	margin-top: 3px;
	}

.footer a:link, .footer a:visited {
	font-size: 10px;
	color: #ffffff;
	margin-top: 3px;
	text-decoration:none;
	font-weight: normal;
	}

.footer a:hover {
	font-size: 10px;
	color: #ffffff;
	text-decoration: underline;
	}

table.moduletable_footer {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-align: center;
	width: 750px;
	margin-top: 3px;
}

/* Rounded Corners ----------------------------------------*/

.roundcont {
	width: 175px;
	background-color: #ffffff;
	font-size: 13px;
	line-height: 18px;
}

.roundcont p {
	background-color:#FFFFFF;

}

.roundtop {
	background: url('../images/press_tr.gif') no-repeat top right;
}

.roundbottom {
	background: url('../images/press_br.gif') no-repeat top right;
}

img.corner {
   width: 10px;
   height: 10px;
   border: none;
   display: block !important;
}

/*Joomla Styles --------------------------------------*/

/* style of main content area */
table.contentpaneopen {
	background-color: #F6FBDE;
	width: 100%;
	vertical-align: top;
	padding-top: 3px;
	}
 table.contentpaneopen td {
 	line-height: 16px;
 	font-size: 12px;
 	}
 table.contentpaneopen p {
 	/*width: 100%;*/
 	}
/*** These are different classes Joomla uses for content titles ***/
/* style for static page title */
table.contentpaneopen td.contentheading,
/* page title for component pages */
table.contentpaneopen td.componentheading,
/* Title of articles when they are links */
table.contentpaneopen td.contentheading a.contentpagetitle {
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #49121A;
	font-size: 23px;
	font-weight: bold;
	text-transform: lowercase;
	height: 25px;
	}
/* style for dynamic headlines on blog pages */
table.blog td.contentheading {
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #49121A;
	font-size: 23px;
	font-weight: bold;
	text-transform: lowercase;
	height: 25px;
	}


/*** This is the text on the search result page saying the # of results found
     It is not the results, those are in contentpaneopen ***/
 table.searchintro td {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
 	color: #333333;
 	line-height: 16px;
 	}

table tr td div {
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 11px;
  	color: #333333;
  	line-height: 16px;
 	}

/*** This is the Joomla class for certain content types,
     it's the same as contentpaneopen ***/
table.blog tr td {
  	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 11px;
  	color: #333333;
  	line-height: 16px;
 	}
/** Joomla class for the date content was created shown in the by-line **/
/** Showing the created date is optional **/
.createdate {
	font-size: 10px;
	color: #ABABAB;
	height: 10px;
	line-height: 0.7;
	}
/** Joomla class for the date content was modified shown in the by-line **/
/** Showing the modified date is optional **/
.modifydate {
	font-size: 10px;
	color: #ABABAB;
	height: 20px;
	line-height: 20px;
	margin-bottom: 5px;
	}
/** Joomla class for the read more link **/
a.readon {
	color: #DC2239;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
	}
/** Joomla class for the hover state of the read more link **/
a.readon:hover {
	text-decoration: none;
	}
/** style for back button at bottom of content pages **/
.back_button a {
	font-size: 10px;
	font-weight: normal;
	}

/* styles of page navigation */
.pagenav {
	color: #DC2239;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
	}

a.pagenav {
	color: #DC2239;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
	}
a.pagenav:hover {
	text-decoration:underline;
	}

a.pagenav:active {
	text-decoration:none;
	}

/* styles for the pathway/breadcrumbs */
.pathway {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	}

.pathway a:link, .pathway a:visited {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	}

.pathway a:hover {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: underline;
	}

/**
 * 	These styles were actually not needed for this template - are very rare thing
 *  The table is the most common output theree are other modes using div tags
 *  There are 5 diferent output modes for modules
 *  I will detail all of them in later documentation
 */
/* style of module main table */
table.moduletable {
}

/* style of module title */
table.moduletable th  {
}

/* style of module td */
table.moduletable td {
}

/*Search Area --------------------------------------*/
#searchArea {
	background: url('../images/search_bg.gif') no-repeat bottom;
	margin-top: 10px;
	width: 210px;
	padding-left: 20px
	align: left;
	}

#searchBox {
	padding: 20px 0px 0px 15px;
	text-align: left;
	}

/*** JOOMLA CLASS .inputbox ***/
#searchArea .inputbox, #searchBox .inputbox {
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	text-align: left;
	font-size: 10px;
	width: 125px;
	background-color:#FFFFFF;
	}

#searchArea .button {
	position: absolute;
	margin-top: -2px;
	margin-left: -2px;
	margin-right: -2px;
	border: 0px none;
	cursor: hand;
	overflow:hidden;
	background-image: url('../images/go.jpg');
	background-repeat: no-repeat;
	/* WIDTH: The actual width of the image */
	width: 100px;
	/* HEIGHT: First number of padding; and number in 2nd height;  is actual height of image */
	padding-top: 25px;
	height: 0px !important;
	height /**/: 25px !important
	}
	
#searchBox .button {
	position: absolute;
	margin-top: -4px;
	margin-left: -2px;
	margin-right: -2px;	
	border: 0px none;
	cursor: hand;
	overflow:hidden;
	background-image: url('../images/go.jpg');
	background-repeat: no-repeat;
	/* WIDTH: The actual width of the image */
	width: 34px;
	/* HEIGHT: First number of padding; and number in 2nd height;  is actual height of image */
	padding-top: 25px;
	height: 0px !important;
	height /**/: 25px !important
	}