/*

Theme Name: Association of Bhutanese Tour Operators

Theme URI: http://www.abto.org.bt/

Description: This is the Offical Wordpress Theme of www.abto.org.bt

Version: 1.6

Author: Ugyen 

Author URI: http://binarybonsai.com/

Tags: blue, custom header, fixed width, two columns, widgets







	This theme was designed and built by Ugyen,



	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php



*/



body{

	margin:0px auto;

	font: 75% Verdana, Geneva, sans-serif;  

    padding: 0px 0;

	color: #000000;   

	width:997px;

	background-color:#316177;

	line-height:16px;}

a:link {color:#999999;

text-decoration:none;}      /* unvisited link */

a:visited {color:#666666;}  /* visited link */

a:hover {color:#333333;

text-decoration:underline;}  /* mouse over link */

a:active {color:#999999;}  /* selected link */



h2{

	text-transform:uppercase;

	font-size:12px;

	color:#333;}



#container

{

	margin: 0 auto;

	width: 1000px;

	background: #fff;

}

#topheader{

	background:#666666 url(images/topheader_bg.jpg) repeat-x;

	color:#FFFFFF;

	padding: 10px;

	height: 1%;

	}

#topheader .text{

	color:#FFFFFF;

	font-size:12px;

	text-decoration:none;



	}

#topheader a:link {color:#FFFFFF;

text-decoration:none;}      /* unvisited link */

#topheader a:visited {color:#FFFFFF;}  /* visited link */

#topheader a:hover {color:#FFFFFF;

text-decoration:underline;}  /* mouse over link */

#topheader a:active {color:#FFFFFF;}  /* selected link */



#header

{

	background: #FFFFFF;

	padding: 0px;

}

#header a

{

	color: #FFFFFF;

	padding: 0px;

}

#header h1 { margin: 0; }



#boxmenu{

	float: left;

	width: 1000px;

	

	}



#navigation

{

	float: left;

	width: 1000px;

	background: #333;

}



#navigation ul

{

	margin: 0;

	padding: 0;

}



#navigation ul li

{

	list-style-type: none;

	display: inline;

}



#navigation li a

{

	display: block;

	float: left;

	padding: 5px 10px;

	color: #fff;

	text-decoration: none;

	border-right: 1px solid #fff;

}



#navigation li a:hover { background: #383; }



#content-container

{

	float: left;

	width: 1000px;

	background: #fff url(/wp-content/uploads/layout-three-fixed-background.gif) repeat-y 100% 0;

}



#section-navigation

{

	float: left;

	width: 300px;

	padding: 20px 0;

	margin: 0 20px;

	display: inline;

}



#section-navigation ul

{

	margin: 0;

	padding: 0;

}



#section-navigation ul li

{

	margin: 0 0 1em;

	padding: 0;

	list-style-type: none;

}



#content

{

	float: left;

	width: 300px;

	padding: 15px 0;

	margin: 0 0 0 30px;

}



#content h2 { margin: 0; }



#leftcol{

	float: left;

	width: 300px;

	padding: 20px;

	margin: 0 0 0 30px;

	

	}



#aside

{

	float: right;
	width: 300px;
	padding: 20px 0;
	margin: 0 20px 0 0;
	display: inline;

}



#aside .calander{text-align:center;

	padding-left:5px;

	padding-right:5px;}



#aside h3 { margin: 0; }
#onecol-content

{

	clear: left;

	float: left;

	width: 1000px;

	padding-left: 10px;
padding-right: 10px;
	display: inline;

}
#onecol-content h2 { margin: 0;

font-size:14px;

color:#333;}
#onecol-content h1 { margin: 0;

font-size:14px;

color:#333;}



#twocol-content h1 { margin: 0;

font-size:14px;

color:#333;}



#twocol-content

{

	clear: left;

	float: left;

	width: 700px;

	padding: 20px 0;

	margin: 0 0 0 30px;

	display: inline;

}



#twocol-content h2 { margin: 0;

font-size:14px;

color:#333;}

#twocol-content h1 { margin: 0;

font-size:14px;

color:#333;}



#twocol-aside

{

	float: right;

	width: 240px;

	padding: 20px 0;

	margin: 0 20px 0 0;

	display: inline;

}



#twocol-aside h3 { margin: 0; }





#footer

{

	clear: left;

	background: #666666;

	text-align: left;

	color:#FFFFFF;

	padding: 20px;

	height: 1%;

}





/*menu*/

ul.homeMainNav {

    margin:0;

    padding:1px;

    height:121px;

    overflow:hidden;

    background:#ffffff;

}

ul.homeMainNav li {

    float:left;

    list-style-type:none;

    width:165px;

    height:121px;

    color:#ffffff;

    text-align:right;

    margin:0 1px 0 0;

}

ul.homeMainNav li div.homeNavImage {

    width:165px;

    height:88px;

    overflow:hidden;

}

ul.homeMainNav li div.homeNavGreenBg {

    width:140px;

    height:22px;

    overflow:hidden;

    color:#ffffff;

    background: url(images/greenBg.jpg) no-repeat;

    text-align:right;

    padding: 11px 25px 0 0;

}

ul.homeMainNav li div.homeNavBrownBg {

    width:140px;

    height:22px;

    overflow:hidden;

    color:#ffffff;

    background: url(images/brownBg.jpg) no-repeat;

    text-align:right;

    padding: 11px 25px 0 0;

}

ul.homeMainNav li div.homeNavBlueBg {

    width:140px;

    height:22px;

    overflow:hidden;

    color:#ffffff;

    background: url(images/blueBg.jpg) no-repeat;

    text-align:right;

    padding: 11px 25px 0 0;

}

ul.homeMainNav li div.homeNavRedBg {

    width:140px;

    height:22px;

    overflow:hidden;

    color:#ffffff;

    background: url(images/redBg.jpg) no-repeat;

    text-align:right;

    padding: 11px 25px 0 0;

}

ul.homeMainNav li div a {

    color:#ffffff;

    font-weight:bold;

    text-decoration:none;

}

ul.homeMainNav li div a:hover {

    color:#ffffff;

    text-decoration:underline;

}

#bodyContainer #homeNavArea ul#homeNav li div.homeNavGreenBg a,

#bodyContainer #homeNavArea ul#homeNav li div.homeNavBrownBg a,

#bodyContainer #homeNavArea ul#homeNav li div.homeNavBlueBg a,

#bodyContainer #homeNavArea ul#homeNav li div.homeNavRedBg a {

    display:block;

    font-size:1.2em;

    font-size:0.99em;    

    line-height:35px;

    position:relative;

    top:-10px;

    margin-bottom:10px;

    overflow:visible;

    vertical-align:middle;

	background:url(images/navReflection.png) repeat-x bottom;

	}

  

table { 

width:100%; 

border-top:1px solid #55555c; 

border-right:1px solid #55555c; 

margin:1em auto; 

border-collapse:collapse; 

} 

td { 

color:#000000; 

border-bottom:1px solid #55555c; 

border-left:1px solid #55555c; 

padding:10px; 

text-align:left; 

} 
table { 

width:90%; 

border-top:1px solid #55555c; 

border-right:1px solid #55555c; 

margin:1em auto; 

border-collapse:collapse; 

} 

td { 

color:#000000; 

border-bottom:1px solid #55555c; 

border-left:1px solid #55555c; 

padding:10px; 

text-align:left; 

} 

