/*
 *  begreat.css
 *
 *  This is your external CSS style sheet. It defines all of the CSS styles we
 *  are using in the BeGreat Template. 
 *
 *  This file was originally generated on 
 *  May 11, 2010, 5:57 pm 
 *
 */

/* You named this layer blue_bkgnd_jpg */
#Layer-1 {
  position: absolute;
  left: +0px;
  top: +0px;
  width: 1024px;
  height: 820px;
  z-index: 1;
  background-image: url(../Layer-1.jpg);
}

/* You named this layer BeGreat_bkgd */
#Layer-2 {
  position: absolute;
  left: 24px;
  top: 29px;
  width: 976px;
  height: 772px;
  z-index: 2;
}

/* You named this layer TakesOne_jpg */
#Layer-3 {
  position: absolute;
  left: 23px;
  top: 633px;
  width: 181px;
  height: 69px;
  z-index: 3;
}

/* You named this layer MediaCenter_link */
#Layer-4 {
  position: absolute;
  left: 5px;
  top: 516px;
  width: 175px;
  height: 82px;
  z-index: 4;
}

/* You named this layer programs_link */
#Layer-5 {
  position: absolute;
  left: 4px;
  top: 430px;
  width: 175px;
  height: 82px;
  z-index: 5;
}

/* You named this layer oursites_link */
#Layer-6 {
  position: absolute;
  left: 4px;
  top: 344px;
  width: 174px;
  height: 82px;
  z-index: 6;
}

/* You named this layer who_link */
#Layer-7 {
  position: absolute;
  left: 5px;
  top: 259px;
  width: 175px;
  height: 81px;
  z-index: 7;
}

/* You named this layer news_link */
#Layer-8 {
  position: absolute;
  left: 5px;
  top: 173px;
  width: 175px;
  height: 82px;
  z-index: 8;
}

/* You named this layer greentop_jpg */
#Layer-9 {
  position: absolute;
  left: 23px;
  top: 29px;
  width: 977px;
  height: 166px;
  z-index: 9;
}

/* You named this layer Logo */
#Layer-10 {
  position: absolute;
  left: 11px;
  top: 20px;
  width: 350px;
  height: 126px;
  z-index: 10;
}



/* You named this layer be thinkers_jpg */
#Layer-12 {
  position: absolute;
  left: 565px;
  top: 15px;
  width: 195px;
  height: 139px;
  z-index: 12;
}

/* You named this layer be a role model_jpg */
#Layer-13 {
  position: absolute;
  left: 768px;
  top: 15px;
  width: 197px;
  height: 139px;
  z-index: 13;
}

/* You named this layer be a friend_jpg */
#Layer-14 {
  position: absolute;
  left: 365px;
  top: 15px;
  width: 195px;
  height: 140px;
  z-index: 14;
}

/* You named this layer right_joomla */
#Layer-15 {
  position: absolute;
  left: 767px;
  top: 175px;
  width: 205px;
  height: 550px;
  z-index: 15;
}

/* You named this layer content_joomla */
#Layer-16 {
  position: absolute;
  left: 188px;
  top: 174px;
  width: 574px;
  height: 552px;
  z-index: 16;
  overflow: auto;
}

/* You named this layer user1_joomla */
#Layer-17 {
  position: absolute;
  left: 24px;
  top: 0px;
  width: 977px;
  height: 29px;
  z-index: 17;
}


/* Custom CSS added here
 *   
 *  or move all your custom CSS to an external stylesheet and reference it externally
 *  from the index.php file (remember CSS is _Cascading_ make sure
 *  your reference is _after_ the reference to this stylesheet aka begreat.css).
 */

a {
  cursor: pointer;
  outline: none;
}
a:link { color: #00638A; }
a:visited { color: #00638A; }
a:hover {
  color: #CC0000;
  /* text-decoration: underline; */
  /* font-weight: bold; */
}
body {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: normal;
	text-decoration: none;
}

p {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	letter-spacing: normal;
	line-height: normal;
	text-decoration: none;
	word-spacing: normal;
}

img { border: 0 }
.moduletable_menu h3 {
  margin-top: 0; } 
.componentheading { font-size: 2em; color: #00638A; }
.contentheading { color: #00638A; font-size: 1.5em; }
.contentpagetitle { color: #00638A; }
.small { font-size: 0.7em; }
.createdate { font-size: 0.7em; }
.pagination span, .pagination a { padding: 0 6px 0 6px; }

/* META
--------------------------------------------------------- */
.article-tools {
	border-top: 1px solid #DDDDDD;
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 15px;
	display: block;
	background: #ECECEC;
}

.article-meta {
	padding: 5px;
	width: 80%;
	float: left;
}

.createby {
	padding: 3px 3px 3px 20px;
	background: url(../images/icon-user.gif) no-repeat 0 2px;
}

.createdate {
	padding: 3px 3px 3px 20px;
	background: url(../images/icon-date.gif) no-repeat 0 2px;
}

.modifydate {
	width: 100%;
	float: left;
}

div.buttonheading {
	float: right;
	width: 15%;
}

.buttonheading img {
	margin: 7px 5px 0 0;
	border: 0;
	float: right;
}