@charset "utf-8"; /*—~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  C A S C A D I N G – S T Y L E – S H E E T.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ R A W   T A G S.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html {
	direction        : ltr;
	width            : 100%;
	height           : 100%;
	background-color : #aeaeae;	
}
body, div, table, p, form, label, input, textarea, select, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, acronym, abbr, blockquote, cite {
	margin           : 0px;
	padding          : 0px;
	color            : #ffffff;
	font             : normal normal 11px "Lucida Grande", "Trebuchet MS", Verdana, Lucida, Arial, Helvetica, sans-serif;
	list-style       : none;
}
body {
	position         : absolute;
	top              : 0px;
	left             : 50%;
	width            : 892px;/* width: 994=16+962+16; 962=35+892+35 */ /* height: 719=16+687+16; 687=22+643+22*/
	margin           : 0px 0px 0px -497px;
	padding          : 30px 51px 0px 51px;
	overflow         : auto;
	background       : #aeaeae url(/images/mainFrame-background.png) no-repeat center top;	
}
a {
	color            : #ffffff;
	text-decoration  : underline;	
}
a:hover {
	color            : #393939;
	text-decoration  : none;
}
a img, img, map {
	border           : none;
}
h1 {
	font-size        : 22px;
}
h2 {
	font-size        : 18px;
}
h3 {
	font-size        : 16px;
}	
h4 {
	font-size        : 12px;
}
h1 a, h2 a, h3 a, h4 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	color            : inherit;
	text-decoration  : none;
}
hr {
	display          : none;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ M E N U S.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER */
ul#menuFooterFrame {
	clear            : both;
	text-align       : center;
}
ul#menuFooterFrame li {
	display          : inline;
}
ul#menuFooterFrame a {
	color            : #393939;
	font-size        : 10px;
	font-weight      : bold;
	text-decoration  : none;
}
ul#menuFooterFrame a:hover {
	text-decoration  : underline overline;
}
ul#menuFooterFrame h5 {
	display          : inline;
}
ul#menuFooterFrame img {
	margin           : 0px 8px 0px 10px;
	vertical-align   : middle;
}

/*~~~~~~~~~~~~~~~~~~~ CATEGORIES / PAGES */
ul#menuCategoriesFrame {
	float            : left;
	margin           : 6px 0px 6px 2px;
}
ul#menuPagesFrame {
	float            : right;
	margin           : 6px 2px 6px 0px;
}
ul#menuCategoriesFrame li, ul#menuPagesFrame li {
	float            : left;
}
ul#menuCategoriesFrame li h4, ul#menuCategoriesFrame li img, ul#menuPagesFrame li h4, ul#menuPagesFrame li img {
	float            : left;
}
ul#menuCategoriesFrame li h4, ul#menuPagesFrame li h4 {
	margin-top       : 8px;
}
ul#menuCategoriesFrame li img, ul#menuPagesFrame li img {
	margin           : 0px 15px;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ C O N T E N T.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div#homeFrame {
	width            : 502px;
	height           : 574px;
	margin-left      : 195px;
	margin-bottom    : 40px;
	padding-top      : 73px;
	text-align       : center;
}
div#contentFrame {
	position         : relative;
	width            : 850px;
	height           : 605px;
	margin-bottom    : 40px;
	padding          : 0px 20px;
	background-color : #787878;
	border           : 1px solid #ffffff;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ C O P Y R I G H T S.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
cite#copyrightsHomeFrame, cite#copyrightsFrame {
	display          : block;
	clear            : both;
	padding-top      : 4px;
	font-size        : 10px;
	text-align       : center;
}
cite#copyrightsFrame {
	text-align       : right;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ H O M E.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h2#homeTitle {
	text-align       : left;	
}
ul#homeActivitiesList {
	float            : right;
	clear            : left;
}
ul#homeActivitiesList li {
	float            : left;
	display          : inline;
	margin-left      : 5px;
}
div#homeEnterFrame {
	clear            : both;
	height           : 165px;
	overflow         : auto;
}
a#homeEnter {
	position         : relative;
	float            : left;
	clear            : both;
	left             : 50%;
	margin           : 20px 0px 0px -60px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ C O N T E N T.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~ ACTIVITIES */
div#activitiesFrame {
	height           : 40px;
}
h2#activitiesTitle {
	float            : left;
}
ul#activitiesList {
	float            : right;
	display          : inline;
	margin           : 2px 0px 0px 3px;
}
ul#activitiesList li {
	float            : left;
	display          : inline;
	margin-left      : 5px;
}
ul#activitiesList li h3 dfn {
	display          : inline;
	color            : #b3b3b3;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ALBUM */
div#menuAlbumFrame {
	position         : relative;
	float            : left;
	clear            : left;
	overflow         : hidden;
	width            : 287px;
	height           : 500px;
	margin           : 8px 0px 0px 3px;
	text-align       : left;
}
h1#menuAlbumTitle {
	clear            : left;
}
ul#menuAlbumTree {
	position         : relative;
	display          : block;
	overflow         : hidden;
	width            : 287px;
}
ul#menuAlbumTree li {
	clear            : both;
	margin-left      : 14px;
	list-style       : outside square;
}
ul#menuAlbumTree ul li {
	margin-left      : 17px;
	list-style       : outside disc;
}
ul#menuAlbumTree h5, ul#menuAlbumTree h6 {
	font-size        : 11px;
	font-weight      : bold;
	background-color : transparent;
}
ul#menuAlbumTree h6 {
	font-size        : 10px;
	color            : #dadada;
}
ul#menuAlbumTree a {
	display          : block;
	padding          : 5px 0px 5px 3px;
	font-size        : inherit;
	color            : inherit;
	background-color : #787878;
	text-decoration  : none;
}
ul#menuAlbumTree img {
	display          : block;
}
ul#menuAlbumTree li p {
	padding-left     : 15px;
	color            : #b3b3b3;
	font-size        : 10px;
	text-align       : justify;
}
ul#menuAlbumTree p a {
	padding          : 5px 0px 5px 0px;
	color            : #ffffff;
	font-weight      : bold;
}
ul#menuAlbumTree p a:hover {
	color            : #393939;
	text-decoration  : underline;
}

/*~~~~~~~~~~~~~~~~~~ BIOGRAPHY / CONTACT */
div#biographyFrame {
	float            : left;
	width            : 575px;
	height           : 534px;
	overflow         : hidden;
	margin-top       : 46px;
	text-align       : left;
}
div#biographyFrame p {
	margin           : 10px 0px 25px 0px;
	font-size        : 11px;
	text-align       : justify;
}
ul#publicationsList, ul#publicationsList ul {
	margin-left      : 17px;
}
ul#publicationsList li {
	padding          : 2px 0px;
	list-style-type  : square;
}
ul#publicationsList ul li {
	list-style-type  : disc;
}
ul#publicationsList li a {
	text-decoration  : none;
}
ul#mediasList {
	overflow         : auto;
	margin-top       : 34px;
}
ul#mediasList li {
	float            : left;
	padding-left     : 13px;
}
ul#mediasList li img {
	float            : left;
	border           : 1px solid #545454;
}
div#contactFrame {
	float            : right;
	width            : 240px;
	height           : 403px;
	padding-top      : 120px;
	background-color : #545454;
	border           : 1px solid #ffffff;
	text-align       : center;
}
div#contactFrame img {
	border           : 1px solid #ffffff;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ LINKS */
h1#linksTitle {
	margin           : 46px 0px 10px 0px;
}
ul#linksList {
	height           : 498px;
}
ul#linksList li {
	margin-left      : 15px;
	padding          : 6px 0px;
	list-style-type  : square;
}


/*—~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/