/* CSS Document */
p, td {
	font-family:"Trebuchet MS", verdana, sans-serif;
	font-size: 12px;
}

 h3, h4, h5, h6 {
	font-family:"Trebuchet MS", verdana, sans-serif;
	margin: 0px;
	padding: 0px;
}

table {
	background-color:#FFFFFF; border:0px;margin:1px; padding:0px;  
	}
	
td,tr{
	border:0px; vertical-align:top; padding:2px; background-color:#F5F7F4; font-size:11px
	}
	
caption {
	background-color:#A0A493; color:#FFFFFF; font-size:12px; font-weight:bold; margin:10px 2px 0px 2px; 
	}
	
th {
	background-color:#CDCFC7; font-weight:bold; border:0px; text-align:left;
	}

#page {
	width:100%;
	position: absolute; left: 50%; margin-left: -50%;
	text-align:left;
	background-color:#FFFFFF;
	border:1px solid #cccccc;
	margin-bottom:10px;
}

h1 {
 font-family:"Trebuchet MS", verdana, sans-serif;
 font-size: 12px;
 color: #000000;
}

h2 { 
 font-size: 12px;
 color: #000000;
 margin:0;
 padding:0;
}

h3 {
 font-size: 12px;
 color: #000000;
 margin: 0px;
}

h4 {
 font-size: 12px;
 font-weight: normal;
 color: #000000;
}

h5 {
 font-size: 12px;
 color: #000000;
}

.section {
	padding-left:10px;
	padding-top:10px;
	margin-bottom:0px;
	font-size: 12px;
}
.section strong {
	font-size:16px;
	}
	
.section p strong {
	font-size:12px;
	}

li {
	font-size: 12px;	
	}
	
body{
	font-family: "Trebuchet MS", verdana, sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	height:100%;
	text-align:center;
	background-color:#204557;
	/*background-image:url(images/back1.gif);*/
}

#left{
	float: left;
	margin: 0px;
	width:180px;
	background-image: url(images/tpl1_linvert.gif);
	background-repeat:repeat-y;
	background-position:right;
	padding-right:1px;
	padding-bottom:20px;
}

#main {
	margin: 0px 0px 0px 182px;	
}

#search {
	background-color:#D4D0C8;
	border-bottom: 1px solid #D1D1D1;
	margin-bottom:1px;
	color:#333333;
	font-size:12px;
	height:70px;
	padding:10px 10px 10px 10px;

}

#search #syntax {
	color:#333333;
	font-size:9px;
	line-height:12px;
	padding-top:5px;
	text-align:left;
	padding-left:5px;
}

.btnSearch {
	border:0px;
	margin-left:5px;
  	cursor:hand;
	cursor:pointer;
}

#search input {
	border:1px solid #666666;
	font-family:"Trebuchet MS", verdana, sans-serif;
	font-size:11px;
	width:120px;
}

#navBar {
	width:180px;
	background-image:url(images/back_navbar.jpg);
	background-repeat:repeat-x;
}

#navBar a{
	display:block;
	text-decoration:none;
	padding: 5px 5px 5px 30px;
	color:#333333;
	font-size: 12px;
	text-align:left;
	padding-right:10px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;	
}

#navBar a:hover{
	color:#000000;
	font-size: 12px;
	border-top:1px dashed #5C9704;
	border-bottom:1px dashed #5C9704;	
}

#navBar a.selected {
	color:#5C9704;
	font-weight:bold;
}

#navBar a.selected:hover {
	border-top:1px dashed #5C9704;
	border-bottom:1px dashed #5C9704;
}

#contents {
	padding:20px 20px 10px 20px;
	color:#333333;
	}	

#logo-left {
	background-color:#F5F5F5;
}

#mainTop {
	height:110px;
	background-image: url(images/tpl1_topback.gif);
	background-repeat:repeat-x;
	padding-left: 1px;
}

#logoTop {
	float:right;
	margin: 15px 0px 0px 0px;
}

#path {
	font-size:10px;
	color:#999999;
	padding:10px;
}

#path a {
	font-size:10px;
	text-decoration:underline;
	color:#999999;
}
#path a:hover {
	color:#FF3300;
}

a {
	color:#003366;
	text-decoration:none;
}

a:hover {
	color:#FF3300;
	text-decoration:underline;
}

.source {
	font-family:"Courier New", Courier, mono;
	font-size:11px;
	padding-left:20px;
	color:#333333;
	white-space:pre;
}

.code {
	font-family:"Courier New", Courier, mono;
	font-size:11px;
	padding-left:20px;
	color:#333333;
	white-space:pre;
}

.note {
	font-style:italic;
	font-size:11px;
	padding: 10px 10px 10px 40px;
	background-image: url(cms-imgs/note.gif);
	background-position:left;
	background-repeat:no-repeat;
	width: 70%;
	margin-left: 10%;
	margin-top:10px;
}

#related {
	padding-top:10px;
	padding-bottom:10px;
}

#related a{
	color:#666666;
	display:block;
	text-decoration:none;
	padding: 5px;
	font-size: 11px;
	padding: 5px 0px 5px 10px;
}

#related a:hover{
	background-color:#666666;
	color:#FFFFFF;
	font-size: 11px;
}

#bottom {
	background-color:#F5F5F5;
	clear:both;
	color:#333333;
	border-top:1px dashed #999999;
	font-size: 12px;
	text-align:center;
	padding-top:10px;
}

#externalLinks {
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background-color:#F5F5F5;
	}
	
#externalLinks a {
	color:#666666;
	display:block;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	padding:5px 0px 5px 10px;
}

#externalLinks a:hover {
	background-color:#5C9704;
	color:#FFFFFF;
	display:block;
	text-decoration:none;
}

#logosCMS {
	margin:20px 0px 0px 0px;
	padding-bottom:10px;
}

#logosCMS img{
	margin:10px 0px 0px 20px;
	text-align:center;
}

#license {
	margin:10px 20px 10px 0px;
	font-size:10px;
	font-style:italic;
	float:right;
}

#otn {
	font-size:10px;
		padding:5px;
}

#otn a{
	color:#666666;
	text-decoration:none;
	display:block;
	padding:5px;

}

#otn a:hover{
	color:#333333;
	text-decoration:underline;
	padding:5px;
}		
#locationTree {
 	background-color:#F5F5F5;
}

#locationTree a {
	 display:block;
	 text-decoration:none;
	 padding:3px;
	 color:#5C9704;
	 font-weight:bold;
 		border-top:1px solid #FFFFFF;
		border-bottom:1px solid #FFFFFF;	
 }
 
 #locationTree a:hover {

		display:block;
	 	color:#5C9704;
	 	text-decoration:none;
		padding:3px;
 		border-top:1px dashed #5C9704;
		border-bottom:1px dashed #5C9704;	
 }
 
#channel {
	font-size:12px;
	font-weight:bold;
	color:#333;
	padding:10px;
}


/*scroll styles */
#divUpDn { text-align:right; float:right; height:240px; background-color:#F5F5F5;}
#divUpDn img {border:0px; padding:0px; cursor:hand; cursor:pointer}
#divCont {position:relative; width:160px; height:240px; overflow:hidden; left:5px; clip:rect(0,170,240,0); float:left; border-top:1px dashed #5C9704; border-bottom:1px dashed #5C9704;}
#divText {position:relative; top:0; left:0;}
