body{
	margin:0;
	padding:0;
	text-align: center;
	font-family: verdana, arial, sans-serif;
	background: #87a2d5;
}



p {
	text-align: justify;	
}

strong {
	color: #30405d;
}


.clr{clear:both;}


.message{
	padding: 8px;
	margin: 16px 4px 16px 4px;
	border: 1px solid #aaaaaa;
	background: #fff8ee;
}


.inputbox {
	border: 1px solid #BBBBBB;
	width: 82px;
}


#emailForm .inputbox {
	border: 1px solid #BBBBBB;
	width: auto;
}


/*
 * General Layout
 */


#pagewidth-800{
	width:770px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#header {
	background: url(../images/header_back.png) top repeat-y ;
	height: 22px; 
	width:  100%; 
	padding: 0px;
 }

#header_bottom {
	background: url(../images/header_bottom.png) bottom no-repeat ;
	height: 10px; 
	width:  100%; 
	margin: 0px;
	line-height: 0px;
	padding: 0px;
 }

#logo {
	background: url(../images/logo_back.png) repeat-y top;
	height: 84px; 
	width:  100%; 

}

#logo_bottom {
	height:  23px; 
	width:  100%; 
	background: url(../images/logo_bottom.png) top;
}


#outer-top{
	background: url(../images/page_top.png) top no-repeat ;
	height:16px;
	margin-top: 0px;
}

#outer{
	background-image: url(../images/page_back.png);
	background-repeat: repeat-y;
	height:  100%; 
	padding-bottom: 0.1px; /* for firefox 1.0.x, avoid div block size bug */
	padding-top: 1px;
}

#outer-bottom{
	background: url(../images/page_bottom.png) bottom no-repeat ;
	height:16px;
	margin-bottom: 8px;
}

#footer-top{
	background: url(../images/logo_top.png) top no-repeat ;
	height:24px;
	margin-top: 8px;
}

#footer{
	background: url(../images/logo_back.png) repeat-y top;
	height:32px;
	padding-left: 20px;
	padding-right: 24px;
	font-size: 10px;
}

#footer-bottom{
	background: url(../images/logo_bottom.png) top no-repeat ;
	height:24px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}




/*
 * Main Block (Content inide #outer)
 */


#leftcol{
 	width: 158px;
 	float: left;
 	position: relative;
 	margin-right: 0px;
 	display: inline; /* avoid MSIE double margin bug */	
} 


#maincol-wide-800{ 
 	float: left; 
 	width: 590px;
 	margin-left: 0px;
 	padding-top: 0px;
 	margin-right: 6px;
 	display: inline; /* avoid MSIE double margin bug */
 } 






.blog p{
	text-align: left;	

}




#search {
	display: inline; /* avoid MSIE double margin bug */	
	padding: 0px;
	margin-right: 12px;
	margin-top: 2px;
	width: 152px;
	height: 22px;
	float: right;
	vertical-align: bottom;
	background: url(../images/back_search.png) right top no-repeat;
}


#language {
	float: right;
	margin-right: 12px;
	margin-top: 6px;

	font-size: 10px;
	vertical-align: bottom;
	display: inline; /* avoid MSIE double margin bug */	
}



#search .inputbox{
	width: 140px;
	height: 18px;
	font-size: 10px;
	background: transparent;
	border: none;
	margin: 0px;
	padding: 0px;
	line-height: 14px;
	margin-left: 8px;
	margin-top: 3px;
	vertical-align: bottom;
	color: #505050;
}



#search .button{
margin: 0px;
padding: 0px;
height: 14px;
font-size: 10px;
background: transparent;
border: none;
line-height: 10px;
}

#search form {
margin: 0px;
padding: 0px;
}




#pathway_place{ 
	display: inline; /* avoid MSIE double margin bug */	
	height: 22px;
	padding-left: 12px;
	padding-top: 6px;
	float: left;
}

.pathway {
	color: #505050;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}

.pathway a{
	color: #777777;
	text-decoration: none;
	font-weight: normal;
}

.pathway a:hover{
	text-decoration: underline;
}


#logo_img {
	text-align: center;	
	padding-top: 4px;
	border: 0;
}


#logo_img img{
	border: 0;
}










#banner {
background: url(../images/banner_back.jpg) no-repeat;
}

a, #search .inputbox, #search .button{
color: #30405d;
}

.contentpaneopen a{
	color: #4b71b8;

}



div.module h3 {
	color: #30405d;
	border-bottom: 1px solid #30405d;
}


div.module ul{
	
	padding: 0px 0px 2px 0px ;
	margin: 0px;
	list-style-type: none;
}

div.module li{
	margin-left: 0px;
 	background-image: url(../images/readon.gif);
	background-repeat: no-repeat;
	background-position: 0 0.1em;
	padding-left: 1em;	
	padding-bottom: 2px;
}



/* Main Menu(s) */

a.mainlevel {
font-size: 10px;
padding-left: 4px;
width: 143px;
display: block;
line-height: 20px;
margin-bottom: 2px;
text-decoration: none;
font-weight: normal;
border: 0px;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 135px;
color: #30405d;
}


html>body a.mainlevel {width:135px;} /* Opera5-Fix-fix ;-) */


a.mainlevel:hover {
background: #F1F1F1;
text-decoration: none;
}

a.mainlevel#active_menu {
background: url(../images/back_active_menu.png) center left no-repeat;
text-decoration: none;
font-weight: bold;
}


a.sublevel {
padding: 0px;
margin: 0px;
font-size: 10px;
padding-left: 12px;
width: 139px;
display: block;
line-height: 20px;
margin-bottom: 2px;
text-decoration: none;
font-weight: normal;
border-right: 4px solid #CACACA;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 123px;
color: #30405d;
background: url(../images/submenu_back.gif) left center no-repeat;
}

html>body a.sublevel {width:123px;} /* Opera5-Fix-fix ;-) */

a.sublevel:hover, a.sublevel#active_menu {
text-decoration: none;
width: 139px;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 123px;
background: #F1F1F1 url(../images/submenu_back.gif) left center no-repeat;
}

html>body a.sublevel:hover, a.sublevel#active_menu { /* Opera5-Fix-fix ;-) */
width: 123px;
}



#maincol-normal-800 div.moduletable h3, #maincol-wide-800 div.moduletable h3, #maincol-broad-800 div.moduletable h3,#maincol-normal-1024 div.moduletable h3, #maincol-wide-1024 div.moduletable h3, #maincol-broad-1024 div.moduletable h3{
background: url(../images/module_head_back.png) repeat-x;
color: #333333;
font-size: 14px;
font-weight: bold;
margin: 0px;
padding: 0px;
height: 1.5em;
width: 100%;
border-bottom: 1px solid #aaaaaa;
text-align: left;
text-indent: 8px;
line-height:1.4em;
}



.contentheading {
	width: 98%;
	font-style: italic;
	font-weight: bold;
	font-size: 17px;
	height: 24px;
	line-height: 20px;
	font-family: verdana, sans-serif;
	border-bottom: 1px solid #30405d;
	color: #30405d;
}

table.contentpane td.contentheading {
	font-style: italic;
	font-weight: bold;
	font-size: 17px;
	height: 24px;
	line-height: 20px;
	font-family: verdana, sans-serif;
	border: none;
	color: #30405d;
}

.componentheading {
	font-style: italic;
	font-weight: bold;
	font-size: 17px;
	height: 24px;
	line-height: 20px;
	font-family: verdana, sans-serif;
	border-bottom: 1px solid #002E61;
	margin-bottom: 10px;
	border-bottom: 1px solid #002E61;
	color: #30405d;
}




a.readon:hover {
background: #ffffff url(../images/readon.gif) no-repeat left;
font-weight: bold;
}


a.readon {
font-size: 10px;
text-decoration: none;
line-height: 15px;
border: 1px solid #e7eefa;
padding-left: 13px;
background: url(../images/readon.gif) no-repeat left;
margin-top: 10px;
text-decoration: none;
font-weight: normal;
}



table.contentpane ul li{
background: url(../images/readon2.gif) no-repeat left top;
}


.blog_more ul li{
background: url(../images/readon.gif) no-repeat left;
}

table.blog {
width: 100%;
}

table.blog td{
	padding-left:3px;
}

.sectiontableentry1 {
	text-align: left;
	font-size: 10px;
	padding: 2px;
background: #fbfdff;
}
.sectiontableentry2 {
	
	font-size: 10px;
	text-align: left;
	padding: 2px;
}

/* RAMON */


/* Active Modules */

#leftcol div.moduleactive, #rightcol-normal div.moduleactive {
width: 152px;
background: transparent url(../images/moduleactive_middle.png) left repeat-y;
margin-bottom: 8px;
}

#leftcol div.moduleactive div, #rightcol-normal div.moduleactive div {
width: 152px;
background: transparent url(../images/moduleactive_top.png) top left no-repeat;
}

#leftcol div.moduleactive div div, #rightcol-normal div.moduleactive div div {
width: 152px;
background: transparent url(../images/moduleactive_bottom.png)  bottom left no-repeat;
}

#leftcol div.moduleactive div div div,#rightcol-normal div.moduleactive div div div{
width: 137px;
padding-left: 6px;
padding-right: 6px;
padding-top: 8px;
background: transparent;
padding-bottom: 6px;
font-size: 10px;
}

#leftcol div.moduleactive div div div div, #rightcol-normal div.moduleactive div div div div{
padding: 0px;
margin: 0px;
}

#rightcol-broad div.moduleactive {
width: 177px;
background: transparent url(../images/moduleactive_wide_middle.png) left repeat-y;
margin-bottom: 10px;
}

#rightcol-broad div.moduleactive div {
width: 177px;
background: transparent url(../images/moduleactive_wide_top.png) top left no-repeat;
}

#rightcol-broad div.moduleactive div div {
width: 177px;
background: transparent url(../images/moduleactive_wide_bottom.png)  bottom left no-repeat;
}

#rightcol-broad div.moduleactive div div div{
width: 162px;
padding-left: 6px;
padding-right: 6px;
padding-top: 6px;
background: transparent;
padding-bottom: 8px;
font-size: 10px;
}

#rightcol-broad div.moduleactive div div div div{
padding: 0px;
margin: 0px;
}




div.moduleactive h3 {
font-size: 14px;
width: 130px;
font-weight: bold;
margin: 0px;
padding: 0px;
margin-bottom: 5px;
}

#user1{
float: left;
width: 49%;
}

#user2{
float: right;
width: 49%;
}

#user3 {
width: 100%;
}

#user1 ul, #user2 ul, #user3 ul {
list-style: none;
margin: 0px;
padding: 0px;
padding-left: 0.7em;
margin-left: 0.7em;
margin-bottom: 5px;
margin-top: 2px;
}

#maincol-normal-800 div.moduleactivetable, #maincol-wide-800 div.moduleactivetable, #maincol-broad-800 div.moduleactivetable, #maincol-normal-1024 div.moduleactivetable, #maincol-wide-1024 div.moduleactivetable, #maincol-broad-1024 div.moduleactivetable {
width: 100%;
margin-bottom: 10px;
border: 1px solid #aaaaaa;
background: #5dd53d;
font-size: 10px;
}


/* ActiveModule specific */

#leftcol div.moduleactive div div div div.syndicate {
background: transparent;
width: 137px;
margin: 0px;
padding: 0px;
}

#leftcol div.moduleactive div div div div.syndicate div {
background: transparent;
width: 137px;
margin: 0px;
padding: 0px;
}


/* Other Mambo Stuff */

#title {
}


.mosimage {
  border: 1px solid #cccccc;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}

hr {
width:  90%; 
 }
hr.separator {
width:  40%; 
 }
a.pnav {
}
.pnav:hover {
}
.small {
font-size: 10px;
color: #888888;
line-height: 0.7;
}
.smalldark {
font-size: 10px;
color: #000;
height: 10px;
line-height: 10px;
text-align: left;
}


.button {
border: 1px solid #BBBBBB;
}

.createdate {
font-size: 10px;
color: #888888;
height: 10px;
line-height: 0.7;
}
.modifydate {
font-size: 10px;
color: #888888;
height: 20px;
line-height: 20px;
margin-bottom: 5px;
}

.blog_more {
font-size: 10px;
}

a.readon:hover {
background: #EEEEEE url(../images/readon.gif) no-repeat left;
text-decoration: none;
}


.contentpaneopen {
text-align: left;
background: transparent;
font-size: 10px;
/* line-height: 1.8; */
line-height: 1.6;
}


table.contentpane ul {
margin: 0px;
padding: 0px;
list-style: none;
}

table.contentpane ul li{
padding: 0px;
margin: 0px;
padding-left: 15px;
}

.contentdescription {
font-size: 10px;
}
.sectiontableheader {
font-weight: bold;
font-size: 10px;
height: 25px;
line-height: 25px;
}
.categorytitle {
font-weight: bold;
font-size: 17px;
height: 24px;
line-height: 20px;
font-family: Verdana, sans serif;
}

a.category {
text-decoration:  underline; 
 }
a.category:hover {
text-decoration:  underline; 
 }
table.moduleactivetable {
width:  100%; 
font-size: 80%;
 }
table.moduleactivetable th  {
font-size: 80%;
}