/* http://www.rabsal.org

1) Plain Styles
2) Content 
3) Side Column 
4) Images
5) Language Links
6) Footer Styles
--------------------- */
@import "rabsal-layout.css";
@import "rabsal-nav.css";


/* ---------------- Plain Elements ------------------------------------------------
--------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { color:#3f76ba; margin:1em 0 .4em; padding:0; font-family: verdana, arial, helvetica, sans-serif; font-style:normal; font-variant:normal; font-weight:normal;  line-height:normal; font-size-adjust:none; font-stretch:normal; letter-spacing:normal; }
h2 { font-size: 1.88em; margin:.7em 0 .3em; font-family: arial, helvetica, sans-serif; letter-spacing:0.06em; border-bottom:2px solid #A5A8CD;}
h3 { font-size: 1.5em; margin:2em 0 .4em 0; font-weight:bold; }
h4 { font-size: 1.5em; margin:2em 0 .4em .5em; font-weight:bold; padding-left:13px; background: transparent url(../images/global/list-green6sq.gif) no-repeat left center; }
h5 { font-size: 1.44em; font-weight:bold; color:#52578B;  margin:0 0 3px; padding:0; font-variant:small-caps; }
h6 { font-size: 1.25em; font-weight:bold; color:#555; margin:0; padding:0; }

h1  {text-indent:-9000px; margin-top:0px; } /* ----- Rabsal Logo text be-gone ---- */

#content h4, #content h5, #content h6 { margin-top: 0.6em; margin-bottom: 0.1em; }
h2 { margin:0.6em 0 .3em; padding-left:7px; }
h3 { margin-top:1.2em; margin-bottom:0pt; padding:0; }


/* -----------LISTS ---------------------------------------------------------------*/
ul { list-style: disc outside; margin-left: 2em; }
li { margin-bottom: 0.66em; line-height: 1.6em; }
ul li { background: transparent url() no-repeat left center;}
ul, ol { margin-bottom: 1.25em; list-style-type: none; list-style-image: none; list-style-position:outside; }
ul ul, ol ol, ul ol, ol ul { margin-left: 1.5em; }

ol { margin-left:2em; padding-left: 40px; list-style-type:decimal; list-style-image:none; list-style-position:outside; }
ol li { padding-left:5px; background-image: none; }

dl { white-space:nowrap; margin-left:40px; }
dt { color:#52578B; padding:0 0 0 10px; margin-top: 1.5em; font-size:1.25em; font-weight:bold; line-height: 1.4em; }
dd { color:#222; margin-top: 0.2em; margin-bottom: 0.1em; margin-left:20px; font-size:1.1em; line-height: 1.4em; }

dl dd {	padding-left:10px; background: transparent url(../images/global/bullet.gif) no-repeat left center; }


/* --------- Language Styles ---------------------------------------------------- */
.tib { font-family:"Tibetan Machine Uni" !important; font-size:1.35em; line-height:1.4; text-align:left !important; letter-spacing:0pt;}


/* ---------- Forms --------------------------------------------------------------*/
fieldset { border: 1px solid #ccc; }
textarea, input[type='text'], #content select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, select:focus { border-color: #888; }
input, select { cursor: pointer; }
input[type='text'] { cursor: text; }


/* ----------- anchors --------------------------------------------- */
a img { border-style: none; border-width:0pt; }
a { outline:expression(hideFocus=true); outline:0; cursor:pointer; }
a:link, a:visited { color:#00c; text-decoration: none; border-bottom-width:0pt; }   
a:hover { color:#CE570F; text-decoration: none; border-bottom-width:0pt; }
a:link, a:visited { color:#444; border-bottom:1px solid #9FB474; }  
a:hover { color:#222; border-bottom:1px solid #222; } 


/* ---------------- Content Styles ----------------------------------------------
--------------------------------------------------------------------------------- */
p { font-size:1.12em; margin:0 0 15px 0; padding:0; line-height:1.63em; letter-spacing: normal; text-align: left; }

.block { color:#777; position:relative; background:#EFEFEF; margin-top:20px; padding:10px 15px 0 15px; border:1px solid #d0d0d0; width: 520px; }

.f-right {float:right;display:inline;}
.f-left {float:left;display:inline;}
.under {text-decoration:underline;}
.underline { text-decoration:underline; }
.bold {font-weight:bold; color:#555; }
.nowrap { white-space:nowrap;}
.wrap { white-space:wrap;}

.t-right { text-align:right; padding:0 .5em .1em 0; margin:0; }
.t-left { text-align:left; }
.t-center { text-align:center; }

p.pkup { margin-top:-7px; }
p.min { margin:0; padding-top:0; padding-bottom:0; }

p.bottom-line { border-bottom:solid 1px #3f76ba; margin:0 0 20px 0; padding-bottom:10px; }
p.horizontal-line { border-bottom:1px solid #9bb3cf; border-top:1px solid #ddd; margin:20px 0 15px; padding:0; line-height:0px; }
p.horizontal-line-min { border-bottom:1px solid #9bb3cf; border-top:1px solid #ddd; margin:20px 0 0; padding:0; line-height:0px; }
p.horizontal-line-60 { border-bottom:1px solid #9bb3cf; border-top:1px solid #ddd; margin:20px 0 0; padding:0; width:60%; line-height:0px; }
p.horizontal-line-80 { border-bottom:1px solid #9bb3cf; border-top:1px solid #ddd; margin:20px 0 0; padding:0; width:80%; line-height:0px; }


.blt-orange4sq { padding-left:11px; background: transparent url(/global/images/list-green4sq.gif) no-repeat left center; }
.blt-orange6sq { padding-left:13px; background: transparent url(/global/images/list-orange6sq.gif) no-repeat left center; }
.blt-orange6sq-offset { padding-left:21px; background: transparent url(/global/images/list-orange6sq-offset.gif) no-repeat left center; }
.blt-green4sq { padding-left:11px; background: transparent url(/global/images/list-orange4sq.gif) no-repeat left center; }
.blt-green6sq { padding-left:13px; background: transparent url(/global/images/list-green6sq.gif) no-repeat left center; }
.blt-green6sq-offset { padding-left:21px; background: transparent url(/global/images/list-green6sq-offset.gif) no-repeat left center; }


a.read-more, .feature-container-1 p a:visited.read-more { color:#62708F; font-size:90%; border-bottom-width:0px; cursor: pointer; font-weight:bold; }
a:hover.read-more { color:#ce570f; border-bottom-width:0px; background:transparent; }

#content a:link, #content a:visited { border-bottom: 1px solid #0ca7fa; color: #404040; outline: none; }   /* -------- outline:none; is to prevent dotted border in Firefox ------- */


/* -------------- Containers -----------------------------------
----------------------------------------------------------------------------------- */
.container {clear:both; float:left; width:100%; margin:0 0 15px 0; padding:0;}
.container-lift { clear:both; float:left; width:100%; margin:-40px 0 15px 0; padding:0; } /* negative top margin */

.container-1col { overflow:hidden; float:left; width:99%%; margin:0; padding:2px;}

/* note: different width columns */
.container-left-5050 { overflow:hidden; float:left; width:49%; margin:0; padding:0;}
.container-right-5050 { overflow:hidden; float:right; width:49%; margin:0; padding:0;}

.container-left-7030 { overflow:hidden; float:left; width:68%; margin:0; padding:0;}
.container-right-7030 { overflow:hidden; float:right; width:33%; margin:0; padding:0;}

.container-left-6040 { overflow:hidden; float:left; width:61%; margin:0; padding:0;}
.container-right-6040 { overflow:hidden; float:right; width:38%; margin:0; padding:0;}

.container-left-4060 { overflow:hidden; float:left; width:38%; margin:0; padding:0;}
.container-right-4060 { overflow:hidden; float:right; width:60%; margin:0; padding:0;}

.container-3col-left { overflow:hidden; float:left; width:32%; margin:0 20px 0 0; padding:0;}
.container-3col-middle { overflow:hidden; float:left; width:32%; margin:0; padding:0;}
.container-3col-right { overflow:hidden; float:right; width:32%; margin:0; padding:0;}


.box-right h3, .box-left h3 {font-size:140%} 
.box-right h6, .box-left h6 {padding:0; } 
.box-left { overflow:hidden; width:99%%; margin:-30px 0 15px; padding:2px; }

.box-right { overflow:hidden; width:99%%; margin:-30px 0 15px; padding:2px;}
.box-right h3 { text-align:right; padding-right:3px; }
.box-right h6 { text-align:right; }
.box-right p { text-align:right; }



/* ---------------- Sidebar Styles -----------------
---------------------------------------------------- */
#sidebar p { font-size:1.2em; line-height:1.3em; margin:0 0 12px 0; }
#sidebar h3 { margin:20px 0 -10px 5px; padding:0; font-size:1.25em; font-weight:bold; letter-spacing:0pt; color:#52578B; }

/* ---------------- Image Styles -------------------------------------------------- 
------------------------------------------------------------------------------------ */
img { border: 0; }
img { behavior: url("images/global/transparency/pngbehavior.htc"); } /* DO NOT CHANGE - this makes transparent the img tag elements - see javascript file in directory */

.img-right { clear:both;}
.img-right div { float:right; display:inline; background: transparent url(../images/global/dropshadow/shadowAlpha.png) no-repeat bottom right !important; background: transparent; margin: 10px 0 0 10px !important; margin: 4px 3px 0 9px; padding:0 0 0 4px }
.img-right img { display:block; position:relative; background-color:#fff; border:1px solid #c0c0c0; margin:-6px 6px 6px -6px !important; margin: 0 0 0 -4px; padding: 4px; }

.img-left { clear:both; }
.img-left div { float:left; display:inline; background: transparent url(../images/global/dropshadow/shadowAlpha.png) no-repeat bottom right !important; background: transparent; margin: 10px 5px 0 3px !important; margin: 3px 5px 0 0; }  
.img-left img { display: block; position: relative; background-color: #fff; border:1px solid #c0c0c0; margin: -6px 6px 6px -6px !important; margin: 0; padding: 4px; }

.img-sidebar { float:left; display:inline; background: url(../images/global/dropshadow/shadowAlpha.png) no-repeat bottom right !important; background: transparent; margin:20px 0 0 7px; }
.img-sidebar img { display:block; position:relative; background-color:#fff; border:1px solid #c0c0c0; margin:-6px 6px 6px -8px; padding:4px; }

.img-left-footer { clear:both; }
ul li.img-left-footer { display:inline }
.img-left-footer div { float:left; display:inline; background: transparent url(../images/global/dropshadow/shadowAlpha.png) no-repeat bottom right !important; background: transparent; margin:25px 45px 30px 0 !important; margin:10px 30px 0 0; }  
.img-left-footer img { display: block; position: relative; background-color: #fff; border:1px solid #c0c0c0; margin: -6px 6px 6px -6px !important; margin: 0; padding: 4px; }


.photo-left{
	margin:10px 10px 5px 0;
	float:left;
	display:inline;
	padding:5px;
	display:block;
	background-color:#d1d4ef;
}

.photo-right{
	margin:10px 0 5px 10px;
	float:right;
	display:inline;
	padding:5px;
	display:block;
	background-color:#D1D4EF;
}

.photo-sidebar{
	padding:5px;
	display:block;
	margin:0 auto 15px auto;
	background-color:#D1D4EF;
}




/* ---------------- Language Links & Logo Image
---------------------------------------------------- */
#lang {
	float:right; 
	padding-bottom:20px;
}

#logo { margin:0 0 20px 40px; }



/* ---------------- Footer Styles
---------------------------------------------------- */
#footer {
	color:#999;
	font-size:0.9em;
	padding:8px 0 8px 0;
	border-top:1px solid #d0d0d0;
	text-align: center;
}

.home #footer {
	border-top-width:0pt;
}

#footer a {
	color:#999;
}

#footer p {
	font-size:100%;
	margin:0;
	text-align: center;
}