/*
	THE INTERNATIONAL COMPUTER MUSIC ASSOCIATION 
	base.css: Stylesheet for main layout
	Toine Heuvelmans, May 2007
*/

html {
	height: 100%;
	padding-bottom: 1px;
}

body {
	background: #5C6066 url(img/body_bg.gif) repeat-x bottom fixed;
	color: #FFF;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 20px 0 20px 0;
}

/*==========================================*/
/* = = = = = = = SITE SERVICE = = = = = = = */

#service {
	background: #404040 url(img/service_bg.jpg) repeat-x;
	position: relative;
	height: 35px;
	width: 959px;
	margin: 0 auto;
	border-bottom: 1px solid #333;
	border-top: 1px solid #282828;
	border-left: 1px solid #282828;
	border-right: 1px solid #282828;
}

#service #left, #service #right {
	color: #777;
	margin: 9px 20px 0 20px;
	width: 400px;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}

#service #left {
	float: left;
	text-align: left;
}

#service #right {
	float: right;
	text-align: right;
}

#service a, #footer a {
	color: #999;
	text-decoration: none;
}

#service a:hover, #footer a:hover {
	color: #FFF;
}

/*===============================================*/
/* = = = = = = = ICMA HEADER IMAGE = = = = = = = */

#header {
	background: #222D59 url(img/header_bg.jpg) no-repeat 0 0;
	position: relative;
	height: 90px;
	width: 959px;
	margin: 0 auto;
	border: 1px solid #282828;
	border-width: 0px 1px 0px 1px;
}

/*=========================================================*/
/* = = = = = = = NAVIGATION BAR (HORIZONTAL) = = = = = = = */

#nav_main {
	background: #FFF url(img/nav_main_bg.jpg) repeat-x 0 0;
	color: #333;
	position: relative;
	height: 29px;
	width: 959px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	border: 1px solid #282828;
	border-width: 0px 1px 0px 1px;
	font: 13px Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	letter-spacing: 1px;
}

#nav_main table td {
	height: 29px;
	padding: 0px 7px 0 7px;
}

#nav_main td a {
	color: #555;
	font-weight: normal;
	text-decoration: none;
    outline: none;
}

#nav_main td a:hover {
	color: #000;
    outline: none;
}

#nav_main .nav_main_active {
	background: #3F5395 url(img/nav_main_bg_over.jpg) repeat-x 0 0;
}

#nav_main .nav_main_active a {
	color: #FFF;
}

/*============================================*/
/* = = = = = = = MAIN PAGE BODY = = = = = = = */

#main {
	background: #FFF url(img/main_bg_faux.jpg) repeat-y;
	color: #333;
	width: 959px;
	min-height: 500px;
	margin: 0 auto;
	overflow: auto;
	border: 1px solid #282828;
	border-width: 0px 1px 0px 1px;
}

#content {
	margin: 5px 0 0 20px;
	width: 590px;
	padding: 0 20px 20px 0;
}

/*==========================================*/
/* = = = = = = = PAGE SERVICE = = = = = = = */

#content_service {
	float: left;
	width: 60px;
	margin-top: 1em;
}

#content_service a, #content_service img {
	border: 0px;
	outline: none;
}

#content_service div {
	padding-left: 1em;
	height: 20px;
	border: 0px;
}

/*===========================================*/
/* = = = = = = = SUBNAVIGATION = = = = = = = */

#nav_sub {
	float: right;
	width: 259px;
	margin-top: 0px;
	line-height: 1.8em;
}

#nav_sub dl {
	margin-top: 0px;
}

#nav_sub dl.notfirst {
	margin-top: 1.8em !important;
	border-top: 1px solid #333;
}

#nav_sub dt {
	background: #404040	url(img/nav_sub_bg.jpg) repeat-x;
	color: #EEE;
	height: 19px;
	padding-top: 3px;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	letter-spacing: 0.1em;
	text-align: center;
	display: block;
}

#nav_sub dd {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0px;
}

#nav_sub dd img {
	vertical-align: text-bottom;
	border: 0;
}

#nav_sub dd span {
	padding-left: 15px;
	color: #222;
	margin: 0px;
}

#nav_sub dd a {
	padding-left: 15px;
	color: #222;
	margin: 0px;
	text-decoration: none;
	display: block;
    outline: none;
}

#nav_sub dd.nav_sub_active a {
	background-color: #3F5395;
	color: #FFF;
    outline: none;
}

#nav_sub dd a:hover {
	background-color: #25315D;
	color: #FFF;
    outline: none;
}

/*====================================*/
/* = = = = = = = FOOTER = = = = = = = */

#footer {
	background: #404040 url(img/service_bg.jpg) repeat-x;
	color: #777;
	position: relative;
	height: 27px;
	width: 959px;
	margin: 0 auto;
	padding-top: 8px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #282828;
	border-left: 1px solid #282828;
	border-right: 1px solid #282828;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-align: center;
}

#beta {
	position: fixed;
	float: right;
	top: 0px;
	right: 0px;
}