/* CSS global reset for all browsers */
* {
	padding: 0;
	margin: 0;
}
body {
	/*	margin: 10px auto;*/
	margin: 0 auto;
	padding: 0;
	background: #CCCCCC;
	color : #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
img {
	border-style:none;
}
.img-link a img {
	border-style:none;
	text-decoration:none;
	border-bottom-style:none
}
.content {
	margin: 0 auto;
	padding: 0;
	width: 986px !important;
	width: 960px;	
	background: url(../images/bkcontent.jpg) repeat-y top;
/*	_background-color:#fff;
	_background-image:none;*/
	
}
.seo-hd {
	font-size: 10px;
	font-weight: bold;
	color: #999999;
	width: 986px;
	text-align: center;
	padding: 10px 0px 10px 0px;
}
/* TOP HEADER PART ----- */
#top {
	margin: 0 auto;
	width: 986px;
	background: #FFF url(../images/tophd.jpg) no-repeat top center;
	height: 112px;
}
#top h1 {
	padding: 0px 0 0 60px;
	color: #455D6A;
	font-size: 160%;
}
#top h2 {
	padding: 0px 0 0 60px;
	color: #aaa;
	font-size: 100%;
}
#top .padding {
	padding-top: 55px;
	margin-left: 35px;
	background: url(../images/logo.gif) no-repeat left;
	height: 46px;
}
#logo {
	width: 240px;
	left: 35px;
	top: 35px;
	padding: 15px;
	border-style: none;
}
#logo img {
	border-style: none;
}
#headerbg {
	margin: 0;
	height: 112px;
	width: 979px;
}
#headerbg-home {
	margin: 0;
	height: 112px;
	width: 979px;
	background: #F5F5F5 url(../images/header/default.jpg) top no-repeat;
}
#headerbg-company {
	margin: 0;
	height: 112px;
	width: 979px;
	background: #F5F5F5 url(../images/header/company.jpg) top no-repeat;
}
#headerbg-team {
	margin: 0;
	height: 112px;
	width: 979px;
	background: #F5F5F5 url(../images/header/team.jpg) top no-repeat;
}
#headerbg-sitemap {
	margin: 0;
	height: 112px;
	width: 979px;
	background: #F5F5F5 url(../images/header/team.jpg) top no-repeat;
}
#headerbg-software {
	margin: 0;
	height: 112px;
	width: 979px;
	background: #F5F5F5 url(../images/header/software_webdesign.jpg) top no-repeat;
}
#headerbg-products {
	margin: 0;
	height: 112px;
	width: 979px;
	background: #F5F5F5 url(../images/header/products.jpg) top no-repeat;
}
#headerbg-network {
	margin: 0;
	height: 112px;
	width: 979px;
	background: #F5F5F5 url(../images/header/network_support_n01.jpg) top no-repeat;
}
#headerbg-jobs {
	margin: 0;
	height: 112px;
	width: 979px;
	background: #F5F5F5 url(../images/header/jobs.jpg) top no-repeat;
}
#headerbg-contact {
	margin: 0;
	height: 112px;
	width: 979px;
	background: #F5F5F5 url(../images/header/contact02.jpg) top no-repeat;
}

.pagetitle {
	position: absolute;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	color: #003B71;
	text-align: center;
	width: 450px;
	height: 60px;
	padding: 0px 0px 0px 0px;
	margin: -65px 0px 0px 280px;
	line-height: 1.2em;
}
.menu-bkg {
	width: 977px;
	height: 32px;
	background: #F5F5F5 url(../images/menu.gif) top repeat-x;
	margin: 0px 1px 0px 1px;
}
#menu {
	width: 977px;
	height: 32px;
	background: #F5F5F5 url(../images/menu.gif) top repeat-x;
	margin: 0px 1px 0px 1px;
}
#menu .lang {
	margin: 0;
/*	width: 140px;*/
	width: 140px;	
	float: right;
	list-style: none;
	height: 30px;
	padding: 3px;
	text-decoration: none;
	margin: 0 auto;
}
#menu .lang li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
	background-image: none;
	text-decoration: none;
}
#menu .lang img {
	border: none;
	padding: 2px;
}
#menu .topmenu {
/*	clear:both;
	height:35px;*/
/*	width:760px;*/
	width:720px !important;
	width:700px;
	float:left;
}
.pathway-main {
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 10px;
	font-size: 10px;
}
.pathway {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-left: 2px;
}
a.pathway:link, a.pathway:visited {
	color: #003A77;
	font-weight: normal;
	text-decoration: underline;
	font-size: 10px;
}
a.pathway:hover {
	color: #5BC5C5;
	font-weight: normal;
	text-decoration: none;
	font-size: 10px;
}
.pathway img {
	padding: 0px;
	margin: 0 auto;
}
#active_menu {
	color: #5BC5C5;
	text-decoration: underline;
	font-weight: bold;
	background: #F7F7F7;
}
#mainlevel-nav {
	position: absolute;
	font-size: 1.1em;
	color: #000000;
	width: 920px;
	padding: 0px 0px 2px 0px;
	height: 16px;
	background-color: #F5F5F5;
	padding-top: 2px;
	padding-bottom: 2px;
}
#mainlevel-nav ul {
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}
#mainlevel-nav li {
	color: #000000;
	background: none;
	display: inline;
	margin-right: 10px;
	margin-left: 10px;
}
#mainlevel-nav li a {
	font-weight: bold;
	color: #000000;
}
#mainlevel-nav li a:hover {
	color: #000000;
	text-decoration: underline;
}
.mainlevel {
	text-decoration: none;
	font-size: 11px;
}
.mainlevel ul, li {
	/*	display: block;*/
	list-style: none;
}
.mainlevel a:link, a.mainlevel:visited {
	display: block;
	color: #000000;
	padding: 4px 0 4px 10px;
	margin: 0 0 1px 0;
	border-bottom: 1px solid #eee;
	text-decoration: none;
	font-size: 11px;
}
.mainlevel a:hover {
	color: #5BC5C5;
	background: #F7F7F7;
}
.actived-menu {
	display: block;
	color: #5BC5C5;
	padding: 4px 0 4px 10px;
	margin: 0 0 1px 0;
	border-bottom: 1px solid #eee;
	text-decoration: none;
	font-size: 11px;
	background: #F7F7F7;
}
a.mainmenu:link, a.mainmenu:visited {
	color: #ffffff;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
}
a.mainmenu:hover {
	color: #333333;
}
.pollstableborder {
	border: 1px solid;
	padding: 1px;
}
a.sublevel:link, a.sublevel:visited {
	font-size: 11px;
	color: #000000;
	text-indent: 25px;
	line-height: 15px;
	display: block;
	margin-bottom: 3px;
	width: 100%;
}
a.sublevel:hover {
	color: #5BC5C5;
	text-decoration: none;
}
#main {
	margin: 0 auto;
	width: 986px;
	padding-top: 0px;
}
#main .padding {
	width: 986px;
}
#search {
	float: right;
	width: 400px;
	padding: 25px 40px 0px 0px;
}
#search .right1 {
	float: right;
}
#search .right2 {
	float: right;
}
#footer {
	margin: 0 auto;
	width: 986px;
	background: #ccc url(../images/bottom.jpg) no-repeat top center;
	padding: 0px;
	clear: both;
	height: 60px;
	font-size: 11px;
}
#footer .padding {
	padding-top: 20px;
	text-align: center;
	color: #808080;
	font-size: 10px;
}
#footer a {
	color: #000;
	font-size: 10px;
}
#footer a:hover {
	color: #000000;
	text-decoration: underline;
}
.footerpartner {
	font: 11px Vernada, Trebuchet MS, Arial, Sans-Serif;
	clear: both;
	line-height: 1.8em;
	color: #808080;
	background: #FFF;
	margin: 0 auto;
	width: 986px;
	background: #FFF url(../images/bkcontent.jpg) repeat-y top;
	margin: 0 auto;
	text-align: center;
}
.footerpadding {
	margin: 0 auto;
	border-top: 1px solid #dedfe0;
	width: 974px;
	height: 10px;
}
.footerpadding2 {
	margin: 0 auto;
	width: 974px;
}
.footerpadding2 a {
	color: #000;
}
.footerpadding2 img {
	border-style: none;
	padding: 2px;
}
.footerpadding2 .partner1 {
	margin: 0 auto;
	width: 80%;
	text-align: center;
}
.footerpadding2 .partner1 .logo-part {
	text-align: center;
	width: 120px;
	display: inline;
}
.banner {
	margin: 0 auto;
	padding-top: 15px;
	text-align: center;
}
#modules {
	width: 915px;
	margin: 0px auto;
	height: 170px;
	background: #FFF;
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.mod_user5 {
	width: 290px;
	padding: 5px 5px;
	float: left;
	color: #000;
	height: 125px;
	background: #EDF3F7 url(../images/moduletop.gif) repeat-x top;
}
.mod_user6 {
	height: 125px;
	width: 290px;
	margin: 0 auto;
	margin-right: 3px;
	padding: 5px 5px;
	float: right;
	color: #000;
	background: #EDF3F7 url(../images/moduletop.gif) repeat-x top;
}
.mod_user7 {
	width: 290px;
	padding: 5px 5px;
	float: right;
	color: #000;
	height: 125px;
	margin: 0 auto;
	margin-left: 5px; /* for IE... */;
	background: #EDF3F7 url(../images/moduletop.gif) repeat-x top;
}
#modules .moduletable th {
	padding-top: 15px;
	color: #3A7A9F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	background: inherit;
}
#modules .moduletable td {
	padding-top: 20px;
	color: #686868;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 12px;
}
#modules a {
	text-decoration: underline;
	color: #6BC238;
}
p.Tap {
	font-family: Verdana, Trebuchet MS, Arial, Sans-serif;
	color: #000000;
	font-size: 10px;
	line-height: 1.2em;
}
h1.Tap {
	font: bold 11px Verdana, Arial, Sans-Serif;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
}
h3.Tap {
	font-family: Verdana, Trebuchet MS, Arial, Sans-serif;
	color: #000000;
	font-size: 10px;
	line-height: 1.2em;
	font-weight: bold;
}
li.Tap {
	font-family: Verdana, Trebuchet MS, Arial, Sans-serif;
	color: #000000;
	font-size: 10px;
	line-height: 1.2em;
}
/** for Tap content*/
p.Tap2 {
	font-family: Verdana, Trebuchet MS, Arial, Sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 1.3em;
}
h1.Tap2 {
	font: bold 14px Verdana, Arial, Sans-Serif;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
}
h3.Tap2 {
	font-family: Verdana, Trebuchet MS, Arial, Sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 1.2em;
	font-weight: bold;
}
li.Tap2 {
	font-family: Verdana, Trebuchet MS, Arial, Sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 1.2em;
}
/*** end Tab**/
td, tr, p, div {
	font-family: Verdana, Trebuchet MS, Arial, Sans-serif;
	color: #000000;
	font-size: 12px;
/*	line-height: 1.3em;*/
}
p {
	font-family: Verdana, Trebuchet MS, Arial, Sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 1.3em;
	margin-top: 0px;
	margin-bottom: 10px;
}
h1 {
	font: bold 14px Verdana, "Trebuchet MS", Arial, Sans-Serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 2px;
	padding-bottom: 4px;
	margin-bottom: 10px;
}
h2 {
	font: bold 14px Verdana, "Trebuchet MS", Arial, Sans-Serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 7px;
	padding-bottom: 4px;
	margin-bottom: 10px;
}
h3 {
	font: bold 13px Verdana, Trebuchet MS, Arial, Sans-Serif;
/*	color: #666666;*/
	color: #000000;	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 4px;
	margin-bottom: 5px;
}
h1 a {
	color: #013C78;
}
h4 {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin-bottom:5px;
}
h5 {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
h6 {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #013C78;
	text-decoration: underline;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	color: #013C78;
	text-decoration: underline;*/
}

a:hover {
	color: #5BC5C5;
	text-decoration: underline;
}
ul {
/*	margin-bottom:15px;*/
}
li {
}
.mostread li {
	padding: 0px 5px 0 5px;
/*	list-style: 3px;*/
	list-style-type: none;
}
.latestnews li {
	padding: 0px 5px 0 0px;
/*	list-style: 0px;*/
	list-style-type: none;
}
.mosimage {
	border: 1px solid #EEE;
	padding: 3px;
	margin: 0px;
}
.mosimage a:link, a:visited {
/*	font-size: 10px;*/
	color: #013C78;
/*	text-decoration: underline;*/
}
.mosimage a:hover {
	color: #5BC5C5;
	text-decoration: underline;
}
.mosimage_caption {
	background-color: #EEE;
	color: #666;
	border: none;
	font-size: 11px;
}
.mosimage_caption img {
	border: none;
	padding: 0px;
}
.mosimage_caption a:link, a:visited {
/*	font-size: 12px;
	color: #013C78;
	text-decoration: underline;*/
}
.mosimage_caption a:hover {
	color: #5BC5C5;
	text-decoration: underline;
}
hr {
	border: 0;
	height: 1px;
	color: #CCCCCC;
	background: #CCCCCC;
}
hr.separator {
	background: transparent;
	height: 1px;
	width: 75px;
	border: 1px solid #f6f6f4;
}
.pagenavbar {
	margin: 0 auto;
/*	text-align: center;*/
	text-align:left;
}
.pagenav {
	/* as the name implies, this is for formatting texts for

   those "<< Start < Previous 1 Next > End >>" links */

font-weight: normal;
	color: #555;
}
a.pagenav, a.pagenav:visited {
	/* same as above, but for links */

font-weight: normal;
	color: #000000;
}
a.pagenav:hover {
	/* same as above, but for links with mouse pointer over it */

font-weight: normal;
	color: #000000;
	text-decoration: underline;
}
.small {
	/* general style for texts when small size fonts are used. In 

   the contents, this style is used for "Written by..." texts */

font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #888;
	text-decoration: none;
	font-weight: normal;
}
.smalldark {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	text-decoration: none;
	font-weight: normal;
}
/**

 * -----------------

 * Here are 2 styles that Joomla uses to let users control

 * how their forms and buttons may look.

 */
.inputbox {
	color: #757575;
	padding: 2px;
	border: 1px solid #808080;
	margin: 0 0 4px 0;
}
.inputbox:hover {
	background: #E6ECEF;
}
#searchform .inputbox {
	color: #757575;
	width: 300px;
	border: 1px solid #808080;
	background: #fff;
	float: right;
}
.createdate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-align: left;
	text-indent: 18px;
	font-weight: bold;
	top: -5px;
	vertical-align: top;
	padding-bottom: 2px;
	background: url(../images/date.png) no-repeat;
}
.button {
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-size: 11px;
	font-weight: bold;
	background-color : #5BC5C5;
	color: #ffffff;
	border: 1px solid #757575;
}
/**
 *Tabbed Frontend Admin Interface
 * -------------------------------------
 * The CSS styles here defines how the frontend admin interface
 * will look like when editing and adding news through frontend.
 */
.ontab {
	/* For styling of the "Tab" buttons when editing contents through the frontend
   (when you log in as admin in the frontend). This .ontab is the styling for the
   tab when it is active or after its "clicked" */

background-color: #323A15;
	border-left: outset 1px #DCF2FA;
	border-right: outset 1px #808080;
	border-top: outset 1px #DCF2FA;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}
.offtab {
	/* Same as above, used for styling of the "Tab" buttons when editing contents through the frontend.
   This .ontab is the styling for the tab when it is NOT active or when it is NOT "clicked" */
	background-color : #e5e5e5;
	border-left: outset 1px #E0E0E0;
	border-right: outset 1px #E0E0E0;
	border-top: outset 1px #E0E0E0;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	cursor: pointer;
	font-weight: normal;
}
.tabpadding {
	/* this style is used set the size of the tab in 
   in the above */
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
.tabheading {
}
.pagetext {
	/* this style is used to style the content of the editing form
   contents (where HTMLArea sits and all its forms + contents) in
   the frontend Administration interface */
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
}
/*#left a.mainlevel:hover, #right a.mainlevel:hover { color: #364A62; font-weight: normal;  }*/
/*#left #active_menu, #right #active_menu { color: #364A62;  font-weight: normal; }*/
/**
 * General styling for Sections/Categories/Contents
 * ------------------------------------------------------
 * These stylings are either sometimes or often used across
 * Sections, categories and contents. They, therefore, deserves
 * to be mentioned and separated from others.
 */
.createdate {
	/* name says it all.. its for styling the date the content/articles are created under 
   contents title */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #aaa;
	text-decoration: none;
	font-weight: normal;
	padding: 0 0 10px 0;
}
.modifydate {
	/* need me to say? :) Well it styles the "Last updated on" text
   at the end of articles/contents */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #aaa;
	text-decoration: none;
	font-weight: normal;
}
a.readon:link, a.readon:visited {
	display: block;
	background: url(../images/read_more.gif) no-repeat;
	color: #333333;
	text-indent: -5000px;
	width: 100px;
	height: 20px;
}
a.readon:hover {
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/** 
 * Joomla Styling for Contents
 * --------------------------
 * All the styling for contents are listed
 * below.
 */
.contentpane {
}
.contentpaneopen {
	padding: 0px;
	margin: 0px;
}
.contentpaneopen img {
	padding: 0px;
	margin: 5px;
}
/*.buttonheading img { padding: 2px; }*/
.contentheading {
	font-size : 16px;
	font-weight : bold; /*color: #3D5864;*/;
	color: #000000;
	padding-left: 0px;
	padding-top: 0px;
	text-indent: 0px;
	text-align: left;
	background: #FFF;
	height: 22px;
}
.contentpagetitle {
	/* Couldn't find where is this yet. Will update this part when I
get to it. Sorry. If you know, please email me the infos */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #5E0A0C;
	text-align: left;
}
.contentdescription {
	/* When you create a link to a Section in the main menu and when clicked on it, it will display
   "News" then some description (with image if you selected one) and then a list of 
   Category of News. This style is used for formating the "DESCRIPTION" part of that page */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	text-align: left;
}
/*.contentdescription img { padding-right: 5px; }*/
table.contenttoc {
	/* This is used to format the table of the Tables of Contents or "Jump to" 
   box when it is enabled in a multiple paged content or article */
	color: #333;
	background-color: #FFF;
	border: 1px solid #666;
	margin: 10px;
	padding: 5px;
}
table.contenttoc td {
	/* the same as above, but this is used to format the td or
   table cells */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	padding: 3px;
}
.content_rating {
	/* used for styling the texts used for displaying 
   those "stars" for rating in an article */
	font-weight: normal;
	font-size: 8pt;
}
.content_vote {
	/* used for those voting texts (the one with voting RADIO buttons) */
	font-weight: normal;
	font-size: 8pt;
}
/**
 * Sections Styles
 * ---------------------
 * Styling of sections tables 
 */
.sectiontableheader {
	/* This is for styling the section table headers on a SECTION's page.
   An example would be those articles lists when you click on "News" or something?
   With a table header of "Date", "Item Title", "Author" and "Hits" ? That's the
   header that you will be controlling through this style */
	background-color : #cccccc;
	color: #333333;
	font-weight: bold;
	padding: 5px;
}
/*.sectiontableentry1 { background-color: #FFF; }*/
/*.sectiontableentry2 {background-color : #e5e5e5;}*/
.sectiontableentry1 td {
	border-bottom: 1px solid #CCCCCC;
	padding: 3px 3px 3px 6px;
}
.sectiontableentry2 td {
	border-bottom: 1px solid #CCCCCC;
	padding: 3px 3px 3px 6px;
}
/*.sectiontableentry1 img, .sectiontableentry2 img { padding-right: 10px; padding-left: 5px; }*/
/**
 * The following are the styling for "Category" items
 * generated from the Sections area
 */
.category {
	/* this is to set the category Titles ( found on a SECTION's page
   where the Category lists are) styles */
	color: #364A62;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
a.category:link, a.category:visited {
	/* same as above, but to set the link format */
	color: #000000;
	font-weight: bold;
}
a.category:hover {
	/* same as above, but for links with mouse pointer over it */
	color: #000000;
	text-decoration: underline;
}
/**
 * Joomla Blog styling
 * ------------------
 * Not too sure where this is used yet. I tried the blog section
 * but it doesn't seem to use it. If you have info on this,
 * email me. I'll update this part.
 */
a.blogsection:link, a.blogsection:visited {
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
a.blogsection:hover {
	color: #000000;
	text-decoration: underline;
	font-size: 11px;
}
/**
 * Joomla Components Styles
 * -----------------------
 * These stylings are to format the way components title
 * is displayed
 */
.componentheading {
	/* This is used for formatting the component's title
   when it is displayed on its own page on the frontend */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	text-align: left;
	padding: 0 0 10px 0;
	text-decoration: underline;
}
.syndicate {
	padding: 15px;
}
/**
 * -----------------------------------
 * These stylings are used for Joomla's built-in components
 * such as newsfeeds, weblinks, contact, search and polls.
 * A commented subtitle will guide you which is for which
 */
/*  Polls  */
.poll {
	/* polls texts */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #364A62;
	line-height: 16px;
	margin-bottom: 10px;
	padding: 0px;
}
.pollstableborder {
	/* set the border properties of the polls voting table */
	border: 1px solid #FFF;
}
label {
	padding-left: 0px;
}
.poll label {
	padding-left: 6px;
}
/*  Weblinks */
a.weblinks:link, a.weblinks:visited {
	/* well.. to format the link's titles under the "Weblinks" 
   section on the frontend */
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a.weblinks:hover {
	/* same as above, but for link with mouseover */
	color: #000000;
	text-decoration: underline;
}
/*  Newsfeeds */
.newsfeedheading {
	/* The newsfeed title. NOTE: This will not affect the newsfeed's news title! */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #364A62;
}
.newsfeeddate {
	/* yeah.. the date on the newsfeed */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFF99;
	font-weight: normal;
}
.fase4rdf {
	/* this is the body text of the newsfeed */	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
}
a.fase4rdf:link {
	/* links of the body text of the newsfeed */
	font-size: 11px;
	font-weight: bold;
	color: #364A62;
	text-decoration: none;
}
a.fase4rdf:hover {
	/* links of the body text of the newsfeed when mouse points over it*/
	font-size: 11px;
	font-weight: bold;
	color: #364A82;
	text-decoration: underline;
}
/* Search page */
table.searchintro {
	/* This is for formatting the box with "Search Keyword: test returned 4 matches" box
   that appears after you have entered a search value. It appears on the mainbody
   with the search results  */
	background-color: #FFF;
	border: 1px solid #666;
}
/*  Contact's table settings  */
table.contact {
	/* for formatting the entire "Contact" table which includes
   the name, address icons and form. Note this table DOES NOT 
   enclose the dropdown list for selecting the Department/person
   to contact */
	background-color: #333333;
}
table.contact td.icons {
	/* the name gave it away. This formats the <td> cells  where the little icons sits next to the details (those addresses,
   phone number etc) */
	background-color: #333333;
}
table.contact td.details {
	/* this is for formatting the <td> cells where all the details sits.
   The details where addresses, phone number and additional info are */
	background-color: #333333;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.syndicate {
	padding-top: 10px;
}
#left {
	float: left;
	width: 170px;
	margin: 5px 10px 15px 10px !important;
	margin: 5px 5px 15px 10px;
}
#left .module-left {
	float: left;
	width: 100%; /*	margin: 5px 10px 15px 10px;*/;
	border: 1px #C0C0C0 solid;
	padding: 2px;
}
#left table.moduletable {
	width: 100%;
	font-size: 9px;
	margin-bottom: 15px;
}
table.moduletable th {
	font: bold 1.1em Verdana, Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #666;
	width: 100%;
	font-weight: bold;
	text-align: left;
	padding-right: 10px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
table.moduletable td {
	font-size: 11px;
	font-weight: normal;
}
table.moduletable td a {
	font-size: 11px;
	color: #013C78;
	text-decoration: underline;
}
table.moduletable td a:hover {
	font-size: 11px;
	color: #5BC5C5;
	text-decoration: underline;
}
#right {
	float: right;
	width: 775px !important;
	width: 770px;
	margin: 2px 10px 10px 10px !important;
	margin: 2px 10px 10px 5px;
	position: relative;
}
#right #main3col {
	float: left;
	width: 515px;
	margin: 5px 0px 10px 15px !important;
	margin: 5px 0px 10px 12px;
}
#right #right_side {
	float: right;
	width: 200px;
	margin: 0px 15px 10px 10px !important;
	margin: 0px 5px 10px 0px;
	line-height: 1.5em;
}
#right #main2col {
	float: left;
	width: 725px;
	margin: 5px 0px 10px 15px;
}
/* no left column */
#right2 {
	float: left;
	width: 978px;
}
#right2 table.moduletable {
	width: 100%;
	margin-bottom: 15px;
}
#right2 #main3col {
	float: left;
	width: 740px;
	margin: 10px 5px 10px 10px;
}
#right2 #main3col .contentpaneopen {
	width: 320px;
}
#right2 #right_side {
	float: right;
	width: 200px;
	margin: 10px 5px 10px 5px;
	line-height: 1.5em;
	font-size: 9px;
	clear: both;
}
#right2 #main2col {
	float: left;
	width: 875px;
	margin: 5px 10px 10px 10px;
}
.content_outline {
	height: 100%;
	background-color: #ffffff;
}
.check-inputbox {
	color: #FFFFFF;
	padding: 0px;
	border: 0px;
	font-family: "Trebuchet MS", Arial,Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #000000;
}
.check-input {
	color: #FFFFFF;
	padding: 0px;
	border: 0px;
	font-family: "Trebuchet MS", Arial,Verdana, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	color: #000000;
}
/** News 2009 */
.order-list-number {
	list-style: decimal;
	margin-left: 55px;
	color: #000;
	font-size: 12px;
	padding: 2px;
	padding-right: 10px;
	margin-bottom:10px;
}
.order-list {
	list-style: disc;
	margin-left: 50px;
	color: #000;
	font-size: 12px;
	padding: 2px;
	padding-right: 15px;
}
.order-list10 {
	list-style: disc;
	margin-left: 15px;
	color: #000;
	font-size: 11px;
	padding: 2px;
/*	padding-right: 10px;*/
	text-align:left;
}

.order-list-chk {
	font-size: 14px;
	background: url(../images/arrow_chk01.gif) no-repeat left top;
	text-indent: 25px;
	padding: 2px;
	color: #000;
	list-style: none;
	margin-top: 10px;
	margin-bottom: 10px;
}
.order-list-chk a {
	font-size: 16px;
	font-weight: bold;
	color: #d6700a;
	text-decoration: none;
}
.order-list-chk a:hover {
	color: #000000;
	text-decoration: underline;
}
.Clr {
	margin: 0px 0px 0px 0px;
	clear: both;
	height: 20px;
}
.Clr5 {
	margin: 0px 0px 0px 0px;
	clear: both;
	height: 5px;
/*	padding:5px;*/
}
.Clr10 {
	margin: 0px;
	clear: both;
	height: 10px;
/*	padding:5px;*/
}
.sitemap {
	margin : 0;
	padding : 0;
	width: 100%;
	margin-left:20px;
}
.sitemap ul {
	display : block;
	list-style : disc;
	margin : 0;
	padding : 0;
	margin-top:5px;
}
.sitemap li {
	margin-top:10px;
}

.sitemap ul li {
	/*margin		: 0;*/
	margin: 5px 0px 5px 20px;
	padding : 0px;
	white-space : nowrap;
	background : transparent;
	list-style: square;
	margin-left:40px;
	/*list-style	: none;*/
}
.sitemap a img {
	border : none;
}
.sitemap ul.level_0 ul {
	list-style : inside square;
	padding : 0;
}
.sitemap ul.level_1 li {
	padding : 0 0 0 2em;
	white-space : nowrap;
}
.sitemap .active {
	font-style : italic;
}
/* Box Grey flexible */
.box-grey-flex {
	margin: 0 auto;
	text-align:left;
	padding:0px;
	clear:both;
	background-color:#efefef;
	height:8px;	
}
.box-grey-flex div {
	background: url(../images/box-grey-01-tr.gif) no-repeat top right;
	margin: 0;
	width: 100%;
	height:8px;
}
.box-grey-flex div div {
	background: url(../images/box-grey-01-tl.gif) no-repeat top left;
	height:8px;	
}
.box-grey-flex-2 {
	margin: 0 auto;
	text-align:left;
	clear:both;
}

.box-grey-flex-2 div {
/*	background: url(../images/box-grey-01-tr.gif) no-repeat top right;*/
	margin: 0;
	width: 100%;
	background-color:#efefef;
}

.box-grey-flex-2 div div {
/*	background: url(../images/box-grey-01-tl.gif) no-repeat top left;*/
	background-color:#efefef;
}
.box-grey-flex-2 p {
	padding: 5px;
	padding-left:15px;
	font-size:12px;
	margin-bottom:0px;	
}

.box-grey-flex-2 a {
	color: #000000;
	text-decoration:underline;
}
.box-grey-flex-2 a:hover {
	text-decoration:underline;
	color: #5BC5C5;	
}
.box-grey-flex-2 em {
	font-size:14px;
	font-weight:bold;
	line-height:24px;
}

.box-grey-flex-2 h2 {
	padding: 5px;
	padding-left:15px;
	font-size:22px;
}
.box-grey-flex-2 h3 {
	padding: 5px;
	padding-left:15px;
	font-size:18px;
}
.box-grey-flex-3 {
	margin: 0 auto;
	text-align:left;
	clear:both;
	margin-bottom:15px;
}
.box-grey-flex-3 div {
	background:#efefef url(../images/box-grey-01-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
	height:8px;
}
.box-grey-flex-3 div div {
	background: url(../images/box-grey-01-bl.gif) no-repeat bottom left;
}
/*** End - Box Grey flexible **/
/*** CSS Back to Top */
.back-to-top {
	clear: both;
	margin: 0;
/*	background: url(../images/arrow_up.gif) no-repeat 0px 4px;*/
/*	background: url(../images/arrow_up.gif) no-repeat 75px 4px;	*/
	background: url(../images/arrow_up.gif) no-repeat right 4px;		
/*	padding-left: 15px;*/
	padding-right:20px;
	float: right;
	text-align: right;
/*	margin-top: 30px;*/
	margin-bottom:5px;
	margin-right:20px;
}
.back-to-top a {
	color: #000000;
	text-decoration: underline;
}
.back-to-top a:hover {
	text-decoration: underline;
	color: #5BC5C5;
}
/* Box Blue flexible */
.box-blue-02-flex {
	margin: 0 auto;
	text-align: left;
	padding: 0px;
	clear: both;
	background-color: #ddebf0;
	height: 8px;
}
.box-blue-02-flex div {
	background: url(../images/box-blue-02-tr.gif) no-repeat top right;
	margin: 0;
	width: 100%;
	height: 8px;
}
.box-blue-02-flex div div {
	background: url(../images/box-blue-02-tl.gif) no-repeat top left;
	height: 8px;
}
.box-blue-02-flex-2 {
	margin: 0 auto;
	text-align: left;
	clear: both;
}
.box-blue-02-flex-2 div {
	/*	background: url(../images/box-grey-01-tr.gif) no-repeat top right;*/
	margin: 0;
	width: 100%;
	background-color: #ddebf0;
}
.box-blue-02-flex-2 div div {
	/*	background: url(../images/box-grey-01-tl.gif) no-repeat top left;*/
	background-color: #ddebf0;
}
.box-blue-02-flex-2 p {
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 12px;
	margin: 0;
}
.box-blue-02-flex-2 a {
	color: #000000;
	text-decoration: underline;
}
.box-blue-02-flex-2 a:hover {
	text-decoration: underline;
	color: #5BC5C5;
}
.box-blue-02-flex-2 em {
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
}
.box-blue-02-flex-2 h2 {
	padding: 5px;
	padding-left: 15px;
	font-size: 22px;
}
.box-blue-02-flex-2 h3 {
	padding: 5px;
	padding-left: 15px;
	font-size: 18px;
}
.box-blue-02-flex-3 {
	margin: 0 auto;
	text-align: left;
	clear: both;
	margin-bottom:15px;
}
.box-blue-02-flex-3 div {
	background:#ddebf0 url(../images/box-blue-02-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
	height: 8px;
}
.box-blue-02-flex-3 div div {
	background: url(../images/box-blue-02-bl.gif) no-repeat bottom left;
}

/* Box Grey Stk flexible */
.box-grey-stk-flex {
	margin: 0 auto;
	text-align:left;
	padding:0px;
	clear:both;
/*	background-color:#efefef;*/
	height:8px;	
}
.box-grey-stk-flex div {
	background: url(../images/box-grey-stk-01-tr.gif) no-repeat top right;
	margin: 0;
	width: 100%;
	height:8px;
}
.box-grey-stk-flex div div {
	background: url(../images/box-grey-stk-01-tl.gif) no-repeat top left;
	height:8px;	
}
.box-grey-stk-flex-2 {
	margin: 0 auto;
	text-align:left;
	clear:both;
}

.box-grey-stk-flex-2 div {
	background: url(../images/box-grey-stk-01-cr.gif) repeat-y top right;
	margin: 0;
	width: 100%;
/*	background-color:#efefef;*/
}

.box-grey-stk-flex-2 div div {
	background: url(../images/box-grey-stk-01-cl.gif) repeat-y top left;
/*	background-color:#efefef;*/
}
.box-grey-stk-flex-2 p {
	padding: 5px;
	padding-left:25px;
	padding-right:15px !important;
	padding-right:10px;
	font-size:12px;
	margin-bottom:0px;	
}

.box-grey-stk-flex-2 a {
	color: #000000;
	text-decoration:underline;
}
.box-grey-stk-flex-2 a:hover {
	text-decoration:underline;
	color: #5BC5C5;	
}
.box-grey-stk-flex-2 em {
	font-size:12px;
	font-weight:bold;
	line-height:24px;
}

.box-grey-stk-flex-2 h2 {
/*	padding: 5px;*/
	padding-left:25px;
	font-size:18px;
	border-bottom-style:none;	
}
.box-grey-stk-flex-2 h3 {
	padding-left:25px;
	font-size:14px;
	border-bottom-style:none;
}
.box-grey-stk-flex-3 {
	margin: 0 auto;
	text-align:left;
	clear:both;
}
.box-grey-stk-flex-3 div {
	background: url(../images/box-grey-stk-01-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
	height:8px;
}
.box-grey-stk-flex-3 div div {
	background: url(../images/box-grey-stk-01-bl.gif) no-repeat bottom left;
}
/*** End - Box Grey Stk flexible **/
/* Box Grey Stk -02 flexible */
.box-grey-stk-02-flex {
	margin: 0 auto;
	text-align:left;
	padding:0px;
	clear:both;
	height:8px;	
}
.box-grey-stk-02-flex div {
	background: url(../images/box-grey-stk-02-tr.gif) no-repeat top right;
	margin: 0;
	width: 100%;
	height:8px;
}
.box-grey-stk-02-flex div div {
	background: url(../images/box-grey-stk-02-tl.gif) no-repeat top left;
	height:8px;	
}
.box-grey-stk-02-flex-2 {
	margin: 0 auto;
	text-align:left;
	clear:both;
}

.box-grey-stk-02-flex-2 div {
	background: url(../images/box-grey-stk-02-cr.gif) repeat-y top right;
	margin: 0;
	width: 100%;
}

.box-grey-stk-02-flex-2 div div {
	background: url(../images/box-grey-stk-02-cl.gif) repeat-y top left;
}
.box-grey-stk-02-flex-2 p {
	padding: 5px;
/*	padding-left:25px;*/
	padding-left:15px;	
	padding-right:10px !important;
	padding-right:5px;
	font-size:12px;
	margin-bottom:0px;	
}
.box-grey-stk-02-flex-2 a {
	color: #000000;
	text-decoration:underline;
}
.box-grey-stk-02-flex-2 a:hover {
	text-decoration:underline;
	color: #5BC5C5;	
}
.box-grey-stk-02-flex-2 em {
	font-size:12px;
	font-weight:bold;
	line-height:24px;
}
.box-grey-stk-02-flex-2 h2 {
/*	padding-left:25px;*/
	padding-left:15px;
	font-size:18px;
	border-bottom-style:none;
	margin-bottom:2px;	
}
.box-grey-stk-02-flex-2 h3 {
/*	padding-left:25px;*/
	padding-left:15px;
	font-size:13px;
	border-bottom-style:none;
	margin-bottom:2px;	
}
.box-grey-stk-02-flex-2 dl,dd {
	padding: 5px;
	padding-left:25px;
	padding-right:15px !important;
	padding-right:10px;	
	font-size:12px;
	margin-bottom:0px;	
}
.box-grey-stk-02-flex-3 {
	margin: 0 auto;
	text-align:left;
	clear:both;
/*	margin-bottom:15px;*/
}
.box-grey-stk-02-flex-3 div {
	background: url(../images/box-grey-stk-02-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
	height:8px;
}
.box-grey-stk-02-flex-3 div div {
	background: url(../images/box-grey-stk-02-bl.gif) no-repeat bottom left;
}
/*** End - Box Grey Stk-02 flexible **/

/* Box Grey Stk -02 No shadow flexible */
.box-grey-stk-02noshadow-flex {
	margin: 0 auto;
	text-align:left;
	padding:0px;
	clear:both;
	height:8px;	
}
.box-grey-stk-02noshadow-flex div {
	background: url(../images/box-grey-stk-02e-tr.gif) no-repeat top right;
	margin: 0;
	width: 100%;
	height:8px;
}
.box-grey-stk-02noshadow-flex div div {
	background: url(../images/box-grey-stk-02e-tl.gif) no-repeat top left;
	height:8px;	
}
.box-grey-stk-02noshadow-flex-2 {
	margin: 0 auto;
	text-align:left;
	clear:both;
}

.box-grey-stk-02noshadow-flex-2 div {
	background: url(../images/box-grey-stk-02e-cr.gif) repeat-y top right;
	margin: 0;
	width: 100%;
}
.box-grey-stk-02noshadow-flex-2 div div {
	background: url(../images/box-grey-stk-02e-cl.gif) repeat-y top left;
}
.box-grey-stk-02noshadow-flex-2 p {
	padding: 5px;
/*	padding-left:25px;*/
	padding-left:15px;
	padding-right:10px !important;
	padding-right:5px;
	font-size:12px;
	margin-bottom:0px;	
}
.box-grey-stk-02noshadow-flex-2 a {
	color: #000000;
	text-decoration:underline;
}
.box-grey-stk-02noshadow-flex-2 a:hover {
	text-decoration:underline;
	color: #5BC5C5;	
}
.box-grey-stk-02noshadow-flex-2 em {
	font-size:12px;
	font-weight:bold;
	line-height:24px;
}
.box-grey-stk-02noshadow-flex-2 h2 {
/*	padding-left:25px;*/
	padding-left:15px;
	font-size:18px;
	border-bottom-style:none;	
}
.box-grey-stk-02noshadow-flex-2 h3 {
/*	padding-left:25px;*/
	padding-left:15px;
	font-size:13px;
	border-bottom-style:none;
}
.box-grey-stk-02noshadow-flex-2 dl,dd {
	padding: 5px;
	padding-left:25px;
	padding-right:15px !important;
	padding-right:10px;	
	font-size:12px;
	margin-bottom:0px;	
}

.box-grey-stk-02noshadow-flex-3 {
	margin: 0 auto;
	text-align:left;
	clear:both;
	margin-bottom:15px;
}
.box-grey-stk-02noshadow-flex-3 div {
	background: url(../images/box-grey-stk-02e-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
	height:8px;
}
.box-grey-stk-02noshadow-flex-3 div div {
	background: url(../images/box-grey-stk-02e-bl.gif) no-repeat bottom left;
}
/*** End - Box Grey Stk-02 No shadow flexible **/


/* Box Grey Stk -03 flexible */
.box-grey-stk-03-flex {
	margin: 0 auto;
	text-align:left;
	padding:0px;
	clear:both;
/*	height:19px;	*/
}
.box-grey-stk-03-flex div {
	background: url(../images/box-grey-stk-03-tr.gif) no-repeat top right;
	margin: 0;
	width: 100%;
	height:19px;
}
.box-grey-stk-03-flex div div {
	background: url(../images/box-grey-stk-03-tl.gif) no-repeat top left;
	height:19px;	
}
.box-grey-stk-03-flex-2 {
	margin: 0 auto;
	text-align:left;
	clear:both;
}
.box-grey-stk-03-flex-2 div {
	background: url(../images/box-grey-stk-03-cr.gif) repeat-y top right;
	margin: 0;
	width: 100%;
}
.box-grey-stk-03-flex-2 div div {
	background: url(../images/box-grey-stk-03-cl.gif) repeat-y top left;
}
.box-grey-stk-03-flex-2 p {
	padding: 5px;
	padding-left:25px;
	padding-right:15px !important;
	padding-right:10px;	
	font-size:12px;
/*	margin-bottom:0px;	*/
}
.box-grey-stk-03-flex-2 a {
	color: #000000;
	text-decoration:underline;
}
.box-grey-stk-03-flex-2 a:hover {
	text-decoration:underline;
	color: #5BC5C5;	
}
.box-grey-stk-03-flex-2 em {
	font-size:12px;
	font-weight:bold;
	line-height:24px;
}
.box-grey-stk-03-flex-2 h2 {
	padding-left:25px;
	font-size:18px;
	border-bottom-style:none;	
}
.box-grey-stk-03-flex-2 h3 {
	padding-left:25px;
	font-size:13px;
	border-bottom-style:none;
}
.box-grey-stk-03-flex-2 dl,dd {
	padding: 5px;
	padding-left:25px;
	padding-right:15px !important;
	padding-right:10px;	
	font-size:12px;
	margin-bottom:0px;
}
.box-grey-stk-03-flex-2 dt {
	font-size:13px;
	font-weight:bold;
}

.box-grey-stk-03-flex-2 dd {
	background-color:#eee;
	padding-left:10px;
	margin-top:5px;
}

.box-grey-stk-03-flex-3 {
	margin: 0 auto;
	text-align:left;
	clear:both;
	margin-bottom:15px;	
}
.box-grey-stk-03-flex-3 div {
	background: url(../images/box-grey-stk-03-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
	height:8px;
}
.box-grey-stk-03-flex-3 div div {
	background: url(../images/box-grey-stk-03-bl.gif) no-repeat bottom left;
}
/*** End - Box Grey Stk-03 flexible **/
/* Box Grey Stk -03-No shadow flexible */
.box-grey-stk-03noshadow-flex {
	margin: 0 auto;
	text-align:left;
	padding:0px;
	clear:both;
/*	height:19px;	*/
}
.box-grey-stk-03noshadow-flex div {
	background: url(../images/box-grey-stk-03e-tr.gif) no-repeat top right;
	margin: 0;
	width: 100%;
	height:19px;
}
.box-grey-stk-03noshadow-flex div div {
	background: url(../images/box-grey-stk-03e-tl.gif) no-repeat top left;
	height:19px;	
}
.box-grey-stk-03noshadow-flex-2 {
	margin: 0 auto;
	text-align:left;
	clear:both;
}
.box-grey-stk-03noshadow-flex-2 div {
	background: url(../images/box-grey-stk-03e-cr.gif) repeat-y top right;
	margin: 0;
	width: 100%;
}
.box-grey-stk-03noshadow-flex-2 div div {
	background: url(../images/box-grey-stk-03e-cl.gif) repeat-y top left;
}
.box-grey-stk-03noshadow-flex-2 p {
	padding: 5px;
	padding-left:25px;
	padding-right:15px !important;
	padding-right:10px;	
	font-size:12px;
	margin-bottom:0px;	
}
.box-grey-stk-03noshadow-flex-2 a {
	color: #000000;
	text-decoration:underline;
}
.box-grey-stk-03noshadow-flex-2 a:hover {
	text-decoration:underline;
	color: #5BC5C5;	
}
.box-grey-stk-03noshadow-flex-2 em {
	font-size:12px;
	font-weight:bold;
	line-height:24px;
}
.box-grey-stk-03noshadow-flex-2 h2 {
	padding-left:25px;
	font-size:18px;
	border-bottom-style:none;	
}
.box-grey-stk-03noshadow-flex-2 h3 {
	padding-left:25px;
	font-size:13px;
	border-bottom-style:none;
}
.box-grey-stk-03noshadow-flex-2 dl,dd {
	padding: 5px;
	padding-left:25px;
	padding-right:15px !important;
	padding-right:10px;	
	font-size:12px;
	margin-bottom:0px;	
}
.box-grey-stk-03noshadow-flex-3 {
	margin: 0 auto;
	text-align:left;
	clear:both;
	margin-bottom:15px;	
}
.box-grey-stk-03noshadow-flex-3 div {
	background: url(../images/box-grey-stk-03e-br.gif) no-repeat bottom right;
	margin: 0;
	width: 100%;
	height:8px;
}
.box-grey-stk-03noshadow-flex-3 div div {
	background: url(../images/box-grey-stk-03e-bl.gif) no-repeat bottom left;
}
/*** End - Box Grey Stk-03-No shadow flexible **/

/* Header Grey */
.box-hd-grey-flex {
	margin: 0 auto;
	text-align:left;
	clear:both;
	margin-bottom:10px;
	margin-top:5px;
}
.box-hd-grey-flex em {
	font-size:14px;
	font-weight:bold;
	line-height:24px;
}

.box-hd-grey-flex h2 {
	padding: 5px;
	padding-left:15px;
	padding-top:8px;
	font-size:14px;
	font-weight:bold;	
	border-bottom:0px;
}
.box-hd-grey-flex h3 {
/*	padding: 5px;*/
/*	padding-left:15px;*/
	margin-top:3px;
	font-size:14px;
	border-bottom: 1px #ccc solid;
	margin-left:15px;
}

.box-hd-grey-flex h3 .active-arrow {
	padding: 5px;
	padding-left:15px;
	font-size:14px;
	background: url(../images/arrow_down.gif) no-repeat 0px 15px;
}
.box-hd-grey-flex h3 .non-active-arrow {
	padding: 5px;
	padding-left:15px;
	font-size:14px;
	background: url(../images/arrow_org02right.gif) no-repeat 0px 10px;
}

.box-hd-grey-flex p {
	padding: 5px;
	padding-left:15px;
	font-size:12px;
	margin-bottom:0px;
}
.box-hd-grey-flex .highlight2 {
/*	background: #ddebf0;*/
/*	font-weight: bold;*/
	font-style:italic;
	padding: 5px;
	padding-left:15px;
}

.box-hd-grey-flex div {
	background: url(../images/box-hd-r.gif) no-repeat top right;
	margin: 0;
	width: 100%;
	height:36px;
}

.box-hd-grey-flex div div {
	background: url(../images/box-hd-l.gif) no-repeat top left;
}
.box-hd-grey-flex a {
	color: #000000;
	text-decoration:underline;
}
.box-hd-grey-flex a:hover {
	text-decoration:underline;
	color: #5BC5C5;	
}
/** End - Header Grey */
/* Header Blue */
.box-hd-blue-flex {
	margin: 0 auto;
	text-align:left;
	clear:both;
	margin-bottom:10px;
	margin-top:5px;
}
.box-hd-blue-flex h2 {
	padding: 5px;
	padding-left:15px;
	padding-top:8px;
	font-size:14px;
	border-bottom:0px;
}
.box-hd-blue-flex h3 {
	margin-top:3px;
	font-size:14px;
	border-bottom: 1px #ccc solid;
	margin-left:15px;
}

.box-hd-blue-flex p {
	padding: 5px;
	padding-left:15px;
	font-size:12px;
	margin-bottom:0px;	
}
.box-hd-blue-flex .highlight2 {
/*	background: #ddebf0;*/
/*	font-weight: bold;*/
	font-style:italic;
	padding: 5px;
	padding-left:15px;
}

.box-hd-blue-flex div {
	background: url(../images/box-hd-blue-r.gif) no-repeat top right;
	margin: 0;
	width: 100%;
	height:36px;
}

.box-hd-blue-flex div div {
	background: url(../images/box-hd-blue-l.gif) no-repeat top left;
}
.box-hd-blue-flex a {
	color: #000000;
	text-decoration:underline;
}
.box-hd-blue-flex a:hover {
	text-decoration:underline;
	color: #5BC5C5;	
}
/** End hd Blue */
/*** End - Box Blue flexible **/
.search-box {
/*	width: 165px;*/
	width:100%;
	border: 1px #CCCCCC solid;
	padding: 2px;
/*	margin: 10px 0;*/
}
.search-box p {
	font-size: 9px;
}
.inputbox-search {
	color: #757575;
	padding: 2px;
	border: 1px solid #808080;
	margin: 0 0 4px 0;
	width: 158px;
}
.inputbox-search:hover {
	background: #E6ECEF;
}
/* CSS Tabs */
#menu-left {
	width: 100% !important;
	width: 160px; /*	border-right: 1px solid #000;*/ /*	border-bottom: 1px solid #eee;*/;
	padding: 0 0 1em 0;
/*	margin-bottom: 1em;*/	font-family: Verdana, Arial; /*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/;
	font-size : 11px; /*	background-color: #90bade;*/;
	color: #000;
}
#menu-left ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#menu-left li {
	/*	border-bottom: 1px solid #90bade;*/
	margin: 0;
	list-style: none;
	list-style-image: none;
}
#menu-left li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
/*	border-left: 10px solid #1958b7;
	border-right: 10px solid #508fc4;
	background-color: #2175bc;*/	border-bottom: 1px solid #eee;
	border-top: 1px solid #fff;
	color: #000;
	text-decoration: none;
	width: 100%;
	font-size : 11px;
}
html > body #menu-left li a {
	width: auto;
}
#menu-left li li a {
	display: block;
	padding: 5px 5px 5px 1.8em !important;
	padding: 5px 5px 5px 1.0em;	
/*	border-left: 10px solid #1958b7;
	border-right: 10px solid #508fc4;
	background-color: #2175bc;*/	
	border-bottom: 1px solid #eee;
	border-top: 1px solid #fff;
	color: #000;
	text-decoration: none;
	width: 100%;
	font-size : 10px;
}

#menu-left li a:hover {
	/*	border-left: 10px solid #1c64d1;
	border-right: 10px solid #5ba3e0;
	background-color: #2586d7;*/
	color: #5BC5C5;
	background-color: #F7F7F7;
}
#menu-left li #active {
	/*	border-left: 10px solid #1c64d1;
	border-right: 10px solid #5ba3e0;
	background-color: #2586d7;*/
	color: #5BC5C5;
	background-color: #F7F7F7;
}
.soft-photo {
	border: 1px #ededed solid;
	padding: 2px;
/*	margin:10px 0;*/
}
.col-main {
	width: 100%;
	margin: 0 auto;
	clear: both;
}
.col-right {
	float: right;
	width: 510px;
	padding: 0px 10px 10px 5px;
}
.col-left {
	float: left;
	width: 190px;
}
.col2-main {
	width: 100%;
	margin: 0 auto;
	clear: both;
}
.col2-right {
	float: right;
	width: 350px;
	padding: 0px 10px 10px 5px;
}
.col2-left {
	float: left;
	width: 140px;
	text-align:center;
}
.table-main {
	margin:0 auto;
	width: 90%;
	margin-top:5px;
}
.table-main th {
	padding:5px;
	color:#000;
	font-size:11px;
	font-weight:bold;
	background-color:#d8e1ea;
	text-align:left;
}
.table-main td {
	padding:5px;
	color:#000;
	font-size:11px;
	text-align:left;
	border-bottom:1px #CDCDCD dotted;	
}

.img-01-left {
	padding: 10px;
	padding-right:20px;
	padding-bottom:30px;
	float:left;
}
.img-02-left {
	padding: 2px;
	float:left;
	border: 1px #ededed solid;
	margin-right:15px;
	margin-bottom:15px;
}
.img-02-left-border0 {
	padding: 2px;
	float:left;
	border-style:none;
	margin-right:15px;
	margin-bottom:15px;
}
.img-02-center-border0 {
	padding: 2px;
	text-align:center;
	border-style:none;
/*	margin-bottom:15px;*/
}
.img-02-center {
	padding: 2px;
	text-align:center;
	border: 1px #ededed solid;
/*	margin-bottom:15px;*/
}

.img-02-right {
	padding: 2px;
	margin-left:10px;
	margin-bottom:10px;
	float: right;
	border: 1px #ededed solid;	
}
.img-02-right-border0 {
	padding: 2px;
	margin-left:10px;
	margin-bottom:10px;
	float: right;
	border-style:none;
}

.readon2 {
	clear:both;
	margin:0;
	background: url(../images/icon-plus.gif) no-repeat 4px 4px;
	padding-left:15px;
	float:right;
	text-align:right;
/*	background-color:#eee;*/
/*	height:21px;*/
}
.readon2 a {
	color: #000000;
	text-decoration:underline;
}
.readon2 a:hover {
	text-decoration:underline;
	color: #003b77;	
}

.hr-line-border {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin: 10px 0px 10px 0px;
	clear:both;
}

/** Glossy Accordion Menu   */
.glossymenu{
margin: 5px 0;
padding: 0;
width: 180px !important; /*width of menu*/
width: 170px;
/*border: 1px solid #9A9A9A;*/
/*border-bottom-width: 0;*/
color:#000;
/*	background-color: #F7F7F7;*/
}

.glossymenu a.menuitem{
/*background: black url(glossyback.gif) repeat-x bottom left;*/
/*background-color: #F7F7F7;*/
font: bold 12px "Verdana",Lucida Grande, Trebuchet MS, Verdana, Helvetica, sans-serif;
color: #000;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
	background-color: #F7F7F7;
	border-bottom: 1px solid #eee;
}


.glossymenu a.menuitem:visited{
color: #000;	
}
.glossymenu .menuitem:active{
	color: #000;
	border-bottom: 1px solid #eee;
	background-color: #F7F7F7;	
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 7px;
/*right: 5px;*/
right: 2px;
border: none;
}

.glossymenu a.menuitem:hover{
/*	background-image: url(glossyback2.gif);*/
	color: #5BC5C5;
	background-color: #F7F7F7;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
/*	background-color: #F7F7F7;*/
	background-color:#fff;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
/*	border-bottom: 1px solid blue;*/
	border-bottom: 1px solid #eee;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 11px "Verdana",Lucida Grande, Trebuchet MS, Verdana, Helvetica, sans-serif;
color: #000;
text-decoration: none;
padding: 4px 0;
padding-left: 20px;
}

.glossymenu div.submenu ul li a:hover{
	color: #5BC5C5;
	background-color: #F7F7F7;
/*colorz: white;*/
}
.glossymenu div.submenu ul li ul li{
/*	border-bottom: 1px solid #eee;*/
	border-bottom-style:none;
}

.glossymenu div.submenu ul li ul li {
display: block;
font: normal 10px "Verdana",Lucida Grande, Trebuchet MS, Verdana, Helvetica, sans-serif;
color: #000;
text-decoration: none;
/*padding: 4px 0;*/
padding-left: 15px;
border-top: 1px solid #eee;
}
.glossymenu div.submenu ul li ul li ul li{
display: block;
font: normal 10px "Verdana",Lucida Grande, Trebuchet MS, Verdana, Helvetica, sans-serif;
color: #000;
text-decoration: none;
/*padding: 2px 0;*/
padding-left: 15px;
/*border-top: 1px solid #eee;*/
}

/* for Ocerview */

.technology{ /*header of 2nd demo*/
cursor: pointer;
font: bold 13px Verdana;
margin: 10px 0;
}

.openlanguage{ /*class added to contents of 2nd demo when they are open*/
/*	color: #5BC5C5;*/
	color:#fff;
	margin-bottom:0px;
/*	background-color:#F7F7F7;*/
	background-color:#C0C0C0;	
	border:1px #C0C0C0 solid;
	border-bottom-style:none;
	height:20px;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #000;
margin-bottom:4px;
}
.thelanguage {
	background-color:#F7F7F7;
	padding:5px;
	border:1px #C0C0C0 solid;
	border-top-style:none;
}
.thelanguage p {
	font-size:11px;
}
.thelanguage h2 {
	font-size:11px;
	font-weight:bold;	
}
.thelanguage h4 {
	font-size:11px;
	font-weight:bold;
}

.thelanguage li {
	list-style: disc;
	margin-left: 50px;
	color: #000;
	font-size: 11px;
	padding: 2px;
	padding-right: 15px;
	font-weight:normal;
}
.thelanguage ul {
/*	list-style: disc;*/
	color: #000;
	font-size: 11px;
	margin-bottom:10px;
	font-weight:bold;
}