/* @override 
	http://cem.com/e107_themes/CEM09/style.css
*/

/* CEM09 TEMPLATE CSS */

#search{
	float: right;
	display: block;
	position: relative;
	top: -35px;
}

body {

  background: #dededf;

  text-align: center;

  font-family: verdana, arial, sans-serif;

  font-size: 12px;

  color: #444444;

  margin-top: 0px;

  margin-bottom: 20px;

  margin-left: 0px;

  margin-right: 0px;

}

span.sitename {

	left: 80;

	top: 0;

}

div.intro {width: 515px; height: 153px;

	top: 0;

	left: 80;

	margin-left: 14px;
	display: block;
}

div.pluginCap {

	font-size: 13px;

	font-weight: bold;

	color: #f9f9fe;

	margin: 3px 8px 3px 2px;

	border-bottom: 1px dashed #ced7fe;

	left: 8px;
	padding-left: 3px;
	text-shadow: #000 1px 1px 2px;
	padding: 3px;
	background: #0d172a url(images/sidebarTitle.png) repeat-x;
}

div.pluginCap a {
	color: #fff;
}

#bodymenu {

	top: -25px;

	margin-top: -25px;

	position: relative;
	display: block;
}

div.pluginBox {

	border-bottom: thin #CCCCCC dotted;

	margin-bottom: 10px;
	padding: 6px 10px 20px 8px;
}


.nodec {

	text-decoration: none;

	font-size: 10px;
	line-height: inherit;
}
a.nodec {
	text-shadow: gray 1px 1px 2px;
	padding: 0;
	margin: 0;
}



/* LINKS */



a:link {color:#006699; text-decoration: none;
	padding: 0;
	margin: 0;
	line-height: inherit;
} 

a:visited {color:#006699; text-decoration: none;} 

a:hover,a:active {color:#006699;}



#top  a:link {color:#FF6600; text-decoration: none; font-weight: bold; border-bottom:none;} 

#top a:visited {color:#FF6600; text-decoration: none;font-weight: bold;} 

#top a:hover, #top a:active {color:#FF6600; text-decoration: underline;font-weight: bold;}



#footer  a:link {color:#F3A90A; text-decoration: none; font-weight: bold; border-bottom:none;} 

#footer  a:visited {color:#F3A90A; text-decoration: none;font-weight: bold;} 

#footer  a:hover, #footer  a:active {color:#FBAF5D; text-decoration: none;font-weight: bold;}



/* LISTS */



#content ul { margin-left: 30px; color: #444444; line-height: 18px; margin-top: 10px;margin-bottom:10px;
	list-style-position: inside;
	padding-left: 0;
}

#content li { list-style-type: square;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 20px;
}
#content img {
}



/* TYPOGRAPHY */



p { margin: 0px; padding: 0px; margin-bottom: 10px; }



h1 { font-size: 17px; line-height: 20px;color: #003366; margin:0px; padding: 0px; margin-bottom: 5px; }

h2 { font-size: 17px; line-height: 20px;color: #003366; margin:0px; padding: 0px; margin-bottom: 5px; }

h3 { font-size: 17px; line-height: 19px;color: #003366; margin:0px; padding: 0px; margin-bottom: 5px; }

h4 { font-size: 14px; line-height: 17px;color: #003366; margin:0px; padding: 0px; margin-bottom: 5px; }

h5 { font-size: 12px; color: #003366; margin:0px; padding: 0px; margin-bottom: 5px; }



#header h1 { font-size: 28px; line-height: 32px; letter-spacing: -1px; color: #FFFFFF; margin:0px; padding: 0px;  padding-top: 25px;margin-bottom: 5px; padding-left:35px;}

#header h2 { font-size: 14px; line-height: 16px; letter-spacing: 1px; color: #DDDDDD; margin:0px; padding: 0px;  padding-top: 0px;margin-bottom: 5px; padding-left:35px;}


.newsheader { letter-spacing: -1px; color: #1b619e; margin:0px;margin-bottom: 5px;
	padding-right: 0px;
	padding-top: 30px;
	padding-bottom: 0px;
	font: bold 22px "Lucida Grande", Lucida, Verdana, sans-serif;
}


/* CONTAINERS */



#wrapper {

  width:940px;

  margin: 0 auto;

  background:  url('images/content.png') top left repeat-y;

  padding: 0px;

}





#top p {

  text-align:left;

  padding-left: 35px;

  padding-top: 9px;

  padding-bottom:0px;

  line-height: 12px;

  font-size:12px

}
.header {

  width: 600px;

  height: 236px;

  background:  url(images/header.png) no-repeat left top;

  text-align:left;

}



#header {

  width: 940px;

  height: 236px;

  background:  url(images/header.png) no-repeat left top;

  text-align:left;

}



#menu {

  width: 905px;  

  height: 30px; 

  margin: 0 auto;

  clear:both;

}



#content { margin: 0px;

  clear:both;

  text-align: left;
	padding-top: 0;
	padding-bottom: 15px;
	padding-left: 20px;
}



#content #inside {

  width:898px;

  text-align: left;

}



#content #inside #left {

  float: left;

  width: 170px;

  padding-bottom: 15px;

  border-right: thin #CCCCCC dotted;

}



#content #inside #middle {

  margin-left: 15px;

  float:left;

  width: 520px; 
  	margin-right: 17px;
  	padding-bottom: 80px;
}



#middlecustom {

  margin-left: 15px;

  float:left;;

  width: 695px;
	padding-bottom: 80px;
}



#content #inside #right {

  width: 170px;

  border-left: thin #CCCCCC dotted;

}
#right{
	float: right;
	display: block;
	position: relative;
}



#footer {

  width: 940px;

  height: 80px;

  background:  url('images/footer.png') bottom left no-repeat;

}



#footer p {

  text-align:center;

  padding-left: 20px;

  padding-top: 17px;

  padding-bottom:0px;

  line-height: 16px;

  font-size:12px;

  color: #DDDDDD;

}



#bottom {

  width:940px;

  margin: 0 auto;

  padding: 0px;

  text-align:center;

  padding-left: 20px;

  padding-top: 0px;

  padding-bottom:0px;

  line-height: 16px;

  font-size:12px

}



/* NAVIGATION */



#navcontainer .navlist

{

  padding-left: 0;

  margin-left: 0;

  margin-right: 0px;

  margin-top: 0px;

  margin-bottom: 0px;

  background-color: #F3A90A;

  color: #FFFFFF;

  float: left;

  width: 100%;

  font-family: verdana, arial, helvetica, sans-serif;

  font-size: 14px; font-weight: bold;

  display: inline;

}



#navcontainer a

{

  padding:10px 15px;

  background-color: #F3A90A;

  color: #FFFFFF;

  text-decoration: none;

  float: left; 

  border-right: 1px solid #fff;

}



#navcontainer a:hover

{

  background-color: #FCC347;

  color: #111111;

}









/* IMAGE PLACEMENT */



.float_left {

	float:left;

	border: 0px;

	margin-right: 10px;

	margin-bottom: 5px;

	margin-top: 5px;

	margin-left: 10px;

	

}



.float_right {

  float:right;

  border: 0px;

  margin-left: 10px;

  margin-bottom: 5px;  

  margin-top: 5px;

  margin-right: 10px;

}



/* OTHER */



.spacer {

  clear:both;

}











/* Added by batboy for e107 */



.defaulttext {

   background: none;

   font: 10px verdana, arial, sans-serif; 

   color: #000; 

}



.mediumtext {

   font: 12px verdana, arial, sans-serif;

	color:#000;

}



.smalltext {

   font: 9px verdana, arial, sans-serif;

	color:#000;

}



.smallblacktext {

	font: 9px verdana, arial, sans-serif;

	color:#000;

}



.footertext {

	font: 9px verdana, arial, sans-serif;

	color:#F3A90A;

}



.tbox.chatbox {

	width: 80%;

	margin-left: auto;

	margin-right: auto;

}

.fborder {

	background-color: #fff;

}



.tbox{

	background-color: #ddd;

	border: #000000 1px solid;

	color: #000000;

	font: 10px verdana, arial, sans-serif;

}



.button{

	background-color: #ddd;

	border: #000 1px solid;

	color: #000000;

	font: 9px verdana, arial, sans-serif;

	text-align:center;

}



.nextprev{

	background-color: #fff;

/*	border: #000 1px solid; */

	color: #000000;

	font: 9px verdana, arial, sans-serif;

	text-align:center;

	padding : 2px;

}



.np{

	background-color: #ddd;

	border: #000 1px solid;

	color: #000000;

	font: 9px verdana, arial, sans-serif;

	text-align:center;

	padding : 2px;

}



.forumheader{

	background-color: #cccccc;

	font: 12px verdana, arial, sans-serif;

	color: #000;

	padding: 4px;

	border: 2px solid #C3BDBD;

}



.forumheader2{

	background-color: #f9f7f8;

	font: 12px verdana, arial, sans-serif;

	color: #315e96;

	padding: 4px;

	border: 0 solid #C3BDBD;
	border-top-width: 1px;
	border-bottom-width: 1px;
}



.forumheader3{

	background-color: white;

	font: 11px verdana, arial, sans-serif;

	color:#000;
	border-bottom: #C3BDBD 1px solid;
	padding: 6px 4px;
	text-align: left;
}

.forumheaderDL{

	background-color: white;

	font: 11px verdana, arial, sans-serif;

	color:#000;
	border-bottom: #C3BDBD 1px solid;
	padding: 0 4px 12px;
	text-align: left;
}
.forumheaderDL_alt{

	background-color: white;

	font: 11px verdana, arial, sans-serif;

	color:#000;
	border-bottom: #C3BDBD 1px solid;
	padding: 0 4px 12px;
	text-align: left;
}

.forumborder{

	border: #000080 1px solid;

}



.helpbox {

	width: 350px;

	font: 9px verdana, arial, sans-serif;

}



/* Nav Menu Bar - Nav Menu colours etc. at end of this file */

#nav {

	height: 29px;

	width: 87%;

	margin-left: 18px;

}

	



/* end */



/* ## Nav Menu ############################################################### */



div.menuBar,div.menuBar a.menuButton, div.menuButton, div.menuButton_over, div.menu,div.menu a.menuItem 

{

	font: bold 11px verdana, arial, sans-serif;

}

div.menuBar 

{

background: url(images/navbar.png) repeat-x;

border: 0 solid #a9a9a9;  

padding: 4px 0px 4px 0px;  

text-align: left;

	height: 29px;

}

div.emenuBar 

{  

background: url(images/navbar.png) repeat-x;

text-align: left;

}

div.menuBar a.menuButton, div.menuButton, div.menuButton_over 

{  

background-color: transparent;  

color: #343879;  

cursor: default;  

left: 0px;  

margin: 0px;  

padding: 2px 4px 2px 18px;  

position: relative;  

text-decoration: none;  

top: 0px;  

z-index: 100;
	text-shadow: white -1px -1px 0;
}

div.menuBar a.menuButton:hover, div.menuButton:hover, div.menuButton_over 

{  

background-color: transparent;  

border-color: #f0f0f0 #a5a5a5 #a5a5a5 #ffffff;  

color: #000000;

}

div.menuBar a.menuButtonActive, div.menuButtonActive, div.menuButtonActive:hover, div.menuBar a.menuButtonActive:hover 

{

	color: #000;

	left: 1px;

	top: 1px;

}

div.menu {

	background-color: #6699CC;

	left: 0px;

	padding: 1px 1px 1px 1px;

	position: absolute;

	top: 0px;

	visibility: hidden;

	z-index: 101;

	

}



div.menu a.menuItem {

  color: #000000;

  cursor: default;

  display: block;

  padding: 2px 10px 3px 0px;

  text-decoration: none;

  white-space: nowrap;

	border-bottom: 1px dotted #e3f8fe;

}



div.menu a.menuItem:hover, div.menu a.menuItemHighlight {

  background-color: #99CCFF;

  color: #000000;

}



div.menu a.menuItem span.menuItemBuffer {

  padding: 0px 2px 0px 2px;

  color: #f0f0f0;

}



div.menu a.menuItem:hover span.menuItemBuffer {

  padding: 0px 2px 0px 2px;

  color: #000000;

}



div.menu a.menuItem span.menuItemText {

	padding: 0px 0px 0px 3px;
	text-shadow: #c2daed 1px 1px 1px;
}



div.menu a.menuItem span.menuItemArrow {

  margin-right: -.75em;

}



div.menu div.menuItemSep {

  border-top: 1px solid #a5a5a5;

  border-bottom: 1px solid #f0f0f0;

  margin: 4px 2px;

}



a.menuItem.header {

  border-bottom: 1px solid #b3b3b3;

}

div.tabBox {
	padding-top: 8px;
}

legend {
	font-size: 10px;
	display: block;
	width: 450px;
	padding-right: 15px;
	white-space: normal;
}

div.learning {
	background: url(images/lrngcntr.png) no-repeat right 1px;
	width: 150px;
	height: 220px;
	display: inline-block;
	visibility: visible;
	overflow: visible;
	margin: 0;
	position: relative;
	padding: 8px 0 0;
}
div.learning a{
	font-variant: small-caps;
	font-weight: bold;
	font-size: 1em;
}

blockquote {
	padding: 10px;
	font-size: 11px;
	border: thin dotted #347cfc;
	width: 190px;
	float: right;
	margin: 0;
	background: #dcedfb url(images/quoteBG.png) no-repeat right bottom;
}

blockquote i{
	font-size: 9px;
	text-align: right;
	display: block;
}