/* basic screen definitions */

@media screen, handheld {

	html,body
	{
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	body {
		background-image: url(assets/silk_bg.jpg);
		background-repeat: repeat-y;
	}
	#bg
	{
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background-image: url(assets/silk.jpg);
		background-repeat: no-repeat;
		background-attachment: fixed;
	}
	#langselector
	{
		position: absolute;
		background-image: url(assets/langselector_bg.png);
		top: 79px;
		left: 773px;
		z-index: 2;
	}
	#logo
	{
		position: absolute;
		top: 16px;
		left: 127px;
		font-family: serif;
		color: #0167b4;
	}
	#sidebar
	{
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: 357px;
		z-index: 2;
	}
	#sidenav
	{
		position: absolute;
		left: 125px;
		top: 163px;
	}
	#mainbg
	{
		position: fixed;
		top: 132px;
		left: 356px;
		width: 590px;
		bottom: 16px;
		z-index: 2;
	}
	#mainbg_top
	{
		font-size: 4px;
		background-image: url(assets/contentbg_top.png);
		background-repeat: no-repeat;
	}
	#mainbg_middle
	{
		background-image: url(assets/contentbg_middle.png);
		background-repeat: repeat-y;
	}
	#mainbg_bottom
	{
		font-size: 4px;
		background-image: url(assets/contentbg_bottom.png);
		background-repeat: no-repeat;
	}
	#mainnav
	{
		position: fixed;
		top: 132px;
		left: 357px;
		height: 28px;
		width: 582px;
		z-index: 3;
		background-image: url(assets/mainnavbg.png);
		background-repeat: repeat-x;
	}
	#mainContainerPage
	{
		position: fixed;
		top: 160px;
		left: 357px;
		right: 0;
		bottom: 24px;
		overflow: auto;
		z-index: 3;
	}
	#mainContainerHome
	{
		position: fixed;
		top: 132px;
		left: 357px;
		right: 0;
		bottom: 24px;
		overflow: auto;
		z-index: 3;
	}
	#main
	{
		position: relative;
		width: 582px;
	}
	#content {
		margin-top: 20px;
		margin-left: 44px;
		margin-right: 44px;
		padding-bottom: 38px;
	}
	#mainbgtable
	{
		height: 100%;
	}
	table.flags
	{
		margin: 2px;
	}
	td.flag
	{
		padding-left: 2px;
		padding-right: 2px;
	}
	td.navitem,td.navitem_over,td.navitemspacer
	{
		height: 18px;
		vertical-align: middle;
		padding-left: 29px;
		padding-right: 5px;
		font-family: tahoma,verdana,sans-serif;
		font-size: 12px;
        /* color: #947031; */
	}
	td.navitem
	{
		background-image: url(assets/navitem.png);
		background-repeat: no-repeat;
	}
	td.navitem_over
	{
		background-image: url(assets/navitem_over.png);
		background-repeat: no-repeat;
	}
	a.navitem,a.navitem:link,a.navitem:visited,a.navitem:active
	{
		font-family: tahoma,verdana,sans-serif;
		font-size: 12px;
		color: #947031 !important;
		text-decoration: none !important;
	}
    a.navitem:hover
	{
		color: #000066;
	}
	
	td.navitem2,td.navitem2_over,td.navitem2spacer
	{
	    margin-left: 20px;
		height: 18px;
		vertical-align: middle;
		padding-left: 29px;
		padding-right: 5px;
		font-family: tahoma,verdana,sans-serif;
		font-size: 12px;
	}
	td.navitem2
	{
		background-image: url(assets/navitem.png);
		background-repeat: no-repeat;
	}
	td.navitem2_over
	{
		background-image: url(assets/navitem_over.png);
		background-repeat: no-repeat;
	}
	a.navitem2,a.navitem2:link,a.navitem2:visited,a.navitem2:active
	{
		font-family: tahoma,verdana,sans-serif;
		font-size: 12px;
		/* color: #947031 !important; */
		text-decoration: none !important;
	}
    a.navitem2:hover
	{
		color: #000066;
	}
	td.mainnav1,td.mainnav2,td.mainnav3,td.mainnav4,td.mainnav5
	{
		font-family: arial,helvetica,sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #fff;
		text-align: center;
		vertical-align: center;
		background-repeat: no-repeat;
	}
	td.mainnav1
	{
		background-image: url(assets/nav_bg1.gif);
	}
	td.mainnav2
	{
		background-image: url(assets/nav_bg2.gif);
	}
	td.mainnav3
	{
		background-image: url(assets/nav_bg3.gif);
	}
	td.mainnav4
	{
		background-image: url(assets/nav_bg4.gif);
	}
	td.mainnav5
	{
		background-image: url(assets/nav_bg5.gif);
	}
	a.mainnav,a.mainnav:link,a.mainnav.visited,a.mainnav:hover,a.mainnav:active
	{
		color: #fff !important;
		text-decoration: none !important;
	}
	
	.accessibility { display: none !important }

}


/* basic print definitions */

@media print, embossed {
	body
	{
		margin: 20px 20px 30px 20px;
	}

	#bg,#langselector,#sidenav,#mainbg,#mainbg_top,#mainbg_middle,#mainbg_bottom,#mainnav,#mainbgtable,#mainnavtable
	{
		display: none !important;
	}
	
	#sidebar {
		position: relative;
	}

	#logo
	{
		position: relative;
		margin-bottom: 2em;
	}
	
	#logo img
	{
		width: 90px !important;
		height: 40px !important;
	}

	#mainContainerPage,#mainContainerHome,#main,#content
	{
		position: relative;
	}
	
	.accessibility { display: none !important }

}


/* braille (accessibility) definitions */

@media braille {

	#bg,#mainbg,#mainbg_top,#mainbg_middle,#mainbg_bottom,#mainbgtable,#logo
	{
		display: none !important;
	}

	#langselector,#sidenav,#mainnav,#mainbgtable,#mainContainerPage,#mainContainerHome,#main,#content
	{
		position: relative;
	}

}