body
{
	background: #969696 url(../images/background.jpg) top center repeat-y;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	/*text-align: center;*/
	/*overflow: hidden;*/
}
div, ul
{
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 9px;
	color: #636363;
}
#top
{
	position: relative;
	padding: 0px;
	margin: 0px;
	margin-left: auto;
    margin-right: auto;
	/*width: 95%;
	max-*/width: 900px;
	text-align: left;
}
#top .lang
{
	padding: 0px 10px 10px 0px;
	text-align: right;
	vertical-align: bottom;
}
#top #gammaraphologo
{
	 position: absolute; 
	 top: 5px; 
	 right: 0px;
}
#main
{
	padding: 0px;
	margin: 0px;
	margin-left: auto;
    margin-right: auto;
	position: relative;
	/*width: 95%;
	max-*/width: 960px;
	/*height: 85%;
	max-*/height: 640px;
	text-align: left;
	background: #FFF;
}
#main #topleft
{
	position: absolute;
	top: 0px; left: 0px;
	width: 16px; height: 16px;
	background: transparent url(../images/corner_topleft.gif) no-repeat;
}
#main #topright
{
	position: absolute;
	top: 0px; right: 0px;
	width: 16px; height: 16px;
	background: transparent url(../images/corner_topright.gif) no-repeat;
}
#main #botleft
{
	position: absolute;
	bottom: 0px; left: 0px;
	width: 16px; height: 16px;
	background: transparent url(../images/corner_botleft.gif) no-repeat;
}
#main #botright
{
	position: absolute;
	bottom: 0px; right: 0px;
	width: 16px; height: 16px;
	background: transparent url(../images/corner_botright.gif) no-repeat;
}

#main #col
{
	position: absolute;
	top: 10px;/*10%;*/ right: 10px;
	width: 220px;/*18%;*/
	text-align: left;
	background: #FFF;
}
#main #col #login
{
	width:100%;
	padding:5px 0;
	background:url('../images/bg-login.gif') top right no-repeat;
}
#main #col #login strong
{
	font-size:12px;
}
#main #col li
{
	padding: 0px 0px 12px 0px;
	float: left;
	list-style: none;
	text-align: left;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 10px;
	color: #636363;
}
#main #col li a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	color: #0066CC;
	text-decoration: underline;
}
#main #col li a:hover
{
	color: #0066CC;
	text-decoration: none;
}
#main #col .link
{
	padding: 0px 0px 12px 16px;
	background: url(../images/arrow.gif) no-repeat;
}
#main #col .link a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 10px;
	color: #636363;
	text-decoration: none;
}
#main #col .link a:hover
{
	color: #000;
	text-decoration: none;
}
#main #col .linkoption
{
	padding: 0px 0px 6px 16px;
	width: 184px;
	font-weight: normal;
}
#main #col .favorite
{
	padding: 2px 0px 12px 22px;
	background: url(../images/star.gif) no-repeat;
}
#main #col .intro
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	color: #636363;
	text-decoration: none;
}

#main #imagecorner
{
	position: absolute;
	top: 10px; left: 10px;
	width: 16px;
	height: 16px;
	background: url('../images/image_corner.png') no-repeat;
}
#main #image
{
	position: absolute;
	top: 10px; left: 10px;
	/*width: 78%;
	max-*/width: 700px;
	/*height: 68%;
	max-*/height: 480px;
	text-align: left;
	background: #FFF;
	overflow: hidden;
}
#main #image #icopyright
{
	position: absolute;
	padding: 2px;
	bottom: 0px; right: 0px;
	text-align: right;
	background: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 10px;
	color: #969696;
	background: #FFF;
	width: 700px;/*100%;*/
}
#main #title
{
	position: absolute;
	top: 475px;/*70%;*/ left: 10px;
	width: 350px;/*78%;*/
	height: 22px;/*5%;*/
	line-height: 22px;
	text-align: left;
	background: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	color: #636363;
}
#main #tabs
{
	position: absolute;
	top: 500px;/*74%;*/ left: 10px;
	bottom: 2px;
	width: 700px;/*78%;*/
	text-align: left;
	background: #FFF;
	/*overflow: hidden;*/
}
#main #tabs li
{
	padding: 0px;
	float: left;
	list-style: none;
	text-align: left;
	width: 25%;
}
#main #tabs li .next
{
	padding: 2px 4px 0px 0px;
	text-align: right;
}
#main #tabs li .tabtitle
{
	padding: 4px 4px 0px 4px;
	height: 42px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 10px;
	color: #000;
}
#main #tabs li .tabtitle a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 10px;
	color: #636363;
	text-decoration: none;
}
#main #tabs li .tabtitle a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 10px;
	color: #000;
}

#main #tabs .news {background: transparent url(../images/tab_news_bg.gif) repeat-x;}
#main #tabs .news .tabtitle {background: transparent url(../images/tab_news_corner.gif) top right no-repeat;}
#main #tabs .newsroll {background: transparent url(../images/tab_news_bg_roll.gif) repeat-x;}
#main #tabs .newsroll .tabtitle {background: transparent url(../images/tab_news_corner_roll.gif) top right no-repeat;}

#main #tabs .people {background: transparent url(../images/tab_people_bg.gif) repeat-x;}
#main #tabs .people .tabtitle {background: transparent url(../images/tab_people_corner.gif) top right no-repeat;}
#main #tabs .peopleroll {background: transparent url(../images/tab_people_bg_roll.gif) repeat-x;}
#main #tabs .peopleroll .tabtitle {background: transparent url(../images/tab_people_corner_roll.gif) top right no-repeat;}

#main #tabs .archives {background: transparent url(../images/tab_archives_bg.gif) repeat-x;}
#main #tabs .archives .tabtitle {background: transparent url(../images/tab_archives_corner.gif) top right no-repeat;}
#main #tabs .archivesroll {background: transparent url(../images/tab_archives_bg_roll.gif) repeat-x;}
#main #tabs .archivesroll .tabtitle {background: transparent url(../images/tab_archives_corner_roll.gif) top right no-repeat;}

#main #tabs .illustration {background: transparent url(../images/tab_illustration_bg.gif) repeat-x;}
#main #tabs .illustration .tabtitle {background: transparent url(../images/tab_illustration_corner.gif) top right no-repeat;}
#main #tabs .illustrationroll {background: transparent url(../images/tab_illustration_bg_roll.gif) repeat-x;}
#main #tabs .illustrationroll .tabtitle {background: transparent url(../images/tab_illustration_corner_roll.gif) top right no-repeat;}

#main #tabs li .text
{
	padding: 0px 10px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 9px;
	color: #636363;
	background: #FFF;
}

#main #tabsinfo
{
	position: absolute;
	top: 495px; left: 10px;
	width: 700px;
	text-align: left;
	background: #FFF;
}
#main #tabsinfo div
{
	position: absolute;
	width: 160px;
	padding: 10px 4px 10px 4px;
	background: #FFF;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 9px;
	color: #636363;
}
#main #tabsinfo #textnews
{
	bottom: 0px; left: 0px;
	border-top: 1px solid #C2CCFC;
	border-left: 1px solid #C2CCFC;
	border-right: 1px solid #C2CCFC;
}
#main #tabsinfo #textceleb
{
	bottom: 0px; left: 175px;
	border-top: 1px solid #FFE1FF;
	border-left: 1px solid #FFE1FF;
	border-right: 1px solid #FFE1FF;
}
#main #tabsinfo #textarchives
{
	bottom: 0px; left: 350px;
	border-top: 1px solid #FFEC9F;
	border-left: 1px solid #FFEC9F;
	border-right: 1px solid #FFEC9F;
}
#main #tabsinfo #textillus
{
	bottom: 0px; left: 525px;
	border-top: 1px solid #DFFF9D;
	border-left: 1px solid #DFFF9D;
	border-right: 1px solid #DFFF9D;
}

#copyright
{
	padding: 10px 0px 0px 0px;
	background: transparent;
}
#copyright td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 9px;
	color: #FFF;
}
#copyright td a
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 9px;
	color: #FFF;
	text-decoration: underline;
}
#copyright td a:hover
{
	color: #FFF;
	text-decoration: none;
}
#flashinfocontainer {
	position:absolute;
	top:550px; left:0;
	width:960px;
	text-align:center;
}
#flashinfo {
	margin:0 auto;
	width:600px;
	height:80px;
	background:url(../images/bg-flashinfo.gif);
}
#flashinfo div {
	font-weight:bold;
	color:#636363;
	font-family:Verdana;
	font-size:13px;
}
#flashinfo #flash1 {
	padding:10px 10px 0 60px;
	text-align:center;
}
#flashinfo #flash2 {
	
	text-align:center;
	padding: 10px 10px 0 60px;
	
}
#flashinfo #flash3 {
	text-align:center;
	padding: 2px 10px 0 60px;
}
#flashinfo a {
	color:#636363;
	text-decoration:underline;
}
#flashinfo a:hover {
	color:#999;
	text-decoration:underline;
}

