body{
background:#A79684 url(http://www.clearinternational.org/images/interface/ci_bg_vertical.gif) repeat-x  !important ;

}

.maincontent{
}

.maincontent h3 {
font-weight:normal;
	font-size: 20px;
	margin:0px 25px 15px 25px;
font-family:Optima, CG Omega, "Zapf Humanist", serif !important;
border-bottom: 1px solid rgb(203, 120, 119);
}

.maincontent h3 a, .maincontent h4 a, .maincontent h5 a{
color: rgb(203, 120, 119);
text-decoration: none;
}

.maincontent h4{
font-size: 17px;
margin:0px 25px 15px 25px;
font-family:Optima, CG Omega, "Zapf Humanist", serif !important;
}

.maincontent h5{
font-weight:normal;
font-size: 15px;
margin:0px 25px 15px 25px;
}

.maincontent p.smalldetails{
font-size:9px;
margin:-10px 25px 15px 25px;
color: rgb(203, 120, 119);
}

.maincontent p{
font-size: 13px;
margin:0px 25px 15px 25px;
}

.maincontent p a{
color: rgb(203, 120, 119);
}

.maincontent ul{
margin:0px 25px 15px 45px;
}


.maincontent ol{
margin:0px 25px 15px 45px;
}

.maincontent a{
color: rgb(203, 120, 119);
}

.maincontent form{
margin:0px 25px 15px 25px;
}

.maincontent form table{
margin:0px !important;
}

.maincontent table tr td{
padding: 5px;
}

.maincontent form input{
padding: 3px;
font-size: 14px;
border: 1px solid #A79684;
}

.maincontent img{
margin: 0px 10px 0px 10px;

}

.maincontent table{
margin:0px 25px 15px 25px;
}

.pt10{
padding-top:10px !important;
}

.pt20{
padding-top:20px !important;
}

.maintop{background:url(http://www.clearinternational.org/images/interface/ci_bg_maintop.gif) no-repeat;
height:18px;
width: 980px !important;
margin-top:10px;
}

.mainbody{background:url(http://www.clearinternational.org/images/interface/ci_bg_mainbody.gif) repeat-y;
}

.mainbottom{background:url(http://www.clearinternational.org/images/interface/ci_bg_mainbottom.gif) no-repeat top;
height: 50px;
}

.mainbottom p{
font-size: 10px;
padding-top:20px;
}

.mainbottom p a{
color: inherit;
}



.mainlogo{background:url(http://www.clearinternational.org/images/interface/ci_mainlogo.gif) no-repeat;
width:120px;
height:146px;
display: block;
text-indent:-9999px;
}

.mainlogo2{background:url(http://www.clearinternational.org/images/interface/ci_logo_large.gif) no-repeat;
width:240px;
height:313px;
display: block;
text-indent:-9999px;
}

.mainimage{background:url(http://www.clearinternational.org/images/interface/ci_bg_mainimage.gif) no-repeat;
width:720px;
height:225px;

}

.mainimage img{
margin: 15px 0px 0px 23px;
}

.mainvideo{background:url(http://www.clearinternational.org/images/interface/ci_bg_video.gif) no-repeat;
width:720px;
height:554px;

}

.mainvideo .inner{padding: 32px 53px 33px 60px; float: left;}

.bt_home{background:url(http://www.clearinternational.org/images/interface/ci_bg_home.gif) no-repeat;
width:120px;
height:65px;
display:block;
float: left;
text-indent:-9999px;
}

.bt_dontshow{background:url(http://www.clearinternational.org/images/interface/ci_bg_bt_blank.gif) no-repeat;
width:120px;
height:65px;
display:block;
float: left;
color: #000;
font-size:10px;
font-family:Optima, CG Omega, "Zapf Humanist", serif !important;
text-decoration: none;
}


.bt_dontshow span{
display: block;
float: left;
padding: 8px 19px 19px 19px;
}

.bt_dontshow:hover{
text-decoration: underline;
}

.bt_home:hover{background:url(http://www.clearinternational.org/images/interface/ci_bg_home_over.gif) no-repeat;
}

.bt_language_normal{background:url(http://www.clearinternational.org/images/interface/ci_bg_lan_norm.gif) no-repeat;
width:120px;
height:81px;
display:block;
float: left;
text-indent:-9999px;
}

.bt_language_normal:hover{background:url(http://www.clearinternational.org/images/interface/ci_bg_lan_norm_over.gif) no-repeat;
}

.bt_language_lawyer{background:url(http://www.clearinternational.org/images/interface/ci_bg_lan_law.gif) no-repeat;
width:120px;
height:81px;
display:block;
float: left;
text-indent:-9999px;
}

.bt_language_lawyer:hover{background:url(http://www.clearinternational.org/images/interface/ci_bg_lan_law_over.gif) no-repeat;
}


.bg_twitter{background:url(http://www.clearinternational.org/images/interface/ci_bg_twitter.gif) no-repeat;
width:240px;
height:129px;
}

.bg_twitter h4{
font-size:14px;
margin: 9px 20px 0px 20px;
font-family:Optima, CG Omega, "Zapf Humanist", serif !important;
padding: 0px;
}

.bg_twitter p{
font-size: 12px;
margin: 0px 20px 5px 20px;
padding: 0px;
}

.bg_twitter p a{
color:#A79684 !important;
}
.mainmenu{

}

.mainmenu ul{list-style:none;}

.mainmenu ul li{
float: left;
list-style:none;
}

.mainmenu ul li a{
display: block;
width:180px;
height:50px;
text-indent:-9999px;
}

.mainmenu ul li a.know{background:url(http://www.clearinternational.org/images/interface/ci_bg_menu_know.gif) no-repeat;
}


.mainmenu ul li a.do{background:url(http://www.clearinternational.org/images/interface/ci_bg_menu_do.gif) no-repeat;
}

.mainmenu ul li a.go{background:url(http://www.clearinternational.org/images/interface/ci_bg_menu_go.gif) no-repeat;
}

.mainmenu ul li a.give{background:url(http://www.clearinternational.org/images/interface/ci_bg_menu_give.gif) no-repeat;
}


.mainmenu ul li a.know:hover{background:url(http://www.clearinternational.org/images/interface/ci_bg_menu_know_red.gif) no-repeat;
}


.mainmenu ul li a.do:hover{background:url(http://www.clearinternational.org/images/interface/ci_bg_menu_do_red.gif) no-repeat;
}

.mainmenu ul li a.go:hover{background:url(http://www.clearinternational.org/images/interface/ci_bg_menu_go_red.gif) no-repeat;
}

.mainmenu ul li a.give:hover{background:url(http://www.clearinternational.org/images/interface/ci_bg_menu_give_red.gif) no-repeat;
}

.mainmenu ul li a.knowselected{background:url(http://www.clearinternational.org/images/interface/ci_bg_menu_know_red.gif) no-repeat;
}


.mainmenu ul li a.doselected{background:url(http://www.clearinternational.org/images/interface/ci_bg_menu_do_red.gif) no-repeat;
}

.mainmenu ul li a.goselected{background:url(http://www.clearinternational.org/images/interface/ci_bg_menu_go_red.gif) no-repeat;
}

.mainmenu ul li a.giveselected{background:url(http://www.clearinternational.org/images/interface/ci_bg_menu_give_red.gif) no-repeat;
}



.submenu{background:url(http://www.clearinternational.org/images/interface/ci_bg_submenu.gif) no-repeat;
height: 50px;
width: 720px;
}

.submenu ul{
list-style:none;
margin: 12px 8px 10px 22px;
}

.submenu ul li{
list-style:none;
float: left;
margin-right: 12px;
}

.submenu ul li a{
text-decoration: none;
color: #8B8571;
font-family:Optima, CG Omega, "Zapf Humanist", serif !important;
letter-spacing: 1px;
font-size: 14px;
}

.submenu ul li a.selected{color:#000;}

.submenu ul li a:hover{
color: #000;
}

.bg_login{background:url(http://www.clearinternational.org/images/interface/ci_bg_login.gif) no-repeat;
height: 50px;
}

.bg_login p{
margin: 12px 10px 10px 20px;
}

.bg_login p a{
text-decoration: none;
color: #000;
font-family:Optima, CG Omega, "Zapf Humanist", serif !important;
letter-spacing: 1px;
font-size: 14px;
}

.bg_login p a:hover{text-decoration:underline;}


.sidebar{
margin-left:10px;
width: 230px !important;
}

.sidebarbox{background:url(http://www.clearinternational.org/images/interface/ci_bg_sidebody.gif) no-repeat bottom right;
width: 220px;
padding-bottom: 10px;
}

.sidebarbox .top{background:url(http://www.clearinternational.org/images/interface/ci_bg_sidetop.gif) no-repeat top right;
height:20px;
width: 220px;
}

.sidebarbox p{margin:10px;}

.sidebarbox p a{
color:#A79684 !important;
}

.sidebar ul, .sidebar2 ul{
margin: 0px;
padding: 0px;
width: 220px;
}

.sidebar ul li, .sidebar2 ul li{background:url(http://www.clearinternational.org/images/interface/ci_bg_sidemenuli.gif) no-repeat;
list-style:none;
padding: 3px 10px 2px 15px;
font-size: 14px;
margin: 0px;
width: 150px;
}

.sidebar ul li a, .sidebar2 ul li a{
text-decoration: none;
color: #cb7877;
}

.sidebar ul li ul li a.selected, .sidebar2 ul li ul li a.selected{
color: #000;
}

.sidebar ul li a:hover, .sidebar2 ul li a:hover{
text-decoration: underline;
}

.sidebar ul li ul, .sidebar2 ul li ul{
margin: 0px;
padding: 0px;
width: 190px;
}
.sidebar ul li ul li, .sidebar2 ul li ul li{
background: none;
list-style:none;
padding: 3px 10px 2px 15px;
font-size: 12px;
margin: 0px;
width: 150px;
}

.sidebar ul li ul li a, .sidebar2 ul li ul li a{
text-decoration: none;
color: #cb7877;
}

.page2c{background:url(http://www.clearinternational.org/images/interface/ci_bg_page2top.gif) no-repeat top;
padding-top:15px;
}

.page2cbottom{background:url(http://www.clearinternational.org/images/interface/ci_bg_page2bottom.gif) top no-repeat;
height:54px;
width: 360px;
float:left;
}

.page3c{background:url(http://www.clearinternational.org/images/interface/ci_bg_page3top.gif) no-repeat top;
padding-top:15px;
}

.page3cbottom{background:url(http://www.clearinternational.org/images/interface/ci_bg_page3bottom.gif) top no-repeat;
height:54px;
width: 540px;
float:left;
}

.page6c{background:url(http://www.clearinternational.org/images/interface/ci_bg_page6top.gif) no-repeat top;
padding-top:15px;
}

.page6cbottom{background:url(http://www.clearinternational.org/images/interface/ci_bg_page6bottom.gif) top no-repeat;
height:54px;
width: 720px;
float:left;
}

.peopleimage{
float:left; 
margin: 3px 10px 10px 25px !important; 
border: 1px solid #A79684;
}

.commentitem{

}

.commentitem .name{
border-bottom:1px solid #A79684;
font-size:10px;
text-align: right;
}

/************ tooltips *********************************/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }


#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url('http://www.clearinternational.org/images/interface/shadow.png');
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
	background: url('http://www.clearinternational.org/images/interface/shadow2.png');
	padding-top: 5em;
	height: 100px;
}
#tooltip.fancy.viewport-right {
	background: url('http://www.clearinternational.org/images/interface/shadow2-reverse.png');
}



/************************************************************************** modal *****************************************************/
.jqmWindow{
    display: none;
    position: fixed;
    
    top: 0px;
    left: 50%;
    
    margin-left: -378px;
    width: 757px;
    
    background-color: #D4D5D6;
    color: #000;
  
    padding: 0px 0px 12px 0px;
}

.jqmWindow h2{
padding: 18px;
}



.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


.jqmWindow2{
    display: none;
    position: fixed;
    
    top: 100px;
    left: 50%;
    
    margin-left: -150px;
    width: 300px;
    
    background-color: #D4D5D6;
    color: #000;
  
    padding: 0px 0px 12px 0px;
}

.jqmWindow2 h2{
padding: 18px;
}

* html .jqmWindow2 {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}