/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {
  height: 100%;
  margin-bottom: 1px;
}

form {
  margin: 0;
  padding: 0;
}

body   { font-size: 76% }

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
}

a:hover {
	text-decoration: underline;
	font-weight: normal;
}

p {
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

div, p, table, td, th    { color: #333; font-size: 1em; font-family: Tahoma, Helvetica, Arial, sans-serif }

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
body {

}

#page_bg {
	height: 100%; 
	padding: 0;
	margin: 0;
	margin-bottom: 1px;
	margin-left: 1px;
}

div#wrapper  { margin-right: auto; margin-left: auto; width: 773px; height: 100% }


div#padding   { margin: 0 0 }

div#whitespace   { background: #fff; margin: 0 -2px; height: 0; overflow: hidden }

div#header   { background-image: url(../images/headlogo.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; height: 131px }

div#header1   { background-image: url(http://cerepa.org//images/M_images/headpic2_cerepa_1.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; height: 270px }

div#header1a   { height: 10px;
	background: #007c49;
}

div#header2   { height: 26px;
	background: #007c49;
}

span#switch {
	padding-left: 30px;
	color: #fff;
}

#switch a:link, #switch a:visited {
	color: #fff;
}





div#header3   { height: 55px; background-image: url(../images/welcome.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0;
	
}

div#header_watermark  { height: 100px }

#div#header_outer {
	text-align: left;
	border: 0px;
	margin: 0px;
}

div#beige { }

div#maintabs {
	position: absolute;
	bottom: 0;
	left: 0;
}

div#searchtab  { color: #e1e3e8; font-size: 0.92em; font-family: Helvetica, Arial, sans-serif; font-weight: bold; background: #444b59; padding: 4px 20px; position: absolute; bottom: 0; left: 601px; border-top: 2px solid #646f84 }

table.structure {
	width: 100%;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
}

table.structure td {
	padding: 0;
}

td.maincol     { }

td.sidecol    { }

div#searchbox {
	background: #444B59;
	height: 46px;
}

div#toparea    { height: 20px; overflow: hidden }

#pathway  { text-align: left; padding: 7px 0 5px }

#middlepad     { margin-top: 0px; padding-left: 12px }

#topblock   { padding: 10px 0; width: 100%; float: left }

#topblock_small {
	padding: 10px 0;
}


#topblock, #topblock_small  { background-color: #fff; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; margin-bottom: 9px; border-top: 2px solid #3e4451 }

#user1block, #user2block   { padding: 0 10px }

#topblock_small #user1block  { width: 280px; float: left }

#topblock_small #user2block {
	margin-left: 300px;
}

#topblock_empty {
	visibility: hidden;
}

#flashcontent
{
	padding: 10px 0 0;
	margin-bottom: 80px;
}


#contentblock   { background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; width: 100%; clear: left }

#contentpad  { padding: 1px }

#bottomblock      { margin-top: 4px }

#footer  { color: #e1e3e8; font-size: 0.92em; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 100%; text-align: left; padding: 6px 10px }

#rightblock  { text-align: center; margin: 9px; padding: 5px }

/* rightblock overides */
#rightblock h3 {
	font-size: 1em;
	padding-bottom: 0px;
}

/* bottomblock overides */
#bottomblock h3 {
	color: #E1E3E8;
	background: url(../images/gs_underline_dark.png) 0 100% repeat-x;
}

#bottomblock div, #bottomblock span, #bottomblock td, #bottomblock span {
	color: #E1E3E8;
}

/* main tabs */
#maintabs {
	padding: 0;
	white-space: nowrap;
	float: left;
}

#maintabs ul {
	float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

#maintabs li {
	float: left;
	margin: 0;
	padding: 0;
	padding-right: 3px;
}

#maintabs a:link, #maintabs a:visited {
	float: left;
	display: block;
	background: #51596A;
	border-top: 2px solid #646F84;
	padding: 4px 20px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .92em;
	font-weight: bold;
	color: #E1E3E8;
}

#maintabs a:hover {
  color: #ddd;
	text-decoration: none;
}

/* submenu */
#submenu  { line-height: 23px; background: #646f84 url(../images/gs_divider_top.png) repeat-x 0 100%; white-space: nowrap; padding: 0; width: 601px; height: 0; float: left }

#submenu ul {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

#submenu li {
	float: left;
	margin: 0;
	padding: 0;
	padding-top: 1px;
	
}

#submenu li.active_menu a:link, #submenu li.active_menu a:visited {
	color: #fff;
}

#submenu a:link, #submenu a:visited {
	float: left;
	display: block;
	padding: 0px 10px;
	line-height: 12px;
	margin: 4px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .92em;
	font-weight: bold;
	color: #b3b8c8;
	border-right: 1px solid #9195a2;
}

/* bottom menu */
#bottomtext {
	color: #E1E3E8;
	padding: 4px 0;
}

#bottomtext ul {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

#bottomtext li {
	float: left;
	margin: 0;
	padding: 0;
	
}

#bottomtext a:link, #bottomtext a:visited {
	float: left;
	display: block;
	padding: 0px 10px;
	line-height: 12px;
	margin: 4px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .92em;
	font-weight: bold;
	color: #fff;
	border-right: 1px solid #ced0d4;
}

#bottomdiv {
	clear: left;
	height: 2px;
	background: url(../images/gs_divider_bottom.png) 0 100% repeat-x;
}
/*****************************************/
/*** From Color CSS					   ***/
/*****************************************/

#page_bg   { background-color: #F8E9BA; background-repeat: repeat-y; background-attachment: scroll; background-position: 50% 0 }

a:link, a:visited      { color: #125b2e; font-size: 1.1em }

div#logo  { }

#rightblock   { background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0 }

#rightblock h3 {
	color: #D27E00;
	background: url(../images/gs_underline_orange.png) 0 100% repeat-x;
}

#rightblock div, #rightblock span, #rightblock td, #rightblock span, #rightblock p {
	/* orange */
	color: #A46200;
}

span.pathway {
	color: #f90;
}

a.pathway:link, a.pathway:visited {
	color: #f90;
}


/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

span.pathway {
	display: block;
	padding-left: 10px;
	height: 12px;
	line-height: 12px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .92em;
	font-weight: bold;
}

a.pathway:link, a.pathway:visited {
	font-weight: bold;
}

/* headers */
div.componentheading   { background-color: #fff; padding-left: 20px }

h1     { color: #333; font-size: 1.4em; font-family: "Arial Narrow"; font-weight: bold; width: 100% }

h2, .componentheading {
	padding: 0;
	font-family: Arial, Helvetica,sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	vertical-align: bottom;
	color: #666;
	text-align: left;
	width: 100%;
	margin-bottom: 15px;
}
h3  { color: #125b2e; font-size: 1.2em; font-family: "Arial Narrow"; font-weight: bold; background-image: url(../images/gs_underline_main.png); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 100%; text-align: left; margin: 0 0 10px; padding-bottom: 3px; padding-left: 0 }

h4    { color: #f30; font-size: 2em; font-family: "Arial Narrow"; font-weight: normal }

h5 {
	font-family: "Arial Narrow";
	color: #333;
}

h6 {
	font-family: "Arial Narrow";
	color: #333;
}



.contentheading         { color: #125b2e; font-size: 1.2em; font-family: "Arial Narrow"; font-weight: bold; background-image: url(../images/gs_underline_main.png); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 100%; text-align: left; margin: 0 0 10px; padding-bottom: 3px; padding-left: 0 }

table.moduletable th  { color: #125B2E; font-size: 1.2em; font-family: "Arial Narrow"; font-weight: bold; background-image: url(../images/gs_underline_main.png); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 100%; text-align: left; margin: 0 0 10px; padding-bottom: 3px; padding-left: 0 }



td.contentheading  { padding-bottom: 1px; width: 100% }

/* module control elements */
div.moduletable, div.module  { margin-bottom: 15px }

div.moduletable span, div.moduletable div, div.moduletable p, div.moduletable td {
	text-align: left;
}

div.moduletable img {
	display: inline;
}


/* small text */
.small {
	font-size: .92em;
	color: #596274;
	font-weight: normal;
	text-align: left;
}

.modifydate {
  height: 20px;
  vertical-align: bottom;
	font-size: .92em;
	color: #596274;
	font-weight: normal;
	text-align: left;
}

.createdate {
	height: 20px;
	vertical-align: top;
	font-size: .92em;
	color: #596274;
	font-weight: normal;
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 0px;

}

a.readon  { line-height: 14px; display: block; margin-top: 10px; padding-right: 25px; height: 16px; float: left }

/* menu links */
a.mainlevel:link, a.mainlevel:visited {
	padding-left: 5px;
}

a.mainlevel:hover {

}

/* spacers */
span.article_seperator {
	height: 20px;
}

td.buttonheading {
	
}

.clr {
	clear: both;
}

/* table of contents */
table.contenttoc {
  margin: 5px;
  padding: 5px;
}

table.contenttoc td {
  padding: 0 5px;
}


/* content tables */
td.sectiontableheader {
  background: #f5f8ff;
  color: #333;
  font-weight: bold;
  padding: 4px;
  border-right: 1px solid #fff;
}

tr.sectiontableentry1 td, tr.sectiontableentry2 td {
  padding: 4px;
}

td.sectiontableentry1, td.sectiontableentry2{
  padding: 3px;
}



/* content styles */
table.contentpaneopen          { font-size: 1em; font-family: "Arial Narrow"; margin-bottom: 10px; width: 94%;
	padding-right: 12px;
	padding-bottom: 4px;
}

table.contentpagetitle      { background-color: #ff6; padding: 10px; width: 100%; height: 250px; border: solid 7px #fff }
div.contentpagetitle { background-color: #ff6; padding: 10px; width: 100%; height: 250px; border: solid 7px #fff }
table.contentpane         { background-color: #fbe098; padding: 40px; width: 100%; border: solid 2px white }




table.contentpaneopen li  { margin-bottom: 5px }

table.contentpaneopen fieldset  { padding: 5px 0; width: 100%; border-style: solid none none; border-width: 1px 0 0; border-color: #ddd   }

table.contentpaneopen h4   { color: #333; font-family: Arial, Helvetica, sans-serif; border-width: 12px; border-color: blue }

table.blog {
	width: 100%;
}

/* forms */
table.adminform textarea {
  width: 540px;
  height: 400px;
  font-size: 1em;
  color: #000099;
}

div.search input {
	width: 134px;
	border: 1px solid #535B6F;
	margin: 12px 9px;
	background: #646F84;
	color: #E1E3E8;
}

/* thumbnails */
div.mosimage {
  margin: 5px;
}

div.mosimage_caption {
  font-size: .90em;
  color: #666;
}

/* my 
custom stuff */

div.welcome     { font-size: 1.2em; font-family: "Arial Narrow"; padding-right: 20px }
div.fronttext  { font-size: 1.2em; font-family: "Arial Narrow" }
div.frontheading  { font-size: 1.7em; font-family: "Arial Narrow"; font-weight: bold }
div.gates  { margin-right: 30px }