/*-- reset css --*/

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;
}

ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

/*-- end eric meyer reset css --*/

/* -- general styles for page --*/


#slide_holder {
margin: 20px auto 0 auto;
}

 pre {font-family: 'Courier New'; font-size: 11px; line-height: 12px; text-align: left; width: 510px; overflow-x: scroll; overflow-y: hidden; border: 1px solid #d7d7d7; color: #ccc; background-color: #fff; margin: 30px 0 0 0;}
 h1 {
	color: #D6D6D6;
	font-size: 30px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 5px;
	padding-bottom: 0;
}
 
 .sub {
 color: #fff;
 font-weight: bold;
 padding-bottom: 10px;
 margin-bottom: 30px;
 border-bottom: 1px solid #E2E2E2;
 }
 
.example_head {
 color: #fff;
 font-weight: bold;
 padding-top: 10px;
 margin-top: 30px;
 border-top: 1px solid #E2E2E2;
 }

body {
  font-family: Verdana, Sans-Serif;
  font-size: 13px;
  line-height: 15px;
  background-image:url("/new_index/bg2.jpg");
  background-attachment:fixed; background-repeat:no-repeat;
  background-color:white;
  background-position:left;
  padding: 30px 320px 10px 30px;
  margin:0;    
}

/*-- end general styles for page --*/

input, textarea { font-family: Arial; font-size: 125%; padding: 7px; }
label { display: block; } 
input {padding: 2px 7px 2px 7px; font-size: 90%;}
.infiniteCarousel {
  width: 650px;
  position: relative;
}

.infiniteCarousel .wrapper {
  width: 560px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 10em;
  margin: 0 40px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
  border: 5px solid #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 85px;
  width: 120px;
}

.infiniteCarousel ul li a img {
  display:block;

}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(/new_index/images/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 30px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}

.other_photo  {
	width: 100%;
	text-align: center;
	font-weight: normal;
	padding-top: 120px;
}

.other_photo a {
	color: Gray;
	font-size: 15px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.sites {
text-align:center;
padding: 10px;
}
/* Easy Slider */

	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:250px;
		height:250px;
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}					

/* // Easy Slider */
#s_img {
float:left;
margin: 5px;
}
.s_table {
	color: #353535;
	font-size: 13px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.s_table td {
padding:5px;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	z-index: 1000;
}

.TB_overlayMacFFBGHack {background: url(/new_index/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	z-index: 1000;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	z-index: 1000;
	 }

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
	z-index: 1000;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
z-index: 1000;
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
	z-index: 1000;
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
/*menu*/
#men
	{
	color: #D6D6D6;
	font-size: 25px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin:0;
	padding:0;
	text-align:center;
	}

#men ul
	{
	margin:0;
    list-style:none;
	}

#men li
	{
	display:inline;
	list-style:none;
	margin:0;
	padding:3px;
}
ul#media  {
    width:150px;
}
#footer
	{
	clear:both;
	padding:8px;
	margin:0;
	font:70% Verdana, Arial, sans-serif;
	color:#888888;
	text-align:right;
	}

/* Effects only the one's listed below */
td, font, p {
	border:0px;
    vertical-align: top;
	}

td {    text-align: justify;}

/* This will change the link attributes */
A:link,A:visited {color:#FF7700;  text-decoration: none; }
A:hover {color:#00B3FF;  text-decoration: none; }


/* This will change how words look that are given the b/strong command */
strong, b{
        font-family: Tahoma, Verdana, Sans-Serif;
	color:#000000
        }

/* This will change the subject's attributes */
table td.caption {
        font-family: Georgia, Verdana, Sans-Serif;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        color: #484848;
	background-color:white;
	}

/* This will change the main entry attributes */
.entrybox {
  font-family: Verdana, Sans-Serif;
  font-size: 13px;
  font-weight: none;
  text-align: justify;
  line-height: 15px;
  color: #333333;
}
/* This will change the most recent attributes */
table table table td.meta {
  font-family: Verdana, Sans-Serif;
  font-size: 10px;
  font-weight: normal;
  color: #222222;
  background-color:transparent;
}

/* This will change the journal name, etc: However, it's hidden */
#title a:link, #title A:visited,#title, h1 {
  text-transform:uppercase;
  color: #898989;
  font-size: 20px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-weight: normal;
}
#title,.index{
  background-color: white;
  width: 90%;
  padding: 5px;
  margin-bottom: 10px;
  text-align: left;
}
#subtitle{
  width: 400px;
  padding: 5px;
  margin-bottom: 10px;
  position: relative;
  color: #C8C8C8;
  font-size: 16px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
}
.s_list li{
list-style: disc;
color: #fff;
font-size: 14px;
}
.potw{
  position: absolute;
  width:95%;
  top: 0;
  text-align: right;
}

.error		{ padding:24px 8px 24px 8px; margin:0; color:#FF6633; font-weight:bold; font-size:100%; text-align:center; }

.block		{ padding:5px; margin-bottom:12px;	border:1px solid #EFEFEF; background-color: #F8F8F8; }

/* This will change the DAY in the date */
.day{
        font-family: Tahoma, Verdana, Sans-Serif;
        color: #565C68;
        font-size: 11px;
        text-align: right;
        line-height: 10px;
}

/* This will change the rest of the date */
.date{
        font-family: Tahoma, Verdana, Sans-Serif;
        color: #565C68;
        font-size: 9px;
        text-align: right;
        line-height: 10px;
}

/* This will change the comment attributes */
.comments {
        font-family: Tahoma, Verdana, Sans-Serif;
        font-size: 11px;
        text-transform:lowercase;
        font-weight: bold;
        color: #222222;
        background-color:transparent;
        height: 5px;
        text-align: right;
}
.centerall 	{ text-align:center; }
img			{ border-width:0; }
.colleft	{ float:left; margin:0px 4px 0px 4px; padding: 5px;}
.colright	{ float:right; margin:0px 4px 0px 4px; padding: 5px; }

blockquote { display:block; padding:20px; border-left:3px solid #999; background-color:#F9F9F9; }
blockquote hr { height:0px; margin:5px 0; border:none; border-bottom:1px inset #999;}
hr {border:none; border-bottom:1px inset #999;}
.rand_text { text-align: justify; padding-left: 10px; color:#757575;}
#user
	{
	margin:0 0 15px 0;
	padding:3px;
	color:#888888;
	text-align:right;
	font-size:95%;
	}

#user ul
	{
	padding:2px;
	margin:0;
    list-style:none;
	}

#user li
	{
	display:inline;
	list-style:none;
	margin:0;
	padding:3px;
}
img { max-width:710px; max-height:600px; }
#main {padding-left:20px}
table.cells 	{ width:99%; margin:0; padding:0; border:4px solid #FFFFFF; }
table.cells td	{ padding:2px; background-color:#F7F7Fd; margin:0; }