/* - - - - - - - - - - - - - - - - - - - - -

Title :   CDB Web Template
Author :  Santosh Gurung
Address : Peljorkhang Private Limited, Thimphu

Created : March 2009

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

*{
    margin:0;
    padding:0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
body, html{
     margin:0;
    padding:0;
	/*background:#d0d0d1;*/
	background-image:url(../images/bg_body1.jpg);
    margin-bottom:0px;
	margin-top:0px;
	margin-left:0px;
	
}
a{
    color:#87B220;
    text-decoration:none;
}
    a:hover{
        color:#717171;
        text-decoration:none;
    }

/* ----- HEADINGS ----- */

h1{
    text-indent:-80000px;
    background:url('../images/logo.gif') no-repeat;
    height:35px;
    width:168px;
}
h2{
    font-family:'Georgia';
    font-size:25px;
    letter-spacing:1px;
    margin-top:10px;
    margin-bottom:10px;
    font-weight:bold;
    color:#87b220;
	
}

h3{
    font-family:'Georgia';
	font-size:15px;
	letter-spacing:1px;
    font-weight:bold;
    color:#333333;
    margin:5px 0;
    
}


h5{
    padding:1px;
	font-family:'verdana';
    font-size:12px;
    font-weight:300;
	letter-spacing:normal;
	line-height:18px;
	text-align:left;
    
}

h6{
    padding:1px;
    color:#000099;
	font-family:'verdana';
    font-size:12px;
    font-weight:bold;
	letter-spacing:normal;
	line-height:18px;
	text-align:left;
    
}


/* ----- PARAGRAPHS ----- */

p{
    font-family:'verdana';
	color:#043f4a;
    font-size:12px;    
    line-height:20px;
	letter-spacing:.5px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:justify;
	
}


/* ----- FORMS ----- */

input{
    background-color: #FFF;
    color: #000000;
    border: 1px solid #160289;
    font-size: 11px;
    padding: 0px;
    width:110px;   
	height:20px;           
}

* html input{
    background-color: #FFF;
    color: #000000;
    border: 1px solid #160289;
    font-size: 11px;
    padding: 0px;
    width:110px;   
	height:20px;           
}

form p{
    padding:2px 0;
}

/* ----- IMAGES ----- */

img{
    border:0;
}
img a{
    border:0;
    text-decoration:none;
}
img a:hover{
    border:none;
}


/* ----- IDS ----- */

#leftbar{
    width:100%;
	height:auto;
	float:left;
	background-image:url(../images/left_bar.gif);
	background-position:left;
	background-repeat:repeat-y;
	padding:0;
}

#rightbar{
    width:100%;
	height:auto;
	float:right;
	background-image:url(../images/right_bar.gif);
	background-position:right;
	background-repeat:repeat-y;
	padding:0;
	
}

#container{
    width:100%;
	height:auto;
	float:left;
	clear:none;
	padding:0;
	background:#fff;
}


#SubContainer{
    margin:0;
	height:150px;
    width:900px;
	border-bottom:0px;
	border-bottom-color:#666666;
	border-bottom-style:solid;
	background-color:#ffffff;	
	list-style:none;
	text-align:left;
}

/* ----- HEADER ----- */
#header{
    width:100%;
	height:128px;
	float:left;
	/*background:url(../images/Banner.jpg);
	background-repeat:no-repeat;*/

}


#headerBackend{
    width:100%;
	height:80px;
	float:left;;
	background:#FFFFFF;
	border-top:2px solid #666666;
}


#header #logo{
   	padding:0px;
	margin-right:1px;
	float:right;
    clear:none;
    width:180px;
    height:150px;
}
#header h2{
    color:#66CC00;
    font-family:'Georgia';
    font-weight:bold;
    font-size:30px;
    text-indent:90px;
	letter-spacing:1px;
	margin-top:40px;
	margin-bottom:10px;
    
}
#header h3{
    color:#333333;
    font-family:'Georgia';
    font-weight:bold;
    font-size:20px;
    text-indent:250px;
    letter-spacing:1px;
	margin-bottom:1px;
	
}

#breatcrumbs{
    width:99.9%;
	height:20px;
	float:left;;
	font:Verdana, Arial, Helvetica, sans-serif;
	padding-left:10px;
	padding-top:5px;
	font-size:12px;
	color:#006600;
	background-color:#ffffff;	
	border-bottom:1px solid #e7e7e7;
}




/* ----- NAVIGATION ----- */

#nav{
    margin-left:500px;
	padding:0px;
	height:25px;
    width:700px;
	list-style:none;
	text-align:left;
	background-color:#323443;
	/*border-top:1px solid #FFCC00;*/
}

    #nav li{
        float:left;
        clear:none;
        list-style:none;
    }
    #nav li a{
        color:#ffffff;
        display:block;
        font-size:18px;
        text-decoration:none;
        font-weight:normal;
        padding:1px 10px;
    }
    #nav li a:hover{
        color:#323443;
		background:#ffffff;
       /* background:#666666;*/
    }
	
	 #active a{
        background:url('../images/nav_bg.gif');
		
    }

/* ----- Menu CONTENT ----- */
#menuContent{
	text-align:inherit;
    width:15%;
	height:auto;
	min-height:400px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
    border-right:0px solid #e7e7e7;
	float:left;
    clear:none; 
	list-style:none;
	text-align:left;
	letter-spacing:0px;
	}


* html #menuContent{
	text-align:inherit;
    width:15%;
	height:400px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
    border-right:0px solid #e7e7e7;
	float:left;
    clear:none; 
	list-style:none;
	text-align:left;
	letter-spacing:0px;
	}
	
    #menuContent li{
        float:left;
        clear:none;
        list-style:none;
    }
    #menuContent li a{
    color:#009900;
	font-size:12px;
    font-weight:thin;
    text-decoration:none;
	padding:10px;
}

	#menuContent a:hover{
    color:#0c08b4;
    font-weight:bold;
    text-decoration:underline;
}
	

/* ----- Primary CONTENT ----- */

#primaryContent{
    width:99%;
	height:auto;
	min-height:400px;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
    border-right:0px solid #e7e7e7;
    border-left:0px solid #e7e7e7;
	float:left;
    clear:none; 
	}

* html #primaryContent{
    width:99%;
	height:400px;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
    border-right:0px solid #e7e7e7;
    border-left:0px solid #e7e7e7;
	float:left;
    clear:none; 
	}
	

#primaryContent h2{
    padding:1px;
    color:#0000FF;
	font-family:'Georgia';
    font-size:16px;
    font-weight:bold;
	letter-spacing:normal;
	
	
}
#primaryContent h3{
    color:#87b220;
    font-family:'Georgia';
    font-size:12px;
    font-weight:bold;
	letter-spacing:normal;
}
#primaryContent h4{
    padding:1px;
    color:#0000FF;
	font-family:'Georgia';
    font-size:14px;
    font-weight:bold;
	letter-spacing:normal;
	text-align:center;
}

#primaryContent h5{
    padding:1px;
    color:#000099;
	font-family:'Georgia';
    font-size:12px;
    font-weight:bold;
	letter-spacing:normal;
	text-align:center;
}

#primaryContent h6{
	text-align:center;
    color:#000000;
    font-family:'Georgia';
    font-size:14px;
    font-weight:bold;
	font-style:normal;
	letter-spacing:normal;
}


#primaryContent img{
	float:right;
	clear:none;
	margin:10px;
	margin-right:0;
	padding:1px;
	border: 1px solid #E7E7E7;
    }
	
#primaryContent ul{
    color:#043f4a;
    font-size:12px;    
    margin:20px 0;
    list-style:none; 
}
#primaryContent li{    
    padding-left:10px;
    margin:5px 0px;
	List-style:none;
	text-indent:15px;
	background:url('../images/content_bullet.png') left top no-repeat;
}	

#secondaryContent{
    width:120px;
	height:auto;
	min-height:250px;
    padding:10px 10px 10px 0px;
	float:left;
    clear:none; 
	}


* html #secondaryContent{
    width:150px;
	height:auto;
	min-height:250px;
    padding:10px 10px 10px 10px;
	float:left;
    clear:none; 
	}

#secondaryContent p{
    font-family:'verdana';
	color:#043f4a;
    font-size:12px;    
    line-height:10px;
	letter-spacing:.5px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:justify;
}


#secondaryContent h2{
    padding:10px 10px;
    color:#fff;
    margin-bottom:0;
    line-height:21px;
    font-size:13px;
    font-weight:normal;
}
#secondaryContent h3{
    color:#87b220;
   
}

#secondaryContent a{
    color:#323443;
	font-size:12px;
	font:Georgia;
    text-decoration:none;
	padding:10px;
}

#secondaryContent a:hover{
    color:#0c08b4;
    font-weight:bold;
    text-decoration:underline;
}

#secondaryContentText input{
    background-color: #fff;
    color: #999999;
    border: 1px solid #CCC;
    font-size: 11px;
    padding: 0px;
    width:100px;   
	height:20px;           
}

#secondaryContentRadio input{
    background-color: #fff;
    color: #FF0000;
    border: 0px solid #CCC;
    font-size: 8px;
    padding: 0px;
    width:25px;   
	height:20px;           
}

#secondaryContentSubmit input{
    background-color: #fff;
    border: 0px solid #CCC;
    font-size: 11px;
    padding: 0px;
    width:20px;   
	height:22px;  
	background-image:url(../images/find.gif);         
}


/*----feedbacks---*/
#feedback{
    margin:1px 0;
	color:#003399;
	font-family:'Arial';
    font-size:12px;
	letter-spacing:1px;
	line-height:20px;
	text-align:justify;
	background:#ffffff;
	border:0px solid #ececec;
	padding:5px;
	border-bottom:1px solid #7fa71f;
		    
}

#news{
    margin:1px 0;
	color:#000000;
	font-family:'verdana';
    font-size:12px;
	letter-spacing:1px;
	line-height:20px;
	text-align:justify;
	background:#ffffff;
	border:0px solid #ececec;
	padding:5px;
	border-bottom:1px solid #7fa71f;
		    
}


/* ----- COMMENTS ----- */

#commentshead{
    margin:1px 0;
	padding:1px 5px;
	color:#000000;
	font-family:'verdana';
    font-size:12px;
	font-style:italic;
	letter-spacing:.5px;
	text-align:left;
	word-spacing:.5px;
	line-height:20px;
	background:#f8f8f8;
	border:2px solid #ececec;
	    
	
}
    
#comments{
    margin:1px 0;
	color:#1504f1;
	font-family:'verdana';
    font-size:12px;
	font-style:italic;
	letter-spacing:.5px;
	text-align:left;
	word-spacing:.5px;
	line-height:20px;
	background:#f8f8f8;
	border:2px solid #ececec;
	    
	
}
    
	#comments dd, #comments dt{
		display:inline;
		
	} 
    #comments a{
        color:#546d17;
        font-weight:bold;
        text-decoration:none; 
    }
    #comments a:hover{
        color:#666;
        text-decoration:underline; 
    }
    #comments .comment{
        padding:10px 5px;
       
		
    }
       
#contacts{
	margin-left:30px;
	width:350px;
	color:#000099;
	font-family:Verdana;
    font-size:14px;
	font-weight:bold;
	letter-spacing:0px;
	line-height:20px;
	text-align:left;
	background:#f8f8f8;
	border:2px solid #ececec;
	padding:5px;
	border-bottom:3px solid #7fa71f;

}

#contacts li{    
    padding-left:25px;
    margin:8px 0;
    list-style:decimal;
}

#gallery{
	margin-left:10px;
	width:450px;
	color:#000099;
	font-family:Verdana;
    font-size:7px;
	font-weight:normal;
	letter-spacing:0px;
	line-height:20px;
	text-align:center;
	background:#ffffff;
	border:0px solid #ececec;
	padding:5px;

}

#galleryfont{
    margin:1px 0;
	width:450px;
	color:#003399;
	font-family:'Arial';
    font-size:11px;
	letter-spacing:.5px;
	line-height:20px;
	text-align:left;
	border-bottom:1px solid #7fa71f;
		    
}
/* ----- FOOTER ----- */

#footer{
    height:auto;
	width:100%;
	padding-top:25px;
	/*padding-right:10px;*/
	clear:both;
	float:left;
   	border-top:1px solid #e7e7e7;
    text-align:right;
    font-size:12px;
    color:#484848;
    }
    #footer ul{
        list-style:none;    
    }
    #footer li{
        list-style:none;
        display:inline;    
    }
    #footer #copyright{
        float:left;
        clear:none;
    }
    #footer #links{
        float:right;
        clear:none;
    }
    #footer a{
        color:#606060;
        text-decoration:none;
    }
    #footer a:hover{
        color:#ccc;
        text-decoration:underline;
    }

/* ----- CLASSES ----- */

.clear{
    clear:both;
}

#SubMenu{
   	width:97%;
	height:auto;
	font-size:12px;
	text-align:right;
	list-style:none;
	float:left;;
	background:#FFFFFF;
    border-bottom:1px solid #e7e7e7;
}


#BackendContent{
   	width:100%;
	height:auto;
	float:left;;
	background:#FFFFFF;
	border-top:1px solid #666666;
	
}
#BackendLoginContent{
   	width:250px;
	height:auto;
	float:left;;
	background:#FFFFFF;
	border:0px solid #666666;
	padding-left:350px;
	text-align:left;
	
}

#MsgBox{
   	width:100%;
	height:auto;
	float:left;;
	background:#FFFFFF;
    border-top:1px solid #e7e7e7;
}


#Menu{
    width:100%;
	height:auto;
	min-height:20px;
	font-weight:200;
	font-size:11px;
	padding-left:0px;
	padding-right:0px;
	padding-top:10px;
    border-right:0px solid #e7e7e7;
    border-left:0px solid #e7e7e7;
	background:#090974;
	float:left;
    clear:none; 
	}

* html #Menu{
    width:100%;
	height:auto;
	min-height:20px;
	font-weight:200;
	font-size:11px;
	padding-left:0px;
	padding-right:0px;
	padding-top:10px;
    border-right:0px solid #e7e7e7;
    border-left:0px solid #e7e7e7;
	background:#090974;
	float:left;
    clear:none; 
	}
    #Menu a{
        color:#ffffff;
		font-weight:500;
        text-decoration:none;
    }
    #Menu a:hover{
        color:#f69b26;
        text-decoration:none;
    }


/*----forum---*/
#forumTopic{
    margin:1px 0;
	color:#003399;
	font-family:'Arial';
    font-size:12px;
	letter-spacing:1px;
	line-height:20px;
	text-align:justify;
	background:#ffffff;
	border-top::0px solid #7fa71f;
	padding:5px;
	border-bottom:1px solid #7fa71f;
		    
}