 



 



* { 



  margin: 0;



  padding: 0;



}







/* tell the browser to render HTML 5 elements as block */



 



body { 



  font: normal .80em Arial, Helvetica, sans-serif;



  background: #FFF;



  color: #000;



}







p { 



  padding: 0 0 20px 0;



  line-height: 1.5em;



  font-size:14px;



  line-height:20px;



}







 







   



h4, h6 { 



  color: #BBB;



  padding: 0 0 5px 0;



  font: normal 130% arial, sans-serif;



}







h5, h6 { 



  color: #888;



  font: italic 95% arial, sans-serif;



  letter-spacing: normal;



  padding: 0 0 15px 0;



}







a, a:hover { 



  outline: none;



  text-decoration: none;



  color: #28a592;



}







a:hover { 



  text-decoration: underline;



  color:#F60;



}







blockquote { 



  margin: 20px 0; 



  padding: 10px 20px 0 20px;



  border: 1px solid #E5E5DB;



  background: #FFF;



}







     



#main {



  margin: 5px auto;



  width: 950px;



  background: transparent;



  padding-bottom: 30px;



}







header { 



  background: transparent;



  height: 130px;



}







#logo { 



  width: 950px;



  height: 130px;



  background: transparent;



  color: #888;



  padding: 0;



  float: left;



}



  



  li {



	  list-style:outside disc;



	  margin-left:20px;



	  line-height:24px;



  }







nav { 



  height: 44px;



  width: 950px;



  float: right;



  margin: -20px auto 0 auto;



  color: #222;



  border-bottom: 1px solid #bbb;



  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;



  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;



  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;



} 







#site_content { 



  width: 950px;



  overflow: hidden;



  margin: 0px;



  padding: 0px 0 0px 0;



} 







#sidebar_container { 



  float: right;



  width: 224px;



  margin: 0px 0 0 0;



}







.sidebar { 



  float: right;



  width: 205px;



  padding: 5px 00px;



  margin: 0 0 5px 0;



}



  



.sidebar h3, .content h1 { 



  padding: 10px 10px 8px 0px;



  font: 120% Arial, Gadget, sans-serif;



  margin: 0 1px;



  font-weight:bold;



  color: #333;



}







.sidebar h3 { 



  color: #000;



  font: 150% Arial, Gadget, sans-serif;



  padding: 0 0px 5px 0;



}







.sidebar ul { 



  margin: 0 0 15px 0;



} 







.sidebar li a, .sidebar li a:hover { 



  color: #000;



  text-decoration: none;



} 







.sidebar li a:hover { 



  text-decoration: underline;



  color:#F60;



} 







.sidebar_item, .content_item { 



  padding: 15px 0;



}







.content { 



  text-align: justify ;



  width: 670px;



  margin: 0px 0 0 0;



  float: left;



  font-size: 120%;



}



  



.content ul { 



  margin: 2px 0 22px 0px;



}







.content ul li, .sidebar ul li { 



  list-style-type: none;



  background: url(../images/bullet.png) no-repeat;



  margin: 0 0 0 0; 



  padding: 0 0 4px 15px;



  line-height: 1.5em;



}



























footer { 



  width: 950px;



  font: 170% 'Yanone Kaffeesatz', arial, sans-serif;



  height: 30px;



  padding: 5px 0 10px 0;



  text-align: center;



  border-bottom: 1px solid #bbb;



  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;



  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;



  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;



}







footer p { 



  line-height: 1.7em;



  padding: 0 0 10px 0;



}







footer a { 



  color: #000;



  text-decoration: none;



}







footer a:hover { 



  color: #000;



  text-shadow: none;



  text-decoration: none;



}







.form_settings { 



  margin: 15px 0 0 0;



}







.form_settings p { 



  padding: 0 0 4px 0;



}







.form_settings span { 



  float: left; 



  width: 200px; 



  text-align: left;



}



  



.form_settings input, .form_settings textarea { 



  padding: 5px; 



  width: 299px; 



  font: 100% arial; 



  border: 1px solid #D5D5D5; 



  background: #FFF; 



  color: #47433F;



  border-radius: 7px 7px 7px 7px;



  -moz-border-radius: 7px 7px 7px 7px;



  -webkit-border: 7px 7px 7px 7px;  



}



    



  



table { 



  margin: 10px 0 30px 0;



}







table tr th, table tr td { 



  background: #BBB;



  color: #FFF;



  padding: 7px 4px;



  text-align: left;



}



  



table tr td { 



  background: #fff;



  color: #444;



  border-top: 0px solid #DDF4FF;



}







      







/* Framework for proper showing/hiding/positioning */



ul.sf-menu,ul.sf-menu * { 



  margin: 0;



  padding: 0;



}







ul.sf-menu { 



  display: block;



  position: relative;



}



  



ul.sf-menu li { 



  display: block;



  list-style: none;



  float: left;



  position: relative;



}



  



ul.sf-menu li:hover { 



  visibility: inherit; /* fixes IE7 'sticky bug' */ 



}







ul.sf-menu a { 



  display: block;



  position: relative;



}



  



ul.sf-menu ul { 



  position: absolute;



  width: 200px;



  font-size:10px;



}



  



 



ul.sf-menu ul li { 



  float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */



  width: 200px;



  font-size:11px;



}



 







 



 







 



 



/* Theming the menu */



ul#nav { 



  float: left;



}







ul#nav ul { 



  background: #555;



  margin-top: 5px;



  padding-bottom: 10px;



}







ul#nav li a { 



  padding: 10px 0px 02px 06px;



  font: 130% Cambria;



  text-decoration: none;



  color: #000;



  margin-right: 33px;



}







ul#nav li a:hover, ul#nav li a:focus, ul#nav li.selected a, ul#nav li.selected a:hover, ul#nav li.selected a:focus { 



  color: #000;



  text-shadow: none;



}







ul#nav ul li a { 



  color: #FFF;







}







ul#nav ul li a:hover { 



  color: #fff;



  text-decoration:underline;



  margin-right: 2px;







}







 



.homeheadings {



	font-family:Arial, Helvetica, sans-serif;



	font-weight:bold;



	font-size:13px;



	line-height:15px;



	color:#333;



	padding:5px;



	



}















 <!--



#mainbtnhead a:link {



	color: #fff;



	text-decoration: none;



	font-size:10px;



	font-weight:normal;



}



#mainbtnhead a:visited {



	text-decoration: none;



	color: #fff;



}



#mainbtnhead a:hover {



	text-decoration: none;



	color: #fff;



}



#mainbtnhead a:active {



	text-decoration: none;



	color: #fff;



}



-->























.button_example2{



	float:right;



border:1px solid #333; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:10px;font-family:arial, helvetica, sans-serif; padding: 2px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:regular; color: #FFFFFF;



 background-color: #a67939; background-image: -webkit-gradient(linear, left top, left bottom, from(#a67939), to(#845108));



 background-image: -webkit-linear-gradient(top, #555, #999);



 background-image: -moz-linear-gradient(top, #555, #999);



 background-image: -ms-linear-gradient(top, #555, #999);



 background-image: -o-linear-gradient(top, #555, #999);



 background-image: linear-gradient(to bottom, #555, #999);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a67939, endColorstr=#845108);



 margin:2px;



}







.button_example2:hover{



 border:1px solid #5a421f;



 background-color: #090; background-image: -webkit-gradient(linear, left top, left bottom, from(#805d2c), to(#543305));



 background-image: -webkit-linear-gradient(top, #3b7970, #28a592);



 background-image: -moz-linear-gradient(top, #3b7970, #28a592);



 background-image: -ms-linear-gradient(top, #3b7970, #28a592);



 background-image: -o-linear-gradient(top, #3b7970, #28a592);



 background-image: linear-gradient(to bottom, #3b7970, #28a592);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#805d2c, endColorstr=#543305);



}























 <!--



#mainbtnhead a:link {



	color: #fff;



	text-decoration: none;



	font-size:10px;



	font-weight:normal;



}



#mainbtnhead a:visited {



	text-decoration: none;



	color: #fff;



}



#mainbtnhead a:hover {



	text-decoration: none;



	color: #fff;



}



#mainbtnhead a:active {



	text-decoration: none;



	color: #fff;



}



-->



















.footer_links ul{ padding:0.8em; list-style:none; margin:1em 0em; border-top:1px solid #e3e3e3; }



.footer_links ul li{ display:inline; font-size:11px; color:#333; padding:.5em 0 0 .5em; margin-bottom:.0em; }













#toplinks a:link {



	text-decoration: none;



	color: #fff;



}



#toplinks a:hover {



	text-decoration: none;



	color: #fff;



	text-decoration:underline;



}



#toplinks a:active {



	text-decoration: none;



	color: #333;



}







#toplinks a:visited {



	text-decoration: none;



	color: #fff;



}



 



 



 



 



 



 



 



#footerlinks a:link {



	text-decoration: none;



	color: #fff;



}



#footerlinks a:hover {



	text-decoration: none;



	color: #fff;



	text-decoration:underline;



}



#footerlinks a:active {



	text-decoration: none;



	color: #333;



}







#footerlinks a:visited {



	text-decoration: none;



	color: #fff;



}



 



 



 



 



 



 -->newsletter-->



   



input {



  -webkit-box-sizing: border-box;



  -moz-box-sizing: border-box;



  box-sizing: border-box;



}







::-moz-focus-inner {



  padding: 0;



  border: 0;



}







:-moz-placeholder {



  color: #999 !important;



}







::-webkit-input-placeholder {



  color: #999;



}







 



.subscribe {



  padding: 5px;



  width: 180px;



  background: white;







  border-radius: 5px;



  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);



  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);



}







.subscribe-pitch {



  padding-left: 50px;



  padding-bottom:0px;



  background:url(../images/email.png)0px center no-repeat;



}



.subscribe-pitch > h3 {



  margin: 0 0 5px;



  font-size: 12px;



  font-weight: bold;



  color: #222;



  text-transform: uppercase;



}



.subscribe-pitch > p {



  line-height: 18px;



  text-align:left;



  color: #484848;



}







.subscribe-form {



  position: relative;



  margin: 5px -5px -5px;



  padding: 10px;



  background: #fafafa;



  border-top: 1px solid #ccc;



  border-radius: 0 0 6px 6px;



  background-image: -webkit-linear-gradient(top, #fafafa, #eaeaea 50%, #e1e1e1 51%, #f2f2f2);



  background-image: -moz-linear-gradient(top, #fafafa, #eaeaea 50%, #e1e1e1 51%, #f2f2f2);



  background-image: -o-linear-gradient(top, #fafafa, #eaeaea 50%, #e1e1e1 51%, #f2f2f2);



  background-image: linear-gradient(to bottom, #fafafa, #eaeaea 50%, #e1e1e1 51%, #f2f2f2);



  -webkit-box-shadow: inset 0 1px white;



  box-shadow: inset 0 1px white;



}







.subscribe-input {



  padding: 0 9px;



  width: 90%;



  height: 28px;



  font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;



  font-size: 11px;



  color: #444;



  background: #fefefe;



  background-clip: padding-box;



  border: 1px solid;



  border-color: #999 #aaa #aaa;



  border-radius: 20px;



  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px #f8f8f8;



  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px #f8f8f8;



}



.subscribe-input:focus {



  outline: 0;



}







.subb {



  display: block;



  position: absolute;



  top: 13px;



  right: 12px;



  padding-left: 5px;



  height: 24px;



  width: 32px;



  background: #60e160;



  border: 1px solid;



  border-color: #4c9d50 #4c9d50 #4c9d50 #55af5a;



  border-radius: 0 10px 10px 0;



  cursor: pointer;



  font: 0/0 serif;



  text-shadow: none;



  color: transparent;



  background-image: -webkit-linear-gradient(top, #84f087, #4cd94a);



  background-image: -moz-linear-gradient(top, #84f087, #4cd94a);



  background-image: -o-linear-gradient(top, #84f087, #4cd94a);



  background-image: linear-gradient(to bottom, #84f087, #4cd94a);



  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);



  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);



}



.subb:active {



  background: #4cdf4d;



  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);



  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);



}



.subb:before {



  content: '';



  display: block;



  margin-top: 1px;



  width: 20px;



  height: 15px;



  background: url(../images/tick.png);



}







.lt-ie9 .subscribe-input {



  line-height: 33px;



}















-->newsletter-->



















.boxshadow



{



	box-shadow:1px 2px 1px 2px #CCC;



	width:960px;



	height:100%;



	margin:0;



}



















.Jtitle



{



	font-family:Cambria;



	color:#28a592;



	font-size:35px;



	line-height:20px;



	padding:5px;



	margin:5px;



	text-shadow:1px 1px 2px #888;



}



.social



{



	padding:10px;



	width:950px;






	padding-right:150px;



	border:0px #fff solid;



	float:left;



	text-align:center;



	vertical-align:top;



}




	
<!-- Fulltext -->
.Sidehead
{
	font-family:Cambria;
	font-size:18px;
	border-bottom:#CCC 1px solid;	
	padding:5px;
	background:#F7F7F7;	
	line-height:20px;
	margin:5px;
	font-weight:bold;
	color: #158070;
}


.mainhead
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	border-bottom:#CCC 1px solid;	
	padding:5px;
	background:#F7F7F7;	
	line-height:20px;
	margin:5px;
	font-weight:bold;
	color: #158070;
}


.Subsidehead
{
	font-family:Cambria;
	font-size:15px;
	padding:5px;
	line-height:18px;
	margin:5px;
	font-weight:bold;
	color: #333;
	border-bottom:#CCC 1px solid;		
}



.Authors
{
	font-family:Cambria;
	font-size:16px;
	padding:5px;
	line-height:20px;
	margin:5px;
	font-weight:bold;
	color: #555;
}



.Affliations
{
	font-family:Cambria;
	font-size:13px;
	padding:5px;
	font-style:italic;
	line-height:20px;
	margin:5px;
	color: #555;
}


.Articlebody
{
	font-family:Cambria;
	font-size:15px;
	padding:5px;
	line-height:22px;
	margin:5px;
	font-weight:regular;
	text-align:justify;
	color: #333;
}


.bullttenumber
{
	list-style-type:decimal;
	margin-left:20px;
	line-height:16px;
	border-bottom:solid #EEE 1px;
	margin-bottom:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	padding:5px;
}.Articletitle
{
	font-family:Cambria;
	font-size:25px;
	padding:5px;
	line-height:30px;
	margin:5px;
	font-weight:bold;
	text-align:left;
	color: #333;
}



.Articletype
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	line-height:15px;
	margin:5px;
	float:left;
	font-weight:bold;
	color: #333;
	border-bottom:#CCC 1px solid;
	background:#F8F8F8;
}




.Legend
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:5px;
	line-height:15px;
	margin:5px;
	float:left;
	font-weight:regular;
	color: #333;
	border-bottom:#CCC 1px solid;
	background:#F8F8F8;
	width:640px;
}



.images
{
	 
	padding:5px;
	padding-bottom:0px;
	margin:5px;
	margin-bottom:0px;
 	border:#CCC 1px solid;
	width:640px;
}



 
 

#ref a:link {

	text-decoration: none;

	color: #333;

}

#ref a:hover {

	text-decoration: none;

	color: #158070;

	text-decoration:underline;

}

#ref a:active {

	text-decoration: none;

	color: #333;

}



#ref a:visited {

	text-decoration: none;

	color: #333;

}

 
 
 
 .attype {
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:12px;
	 padding:5px;
	 font-weight:bold;
	 color:#000;
	 line-height:15px;
	 border-top:1px solid #CCC;
	 background:#ccc;
 }
 
 
 
 
 .attitle {
	 font-family:Cambria;
	 font-size:16px;
	 font-weight:bold;	 
	 padding:5px;
	 padding-bottom:0px;	 
	 color:#333;
	 line-height:20px;
	 border-top:0px solid #CCC;

 }
  
  
 
 .authors {
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:13px;
	 font-weight:bold;
	 padding:5px;
	 padding-top:0px;
	 color:#333;
	 line-height:15px;
	 border-top:0px solid #CCC;

 }
   
  .atlbtn {
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:11px;
	 font-weight:bold;
	 padding:5px;
	 padding-top:0px;
	 color:#333;
	 line-height:15px;
	 border-top:0px solid #CCC;

 }
     
   
.articlebg
{
	background:#F9F9F9;
	border-bottom:1px solid #ccc;
	padding:10px;
}

  .atlbtn {
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:11px;
	 font-weight:bold;
	 padding:5px;
	 padding-top:0px;
	 color:#333;
	 line-height:15px;
	 border-top:0px solid #CCC;

 }
 
 	
.clickimage	
{
	cursor:crosshair;
	}
	
	
<!-- Fulltext -->	









/* SOCIAL ICONS - GENERAL */

.social { list-style:none; margin:0px; padding-right:150px; width:330px; }

.social li { display:inline; float:left; background-repeat:no-repeat; }

.social li a { display:block; width:28px; height:28px; padding-left:5px; position:relative; text-decoration:none; }

.social li a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999;

 text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7);

 -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

}



li.facebook { background-image:url(../images/social-networking-icon_0007_Layer-3.png); }

li.twitter { background-image:url(../images/social-networking-icon_0000_Layer-10.png); }

li.linkedin { background-image:url(../images/social-networking-icon_0005_Layer-5.png);}

li.YouTube { background-image:url(../images/social-networking-icon_0004_Layer-6.png);}

li.RSS { background-image:url(../images/social-networking-icon_0008_Layer-2.png);}

li.Google { background-image:url(../images/social-networking-icon_0002_Layer-8.png);}

li.Yelp { background-image:url(../images/Yelp.gif);}

/* SOCIAL ICONS - GENERAL */

.social { list-style:none; margin:0px; float:right; width:380px; }

.social li { display:inline; float:left; background-repeat:no-repeat; }

.social li a { display:block; width:28px; height:28px; padding-left:5px; position:relative; text-decoration:none; }

.social li a strong { font-weight:normal; position:absolute; left:20px; top:-1px; color:#fff; padding:3px; z-index:9999;

 text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7);

 -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

}



/* SOCIAL ICONS - CSS3 */

#css3:hover li { opacity:0.2; }



#css3 li { -webkit-transition-property: opacity; -webkit-transition-duration: 500ms;

 -moz-transition-property: opacity; -moz-transition-duration: 500ms; }

#css3 li a strong { opacity:0;

 -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms;

 -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; }



#css3 li:hover { opacity:1; }

#css3 li:hover a strong { opacity:1; top:-10px; }





.footer_links

{

padding-right:20px;

float:right;

float:80px;

margin-top:-20px;



}

	

		

		

	

	

	

	
	