/*-----------------------------------------------------
   BASIC
------------------------------------------------------ */
*                                                      { margin: 0; padding: 0; list-style: none; }
body                                                   {
	font: normal 12px/1em Verdana, Arial, Helvetica, sans-serif;
	color: #531f7f;
	background: #531f7f url(../images/layout/body-bg.gif) no-repeat center bottom;
	text-align: center;
	padding: 0 0 105px 1px;
}
a img                                                  { border: none; }
a, a img, a:link, a:visited, a:hover, a:active         { outline: none; }
input:focus, textarea:focus, select:focus              { outline: none; } /* Safari Fix. */
#printLogo                                             { display: none; }
/*-----------------------------------------------------
   LAYOUT
------------------------------------------------------ */
#headerWrapper                                         {
	width: 100%;
	height: 214px;
	background: transparent url(../images/layout/header-bg-left.gif) no-repeat center bottom;
}

#header,
#wrapper                                               { width: 960px; margin: 0 auto; text-align: left; }

#wrapper                                               { margin-top: -22px; background: #fff url(../images/layout/container-left-bg.gif) repeat-y 0 0; }
	
#containerWrapper                                      {
	background: transparent url(../images/layout/container-bg.gif) no-repeat left bottom;
	min-height: 715px;
	height: 100% !important;
	height: 630px;
	position: relative;
}
#container                                             {
	width: 960px;
	height: 100%;
	overflow: hidden;
	padding: 0 0 50px 0;
}
#mainMenu                                              {
	display: inline;
	float: left;
	width: 151px;
	padding: 0 27px 0 13px;
	margin-right: 46px;
	margin-bottom: 175px;
}
#mainContent                                           {
	display: inline;
	float: left;
	width: 502px;
	margin-right: 68px;
}
#secContent                                            { display: inline; float: left; width: 140px; }

#development                                           { padding: 20px 0 0 0; font-size: 11px; }
#development a                                         { color: #716080; text-decoration: underline; }
#development a:hover                                   { color: #7a648d; text-decoration: none; }

#topLink                                               { text-align: right; padding: 5px 15px 7px 15px; font-size: 11px; }
#topLink a                                             { color: #fff; text-decoration: underline; }
#topLink a:hover                                       { color: #fff; text-decoration: none; }

#dancingElephant                                       { width: 183px; height: 175px; position: absolute; left: 0; bottom: 10px; }
#zirafa                                                { width: 138px; height: 247px; position: absolute; left: 20px; bottom: 10px; }
#zebrica                                               { width: 179px; height: 194px; position: absolute; left: 0; bottom: 10px; }
#tigric                                                { width: 139px; height: 136px; position: absolute; left: 25px; bottom: 10px; }

/*-----------------------------------------------------
   Path
------------------------------------------------------ */
#path                                                  {
	height: 22px;
	background: #e8161a;
	overflow: hidden;
	font-size: 11px;
	margin-bottom: 15px;
	padding: 0 10px;
}

#path li                                               { float: left; margin: 4px 5px 0 5px; }

#path a                                                {
	color: #fff;
	text-decoration: underline;
	background: transparent url(../images/layout/path-arrow.gif) no-repeat right 4px;
	padding: 0 10px 0 0;
}
#path a.on                                             { background: none; padding: 0; text-decoration: none; }

/*-----------------------------------------------------
   Options
------------------------------------------------------ */
#mainContent #options                                  { margin: 0; padding: 0; float: right; }
#mainContent #options li                               { float: left; margin: 0 0 0 8px; padding: 0 0 2px 0; background: none; line-height: 100%; }

#mainContent #options a                                { text-decoration: none; }
#mainContent #options a:hover                          { text-decoration: underline; }

#print a                                               {
	display: block;
	width: 11px;
	height: 9px;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent url(../images/layout/print.gif) no-repeat 0 0;
	margin: 5px 10px 0 0;
	}

#mainContent #options #small                           { font-size: 10px; padding-top: 5px; }
#mainContent #options #normal                          { font-size: 12px; padding-top: 3px; }
#mainContent #options #large                           { font-size: 15px; }

/*-----------------------------------------------------
   secContent Typ. & banners
------------------------------------------------------ */
#secContent                                            { line-height: 1.4em; text-align: center; }

#secContent h2, #secContent h3,
#secContent h4, #secContent h5, #secContent h6         {
	font-size: 14px;
	font-weight: bold;
	color: #531f7f;
	margin: 10px 0;
}

#secContent a                                          { color: #531f7f; text-decoration: underline; }
#secContent a:hover                                    { color: #e8161a; text-decoration: none; }

#sponsors                                              { margin-top: 20px; }
#sponsors img                                          { margin: 0 0 5px 0; }