/*This stylesheet contains everything that be customized in the template. Change the other style sheets at your own risk!*/

#header {height:85px;background-color: transparent;}
/*CSS for logo. Its a image replaced link as an H1 tag*/
#header h1 {
	background: transparent url(../images/logo.png) no-repeat 0 0;
	z-index: 1000;
}/*Set the line-height and width equal to your logo image here*/
#header h1 a {width:342px;line-height:85px;}

body.contentpane {background:#ffffff}

/*This CSS controls format of the user1 module*/
#user1 {background-color:transparent;position:absolute;left:140px;top:58px;font-size:0.9em;text-align:left;width:auto;z-index:9999}
#user1 .moduletable-text{font-size:0.8em;text-align:left;}
#user1 .moduletable-small{/*Intentionally blank*/}
#user1 h3 {font-family:Verdana, Geneva, sans-serif;font-variant:small-caps;font-weight:bold;margin:0;padding:0;}
#user1 p {
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 120%;
	margin: 0;
	padding: 4px 1ex 0 0;
}
#modlgn_username, #modlgn_passwd, #modlgn_submit, #mod_search_searchword { font-family:Verdana, Geneva, sans-serif;color:#4400C0;font-size:8pt;font-weight:bold;}

/*Image under menu */
#pano {
	width: 100%;
	background: #ffffff url(../images/crowd.jpg) no-repeat 0 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 50px;
}

/*This CSS controls the background image of headerleader module*/
#headerleader .module-gradient {background:url(../images/blue/gradient.png) repeat-x top;width:100%;margin: 0px;padding: 0px;
}
#headerleader .moduledarkS,#headerleader .modulelightS,#headerleader .modulemidS,#headerleader .modulelight,#headerleader .moduledark,#headerleader .modulemid {margin:8px;}

/*Border colors*/
.topbar {background-color: #0B0020;margin:0;}
#wrap-a{background-color:#ffffff; border: 1px solid #d9d9d9;}
#wrap-b{border: 2px solid #ffffff;}
#wrap-c{border: 0px solid #ffffff;}
#wrap {background: #ffffff url( ../images/ophwatermark.jpg) no-repeat scroll left top ;}

/*Font styling for footer*/
#footer {
	background-color: #ffffff;
	font: xx-small Verdana, Geneva, sans-serif;
	text-align: center;
	margin-top: 30px ;
}
#footer #mainlevel li a{font:xx-small Verdana, Geneva, sans-serif;color:#666666;}
#footer #mainlevel li a:hover,#footer #mainlevel li a#active_menu{color:#333333;text-decoration:underline;}

/*------------------Typography and Joomla Styles----------------*/

/*Sitewide font style, DONT set size here*/
body {
	font-family: Verdana, Geneva, sans-serif;
	line-height: 140%; 
	color: #111;
	background: #3800A0 url(../images/blue/pagebg.png) repeat-x fixed top;
}

/*Set global font sizes here*/
#sidebar {background-color:transparent; font-size:90%;} /*left column*/
#sidebar-2 {background-color:transparent; font-size:90%;} /*right column*/
#main-body {
	background-color:transparent;
}

/* Content */
#content {background-color:transparent;}
.contentpaneopen {
	width: 100%;
	background: url(../images/contentpane.png) repeat left top;
	border-left: #AD81FF 1px dotted;
}
.contentpaneopen td {
	padding: 0px 1ex 0.5em 8px;
	font-size:100%;
}
.contentpaneopen td p {
	line-height: 140%;
	text-align: justify;
}

h1 {font: bold 1.6em/1.9em Verdana, Geneva, sans-serif;margin:0 0 0 0;color:#000;}
h2 {font: bold 1.6em/1.9em Verdana, Geneva, sans-serif;margin: 0 0 0 0;color:#2D0080;}
h3 {font: bold 1.1em/1.4em Verdana, Geneva, sans-serif;font-variant:small-caps;margin: 1.2em 0 0 0;color:#000000;}
h4 {font: bold 1.1em/1.4em Verdana, Geneva, sans-serif;font-variant:small-caps;margin: 1.2em 0 0 0;color:#2D0080;}
h5 {font: bold 1em/1.3em Verdana, Geneva, sans-serif;font-variant:small-caps;margin: 1.2em 0 0 0;color:#2D0080;}
h6 {font: bold 1em/1.3em Verdana, Geneva, sans-serif;font-variant:small-caps;margin: 1.2em 0 0 0;color:#2D0080;}

.createdate,.modifydate,.small {color:#a0a0a0;font-size:.75em;padding:0 0 0 0;}
a:link, a:visited {color:#4400C0;text-decoration:none;}
a:hover {color: #6F21FF;text-decoration:underline;}

.contentheading,td.contentheading,a.contentpagetitle,a.contentpagetitle:link, a.contentpagetitle:visited {	
color:#2D0080;text-decoration:none;
font: bold 11pt/12pt Verdana, Geneva, sans-serif;text-align:left;}
.componentheading {color:#2D0080;font: bold 11pt/12pt Verdana, Geneva, sans-serif;margin: 0 0 1em 0;}
.contentdescription {
	padding: 0 0 1em 0 ;
}
a.category:hover {color: #6F21FF;text-decoration:underline;}
table.contenttoc {color: #333333;border: 1px solid #d9d9d9;}
table.contenttoc td {font-size: 0.9em;font-weight: normal;text-align:left;}
div.mosimage_caption {font-size:0.9em;color:#666666;}
.pagenav{
	color: #a0a0a0;
	padding: 3px 2px 3px 2px;
	background-color: #e0e0e0;
	border: outset;
}
.pagenav a {
	color: #4400C0;
	text-decoration: none;
}
ul.latestnewsdark,ul.latestnewslight,ul.latestnewsmid,ul.latestnewsdarkS,ul.latestnewsmidS,ul.latestnewslightS {
	list-style: circle outside;
	margin: 0 4px 0 2ex;
}
ul.latestnewsdark li,ul.latestnewslight li,ul.latestnewsmid li,ul.latestnewsdarkS li,ul.latestnewsmidS li,ul.latestnewslightS li {
	padding-bottom: 3px;
}

ul.newsfeeddark,ul.newsfeedlight,ul.newsfeedmid,ul.newsfeeddarkS,ul.newsfeedmidS,ul.newsfeedlightS {
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
ul.newsfeeddark li,ul.newsfeedlight li,ul.newsfeedmid li,ul.newsfeeddarkS li,ul.newsfeedmidS li,ul.newsfeedlightS li {
	padding: 0.5em 1ex 1em 0ex;
	margin: 0 0 0 0;
}
.contentpane ul li {
	padding: 1em 0 1em 0 ;
}

blockquote {
	background: #ffffff url(../images/blockquote.gif) no-repeat top left;
	margin: 1em 0 1em 0;
	padding: 0.5em 1ex 1em 20px;
	text-align: justify;
	line-height: 1.4em ;
	font-style: normal ;
	font-weight: normal ;
}

.faq {
	font-style: italic ;
	font-weight: bold ;
	margin-top: 2em ;
}

.question {
	float: left ;
	font-size:16pt ;
	padding-bottom: 8pt;
	color: #2D0080 ;
	font-weight: bold;
	width: 3ex;
}
/*
.eformradio, .eformcheck {
	padding-left: 3ex;
	padding-top: 0.5em;
}
.eformradio label, .eformcheck label {
	padding-left: 0.5em;
}
.eformtextarea, .eformtext, .eformselect {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9pt;
}
.eformtextarea {
	overflow: scroll;
	width: 98%;
	height: 10em;
}
*/

/*Header for table content*/
td.sectiontableheader {
color: #FFF;background:#222;font-weight:bold;padding: 4px;}

/*Alternating table rows*/
tr.sectiontableentry1 td,td.sectiontableentry1,td.sectiontableentry1light {
padding: 0.5em 1ex 0.5em 1ex;font-size:90%;background-color:#F1F1FF;
background: transparent url(../images/sect1.png) repeat top left;}
tr.sectiontableentry2 td ,td.sectiontableentry2,td.sectiontableentry2light {
padding: 0.5em 1ex 0.5em 1ex;font-size:90%;background-color:#E1E1EF;
background: transparent url(../images/sect2.png) repeat top left;}

/*Side Column Navigation*/
ul#mainlevel-sidenav {list-style:none;margin:0;padding:0;}
ul#mainlevel-sidenav a{text-decoration:none;}
ul#mainlevel-sidenav a:hover {text-decoration:underline;}

/*SOLID Rounded Boxes TEXT COLORS*/
#sidebar h3,#sidebar-2 h3,.user4 h3,.user5 h3,.user4split2 h3,.user5split2 h3,.user6 h3,.user7 h3,.user6split2 h3,.user7split2 h3 {text-align:center;margin:0;padding:0;}
.moduledarkS p,.modulelightS p,.modulemidS p {line-height:120%;}
.moduledarkS,.moduledarkS a:link, .moduledarkS a:visited, .moduledarkS li a,.moduledarkS p,.moduledarkS td,.moduledarkS ul,.moduledarkS h3 {color:#FFF;}
.modulelightS,.modulelightS a:link, .modulelightS a:visited, .modulelightS li a, .modulelightS p, .modulelightS td,.modulelightS ul,.modulelightS h3,.modulelightS h1,.modulelightS {color:#fff;}
.modulemidS,.modulemidS a:link, .modulemidS a:visited, .modulemidS li a, .modulemidS p,.modulemidS td,.modulemidS ul,.modulemidS h3{color:#FFF;}

/*SOLID Rounded Box BACKGROUND COLORS*/
.moduledarkS, moduletabledarkS {background: #000000 url(../images/blue/mod_tr_darkS.png) top right no-repeat;}
.modulelightS {background: #227AB4 url(../images/blue/mod_tr_lightS.png) top right no-repeat}
.modulemidS {background: #666666 url(../images/blue/mod_tr_midS.png) top right no-repeat;}

/*BORDERED Rounded boxes*/
.moduledark h3,.modulemid h3,.modulelight h3,.modulebdr h3 {position:absolute;top:0;left:-6px;width:100%;margin:0;padding:0.1em 0 0 !important;}
.modulebdr h1, .modulebdr h2 {line-height: 1.2em; margin:0 0 0 0;padding:0 0 0 !important;}
.moduledark h3,.modulemid h3,.modulelight h3 {color:#fff;}
.module h3,.modulebdr h3 {	color: #3800A0; }
.modulebdr h2 {color: #3800A0;}