html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}

html {
	font:normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	}

body {
	background-image:url(../sapra/media/sapra_bg.gif);
	background-repeat:repeat;
	}

.align-center {margin: 0 auto; }
.align-right { float:right; margin: 0 15px 15px 0; }
.align-left { float:left; margin: 0 15px 15px 0; }
.frame { padding: 5px; border: 1px solid #aaa; }

p {
	margin-bottom: 10px;
}

a[href] {
 text-decoration:none;
}

a:link {
 color:#191970;
}
a:visited {
 color:#191970;
}
a:hover {
 color:Maroon;
}
a:active {
 color:Red;
}


/* -- Special Class formatting --- */
.heading {
	font-family:Verdana;
	font-size:2em;
	font-style:normal;
	font-weight:bold;
}

h3 {
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:1.1em;
		font-weight:bold;
		color:#E6E6FA;
	}

h2 {
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:1em;
		font-weight:bold;
		color: #0058ac;
	}
	
.italics {
	font-weight:normal;
	font-style:italic;
}

.description {

	 color:black;
	 font-weight:normal;
	font: georgia, 'times new roman', serif;
 	}

.normal_para {
	font-weight:normal;
}

.tooltip_para {
	font-family:Arial;
	font-size:.8em;
	font-weight:normal;
}

.conferences {
	font-size:.8em;
	font-weight:normal;
	text-decoration:none;
	}


.strip_secondary {
	background:#4682B4;
	font-size:1.2em;
	font-weight:bold;
	color:#F5F5F5;
	padding:10px;
}

.thin_strip {
	background:#003366;
	font-size:.9em;
	font-weight:normal;
	color:#ffffcc;
	padding:2px 10px 2px 5px;
	width: auto;
	margin-top:3px;
	margin-right:1px;
	margin-bottom:6px;
}

.DropCap {
	float:left;
	color:black;
	margin-top:3px;
	margin-right:3px;
	margin-bottom:2px;
	background:firebrick;
	border:1px solid black;
	font-size:4em;
	line-height:1em;
	font-family:Times New Roman;
	padding-top:1px;
	padding-right:4px;
	padding-left:4px;
}

.footer {
	margin:auto; /*Center container on page*/
	width: 700px;
	font-size:.9em;
	background: transparent;
	color: #f5f5dc;
	font-weight: lighter;
	text-align:center;
}

#footer_link {
	font-size:.9em;
	font-weight:normal;
	color:#ADD8E6;
}

.blueline {
	clear:both;
	margin:auto; /*Center container on page*/
	padding:0;
	width:800px;
	height:3px;
	line-height:3px;
	background:#0000CD;
	border-bottom:1px solid #fff;
}

.short_intro {
	font-size:.8em;
	font-weight:normal;
	color:#000000;
}
/* -- end special -- */






/* --- For rounded corners    */
.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#4169E1; margin:0 5px;}
.b2f {height:1px; background:#4169E1; margin:0 3px;}
.b3f {height:1px; background:#4169E1; margin:0 2px;}
.b4f {height:2px; background:#4169E1; margin:0 1px;}
.contentf {
background:#4169E1;
}
.contentf div {
margin-left: 5px;
}



/* --- Classes SECTION    */

.innertube{
	margin:10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top:0;
}

#passport_photo {
	 display:block;
}

div.shadow{
	float:left;
	padding:0 6px 6px 0;
	background:url(../sapra/media/dropshadow.png) no-repeat bottom right;
	color:#6495ED;
	 }

div.shadow img{
	display:block;
	position:relative;
   top:-3px;
	left:-3px;
	padding:5px;
	background:#FFF;
   border:1px solid;
	border-color:#ccc #666 #666 #ccc
	}




/* --- id SECTION    */

#maincontainer{
	width:800px; /*Width of main container*/
	margin:0 auto; /*Center container on page*/
}

#topsection{
	background:transparent;
	height:40px; /*Height of top section*/
}

#topsection h1{
	margin:0;
	padding-top:15px;
}

#contentwrapper{
	float:left;
	width:100%;
	}

#contentcolumn{
	padding-top:10px;
	margin-left:200px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
	float:left;
	width:200px; /*Width of left column*/
	margin-left:-800px; /*Set left margin to -(MainContainerWidth)*/
	padding-right:6px;
	background:transparent;
}






/* This is the default site line ---- */



#invertedtabs{
	margin-left:4px;
	padding:0;
	width:800px;
	background:transparent;
	voice-family:"\"}\"";
	voice-family:inherit;
	padding-left:5px;
	margin:0 auto;
	}

#invertedtabs ul{
font:bold 11px Arial, Verdana, sans-serif;
margin:0;
margin-bottom:1em; /*margin between menu and rest of content*/
padding:0;
list-style:none;
}

#invertedtabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
line-height:1.5em;
}


#invertedtabs a{
float:left;
color:white;
background:#8b0000 url(../sapra/media/color_tabs_left2.gif) no-repeat left bottom;
margin:0 2px 0 0;
padding:0 0 0 3px;
text-decoration:none;
letter-spacing:1px;
}

#invertedtabs a span{
float:left;
display:block;
background:transparent url(../sapra/media/color_tabs_right2.gif) no-repeat right bottom;
padding:3px 9px 3px 6px;
}

#invertedtabs a span{
	float:none;
}


#invertedtabs a:hover{
	background-color:#d50509;
}

#invertedtabs a:hover span{
	background-color:#d50509;
}

#invertedtabs #current a, #invertedtabs #current span{ /*currently selected tab*/
	background-color:#d50509;
}

#invertedtabsline{
clear:both;
padding:0;
width:100%;
height:8px;
line-height:8px;
background:#8b0000;
border-bottom:1px solid #fff; /*Remove this to remove border between bar and tabs*/
margin:0 auto;
}

#leftpanel {
	font:sans-serif;
	font-size:10pt;
	font-style:italic;
	color:#00018C;
}

.notes {
	font: Arial;
	font-size: 8pt;
	font-variant: normal;
}




/* Sortable tables scheme: For use with sortable script*/
table.sortable thead {
    background-color:#4682B4;
    color:#FBFDFF;
    font-weight: bold;
    cursor: default;
	 margin-top: 5px;
	 margin-right: 5px;
	 padding-right: 5px;
	 height: 20px;
}

/* -- fix for clear (ing) float elements creator, Tony Aslett (www.csscreator.com) -- \*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {display: inline-table;}
/* backslash hack hides from IE mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */