/*@import "layout.css";
@import "m.css";
@import "menu.css";*/

body{
	font: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	font-size: 13px; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: #fff;
	color: #1F1A15;
	margin:0;
	padding:0;
}
p.small {
		font-size:70%;
		line-height: 10%
}


a.title_dlink {
  color: darkorange;
  text-decoration: none;
}

a.title_dlink:hover {
	color: darkorange;
  text-decoration: underline;
}

a.title_d.pagelink:visited {
  color: darkorange;
  text-decoration: none;
}


.pagecontainer{
	margin:0 auto 0 auto;
	padding:0;
	width: 1024px;
}

.pagecontainer_d{
	margin:0 auto 0 auto;
	padding:0;
	width: 1024px;
	
}
.titlebar{
width:100%; 

height:142px;

}

.title{
background-color:white;
background-image:url(../images/header.jpg);
height:124px;
color: white; 
width:100%; 
/*padding:0;*/
}

.title_r{
position:absolute;
color: white; 
letter-spacing:2px; 
font-size: 60%; 

height:120;
/*padding:0px;*/ 
margin-left: 0px;
margin-top: -20px;
}

*html .title_r {
margin-top: -15px;
}


.spacer{
font-size:30px;


}



.maincontainer{

	margin:0 auto 0 auto;
	padding:0;
	width: 1024px;
}

.menucontainer{

border:0px solid #00478D; 
width:145px; 
padding:8px 20px; 
z-index:200; 
float:left; 
position: absolute;
display: block;
margin-bottom:10px;
margin-left:0px;
}



.contentcontainer{
z-index:1; 
position:absolute;
line-height: 140%;
width:100%;
margin-top:140px;

}


.contentbox{
background-image:url(../images/content-top.png);
background-repeat: no-repeat;
background-position: top-center;
background-color:white;


margin:0 auto 0 auto;
padding:15px 0px 0px 230px;
width: 800px;

}


.contenttext{

padding-bottom:0px; 
padding-top:5px;
padding-left:3%;
padding-right:30px;
}

.titlebar_d{

background-color:white;
}
/*   add cyberresto style   MENU*/
#navlist a:link, #navlist a:visited {
color: #483020;
font-weight:200;
padding-top:3px;
font-size:11px;
	background: url('../images/left-tab.png') left top no-repeat;
	text-decoration: none;
	padding-left: 16px;


}
#navlist a:link span, #navlist a:visited span {
/*	background: url('../images/right-tab.png') right -3px no-repeat;*/
	padding-right:16px;
}
#navlist a:link, #navlist a:visited, #navlist a:link span, #navlist a:visited span {
color: #483020;
	display: block;
	float: left;
	height:25px;
}
#navlist a:hover {
	color: #933;
background: url('../images/left-tab-hover.png') left top no-repeat;
	text-decoration: none;
	padding-left: 16px;
}
#navlist a:hover span {
color: #f36e1e;
/*	background: url('../images/right-tab-hover.png') right -3px no-repeat;*/
	padding-right:15px;
}
#navlist ul {
color: #483020;
	list-style: none;
	padding: 0;
	margin: 0;
}
#navlist li {
color: #483020;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}

/*   add cyberresto style   M*/
acronym, abbr {
	border-bottom: 1px dashed #333;
}
acronym, abbr, span.caps {
	cursor: help;
	font-size: 90%;
	letter-spacing: .08em;
}
.pagenavbar {
	text-align: center;
}
.pagenav {
	text-decoration: none;
	margin: 1px;
}
#content .small, #content .smalldark {
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-style: oblique;
	color: #444;
	margin: 7px 0px 4px 0px;
	font-size: 22px;
	line-height: 22px;
	letter-spacing: -1px;
	font-weight: bold;
}
input.button {
	padding:4px 8px;
	margin:0px 0 0 0;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-bottom: 1px solid #888;
	border-right: 1px solid #888;
	font: bold 13px/1em arial, Helvetica, sans-serif;
	background: url(../images/button.png);
	cursor: hand;
}
.inputbox {
	letter-spacing: 1px;
	border: 1px solid #888;
	margin: 2px;
	background: #fafafa;
	font: 10px arial, Helvetica, sans-serif;
}
.searchbox {
	border: 1px solid #888;
	margin: 2px;
	letter-spacing: 1px;
	padding: 0 0 0 5px;
	width: 140px;
	font: 10px arial, Helvetica, sans-serif;
}
.checkbox {
	margin: 2px;
	letter-spacing: 1px;
	padding: 0 0 0 5px;
	clear: both;
	border: 0 solid #DDD;
	width: 10px;
}
.selectbox {
	background: #DDD;
	width: 100%;
	border: 1px solid #999;
	font: normal normal .8em arial, Helvetica, sans-serif;
}
.ontab {
	border-left: outset 1px #DCF2FA;
	border-right: outset 1px #808080;
	border-top: outset 1px #DCF2FA;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	background: #323A15;
}
.offtab {
	border-left: outset 1px #E0E0E0;
	border-right: outset 1px #E0E0E0;
	border-top: outset 1px #E0E0E0;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	font-weight: normal;
	background: #e5e5e5;
}
.tabpadding {
	padding: 5px;
}
.createdate, .modifydate {
	font-family: times, Times New Roman, times-roman, georgia, serif;
	color: #444;
	margin: 0;
	padding: 0px 0px 6px 0px;
	font-size: 1em;
	line-height: 10px;
	letter-spacing: 1px;
	font-weight: bold;
}


.moduletable th {
	font-family: times, Times New Roman, times-roman, georgia, serif;
	color: #444;
	margin: 0;
	padding: 6px 0px 6px 0px;
	font-size: 2em;
	line-height: 12px;
	letter-spacing: 1px;
	font-weight: bold;
}

td.bordering {
	border:0;
}
.contenttoc {
	margin:5px;
}
/*   add cyberresto style   LAYOUT*/
ul {
  list-style-image: url(../images/bullet.gif);  
}
/*
h1 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: normal;
	font-size: 22px;
	text-align: center;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
}*/

h1 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
 /*background: url(../image/title_h1.jpg) no-repeat;*/
  border-right: 1px solid #9F9F95;
  border-bottom: 1px solid #9F9F95;
  border-left: 1px solid #9F9F95;
  border-top: 1px solid #9F9F95;
  background-color:#EBEBDE;
  
  	color: #4F4F4A;
  	margin: 5px -30px 8px -185px;
  	padding : 6px 0px 6px 160px;
  	font-weight: normal;
  	letter-spacing:3px; 
	font-size:18px; 
}


h2 {
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-style: normal;
	color: #5F1400;
	text-decoration:underline;
	margin: 0px 0px 0px 0px;
	font-size: 21px;
	line-height: 26px;
	letter-spacing: 2px;
	font-weight: normal;
}
h3 {
	font-family: Gill Sans, Verdana;
	color: #BC400A;
	margin: 0;
	padding: 0px 0px 5px 0px;
	font-size: 13px;
	line-height: 12px;
	
	letter-spacing: 1px;
	font-weight: bold;
}
h4 {
	font-family: Gill Sans, Verdana;
	color: #444;
	margin: 0;
	padding: 0px 0px 5px 0px;
	font-size: 11px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
}
h5 {
	font-family: Gill Sans, Verdana;
	color: #444;
	margin: 0;
	padding: 0px 0px 5px 0px;
	font-size: 9px;
	line-height: 9px;
	font-weight: 200;
}
a:link		{ color: #2F8EFF; text-decoration: none; padding-bottom: 0px;font-weight: 600;}
a:visited	{ color: #2F8EFF; text-decoration: none; padding-bottom: 0px;font-weight: 600;} 
a:active	{ color: #2F8EFF; text-decoration: underline; padding-bottom: 0px;font-weight: 600;} 
a:hover		{ color: #2F8EFF; text-decoration: underline; padding-bottom: 0px;font-weight: 600;} 
p {
	font: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	font-size: 13px; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #1F1A15;
	margin: 0px 5px 0px 5px;
	padding: 0px 10px 7px 5px;
}
blockquote {
	margin: 0px 30px 0px 14px;
	font-size: 13px;
	line-height: 15px;
	font-family: Verdana, Geneva, Arial, sans-serif;
}
#wrap {
	margin:0 auto 0 auto;
	padding:0;
	width: 1024px;
}
#masthead {
	background: url('../images/header.jpg') 0 0 no-repeat;
	height:140px;
	margin: 0;
	padding:0;
}
#siteName {
	margin: 0px 0px 0px 0px;
	padding: 60px 0px 40px 0px;
	font-size: 400%;
	line-height: 0px;
	letter-spacing: 1px;
}
*html #siteName {
	padding: 66px 0 25px 0;
}
#breadcrumb {
	text-align:left;
	margin:0px;
}
#maincontent {
	background: url('../images/content-top.png') top left no-repeat;
}
#leftcol {
	float: left;
	margin: -7px 20px 20px 10px; 
	padding:0px 0px 0px 0px;
	width: 140px;
	font: 11px 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
*html #leftcol {
	margin: -5px 10px 15px 7px; 
		padding:0px 0 0px 0;
	width: 140px;
}
#leftcol ul a:link, #leftcol ul a:visited {display: block;}
#leftcol ul {list-style: none; margin: 0; padding: 0;}
#leftcol li {border-bottom: 1px solid #EEE;}
html>body #leftcol li {border-bottom: none;}
#narrowcontent {
	float: left;
	text-align:left;
	margin: 30px 40px 15px 0;
	border-left:1px solid #892000;
	padding:0px 0 15px 8px;
	width: 880px;
	font-size: 1.2em;
}
*html #narrowcontent {
	margin: 45px 20px 15px 10px;
	width: 680px;
}
#widecontent {
	float: left;
	text-align:left;
	margin: 45px 40px 15px 40px;
	width: 1024px;
	font-size: 1.2em;
}
*html #widecontent {
	width:920px;
}
.feature{
	padding: 0 0 10px 0;
	font-size: 1em;
}
.feature img {
	float: left;
	padding: 10px 10px 0 0;
}
.container {
	margin: -20px 0 0 0;
	padding: -20px 0 0 0;
	border-bottom: 0px solid #ccc;
	font-size: 1em;
}


.container a {
	color:#0069BF;
	display: block;
	border-bottom: 1px solid #ffe7cf;
	padding: 2px 4px 4px 0px;
	margin : 0px 6px 0px 4px;
	text-align: left;
	font-size: 13px;
	font-weight: 200;
}
.container a:visited {
	display: block;
	border-bottom: 1px solid #ffe7cf;
	padding: 2px 4px 4px 0px;
	margin : 0px 6px 0px 4px;
	text-align: left;
	font-size: 13px;
	font-weight: 200;
}
.container a:hover{
	background-color: #fff4eb;
}
#footer {
margin-left:10px;
margin-right:10px;
	clear: both;
	font-size: 1em;
	color: #f36e1e;
	padding: 0px 0px 0px 0px;
}
#footer img {
	
	vertical-align: middle;
}



#sidebarblock {
	position: relative;
	float: left;
	width: 180px;
	margin: 5px 0px 20px 0px;
}
#sidebarblock h3 {
	font-size: 15px;
	color: #2C190F;
	font-weight:lighter;
	background: transparent url(../images/boxt.gif) no-repeat left top;
	margin:0px;
	text-align:center;
	line-height:14px; padding-left:9px; padding-right:9px; padding-top:9px; padding-bottom:3px;
}
#sidebarblock .content {
	position: relative;
	background: transparent url(../images/boxb.gif) no-repeat left bottom;
	padding: -20px 5px 10px 0px;
	font-size: 11px;
	margin: 0px 0px 0 0px;
	
}

/* Modules */

table.mtable th {
	color: #ffc76f;
	font-size: 11px;
	text-decoration: underline;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0px;
}

table.mtable td {
	font-size: 12px;
	font-weight: normal;
	color: #709fd3;
	margin: 0px;
}

table.mtable a,
table.mtable a:link 
table.mtable a:active {
	font-size: 13px;
	font-weight: normal;
	color: #0a2c6a;
	margin: 0px;
	text-decoration:none;
}

table.mtable a:visited {
	font-size: 13px;
	font-weight: normal;
	margin: 0px;
	color: #0a2c6a;
}

table.mtable a:hover {
	font-size: 13px;
	font-weight: normal;
	margin: 0px;

	color: #fff;
}

#content_apercu {
  background-color: #fffaf5;
  border:1px solid #FFC68F;

  padding: 7px 7px 7px 7px;
  margin: 7px 7px 7px 7px;

}

div#content_apercu h6 {
 background: url(../image/internet.gif) no-repeat;
  color: #003e78;
  margin: 5px 5 5px 0px;
  padding : 7px 7px 7px 7px;
  font-weight: lighter;
  letter-spacing:2px; 
font-size:15px; 

}
