/* CSS Document */


/*---------------------------------------------------------
Copyright ©2006 Dutch Advertising vof, All rights reserved.
-----------------------------------------------------------
project: AEGEE Europe Yearproject "Take Control"
webmaster: Tim Franssen
design: Dutch Advertising vof, Amersfoort, Netherlands
design banner: Bartek

COPYRIGHT
The content of this document is the property of
Dutch Advertising vof, Amersfoort, Netherlands and is
protected by copyright laws.
Any reproduction, modification, distribution, transmission,
republication, display, or performance of the content of
this document is strictly prohibited without written
permission in duplicate from Dutch Advertising. 
*--------------------------------------------------------*/


/*---------------------------------------------------------
*	Index												  *
-----------------------------------------------------------

	A. 900px frame and some basic settings
		- 900px frame in center of screen
		- Background image
		- Borders
	B. Three column layout (position of panes)
		- Left pane (for menu)
		- Center pane (for main content)
		- Right pane (for calendar, sponsors and links)
	C. Left pane content:
		- Take Control logo
		- Main menu and sub menu
	D. Right pane content
		- Calendar of events
		- Sponsors
		- Links
	E. Main content
	-> E.1 Ticker
	-> E.2 Main text
	F. Header and footer

*--------------------------------------------------------*/


/*---------------------------------------------------------
*	A. 900px frame and some basic settings				  *
*--------------------------------------------------------*/
body {
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center; /* IE hack 1/2 */
	font-family: Arial, Helvetica, sans-serif;
	background: url(background.gif) top repeat-x;
}

#container {
	width: 900px;
	margin: 0px auto;
	text-align: left; /* IE hack 2/2 */
	background-color: #FFFFFF;
	border-left: #d7e600 1px solid;
	border-right: #d7e600 1px solid;
	color: #000000;
}
/*-------------------------------------------------------*/


/*---------------------------------------------------------
*	B. Three column layout								  *
*--------------------------------------------------------*/
#rightpane {
	position: relative;
	float: right;
	width: 180px;
}

#leftpane {
	position: relative;
	float: left;
	width: 220px;
}

#centerpane {
	float: left;
	width: 455px;
	padding: 0px 35px 0px 10px;
}

#middle {
	margin-top: 30px;
}
/*-------------------------------------------------------*/


/*---------------------------------------------------------
*	C. Left pane content								  *
*--------------------------------------------------------*/

/* ALL */
#projects ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#projects {
	margin: 20px 25px 0 35px;
}

#logo {
	background: url(logo_takecontrol.jpg) no-repeat;
	width: 210px;
	height: 58px;
	margin-left: 10px;
}

/* Main Menu */
#projects li ul {
	margin: 10px 0 0 0;
}

#projects li {
	margin: 0 0 10px 0;
}

#projects li li {
	margin: 0;
}

#projects li a {
	display: block;
	width: 150px;
	padding: 5px 0px 5px 0px;
	border-left: 5px solid #9ea901;
	border-right: 5px solid #ccdb02;
	background-color: #b6c301;
	text-align: center;
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 2px;
	color: #000000;
}

#projects li a:link {
	color: #003366;
	background-color: #b6c301;
}

#projects li a:visited {
	color: #003366;
	background-color: #b6c301;
}

#projects li a:hover {
	background-color: #d7e600;
	color: #003366;
	border-right: 5px solid #e6f600;
	border-left: 5px solid #bfcc00;
}

#projects li a:active {
	background-color: #d7e600;
	color: #003366;
	border-right: 5px solid #e6f600;
	border-left: 5px solid #bfcc00;
}

/* Submenu */
#projects li li a {
	display: block;
	width: 160px;
	background-color: #FFFFFF;
	font-size: 11px;
	letter-spacing: 0px;
	padding: 5px 0 5px 0;
	margin: 0px;
	border: 0px;
}

#projects li li a:link {
	background-color: #FFFFFF;
	border: 0px;
	color: #003366;
}

#projects li li a:visited {
	background-color: #FFFFFF;
	border: 0px;
	color: #003366;
}

#projects li li a:hover {
	background-color: #FFFFFF;
	border: 0px;
	color: #0060bf;
}

#projects li li a:active {
	background-color: #FFFFFF;
	border: 0px;
	color: #0060bf;
}
/*-------------------------------------------------------*/


/*---------------------------------------------------------
*	D. Right pane content								  *
*--------------------------------------------------------*/
#calendar h2 {
	font-size: 15px;
	color: #848a02;
	padding: 5px 0 30px 0;
	margin: 0px;
	background-color: #FFFFFF;
}

#calendar h3 {
	border-bottom: 1px #4d5300 dotted;
	padding-bottom: 2px;
	margin: 0px;
}

#calendar p {
	font-size: 10px;
	color: #4d5300;
	padding-top: 5px;
	padding-bottom: 20px;
	margin: 0px;
	background-color: #FFFFFF;
}

#sponsors p {
	padding: 0 0 10px 0;
}

#links {
	margin-top: 10px;
}

#links ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#links li {
	margin-top: 5px;
}

#links a {
	font-size: 11px;
	margin: 0px;
	padding-left: 12px;
	background: url(block.jpg) left no-repeat;
	height: 6px;
	text-decoration: none;
}

#links a:link {
	background-color: #FFFFFF;
	color: #4d5300;
}

#links a:visited {
	background-color: #FFFFFF;
	color: #4d5300;
}

#links a:hover {
	background-color: #FFFFFF;
	color: #b6c301;
}

#links a:active {
	background-color: #FFFFFF;
	color: #b6c301;
}

.caldate {
	background-color: #b8c102;
	padding: 2px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

.calheader a {
	padding-left: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
	background-color: #FFFFFF;
	text-decoration: none;
}

.margins_rightpane {
	margin: 10px 0 0 0;
}

.sponsor {
	border: 1px solid black;
}

.aegee {
	border: 0px;
}

/*-------------------------------------------------------*/


/*---------------------------------------------------------
*	E.1 Main content - ticker 							  *
*--------------------------------------------------------*/
#news {
	background: url(txt_news.jpg) center no-repeat;
	height: 24px;
}

/*
#ticker h1 {
	margin: 0px;
	padding: 0px;
}

#ticker p {
	margin: 0 0 36px 0;
	padding: 0px;
	font-size: 10px;
	color: #003366;
	border-bottom: #4d5300 1px dotted;
	border-top: #4d5300 1px dotted;
	text-align: center;
	background-color: #FFFFFF;
}
*/

#ticker {
	margin: 0 0 36px 0;
	padding: 0px;
	border-bottom: #4d5300 1px dotted;
	border-top: #4d5300 1px dotted;
	background-color: #FFFFFF;
}


/*-------------------------------------------------------*/


/*---------------------------------------------------------
*	E.2 Main content - text								  *
*--------------------------------------------------------*/
#content {
	text-align: justify;
}

#content h1 {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	color: #0060bf;
	font-size: 14px;
	background-color: #FFFFFF;
}

#content h2 {
	margin: 0px;
	padding: 30px 0px 2px 0px;
	color: #003366;
	font-size: 12px;
	font-weight: bold;
	background-color: #FFFFFF;
}

#content p {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #06182a;
	line-height: 16px;
	background-color: #FFFFFF;
}

#content a:link {
	color: #4d5300;
	background-color: #FFFFFF;
}

#content a:visited {
	color: #4d5300;
	background-color: #FFFFFF;
}

#content a:hover {
	color: #0e0f00;
	background-color: #FFFFFF;
}

#content a:active {
	color: #0e0f00;
	background-color: #FFFFFF;
}

#content ul {
	list-style-type: square;
	list-style-position: outside;
	padding-left: 30px;
}

#content li {
	list-style-image: url(block.jpg);
	font-size: 11px;
	color: #06182a;
}

#content ol {
	list-style-position: outside;
	padding-left: 30px;
}

#content ol li {
	font-size: 11px;
	color: #06182a;
	list-style-image: none;
}

#content table {
	margin: 15px 0 15px 0;
	border-collapse: collapse;
	border: 1px solid #b6c301;
}

#content td {
	background-color: transparant;
	font-size: 11px;
	color: #06182a;
	border: 1px solid #b6c301;
	padding: 2px 4px 2px 4px;
	margin: 0px;
} 


/*-------------------------------------------------------*/


/*---------------------------------------------------------
*	F. Header and footer								  *
*--------------------------------------------------------*/
#header {
	background: url(header.jpg) no-repeat;
	width: 900px;
	height: 160px;
}

#footer {
	clear: both;
	background: url(footer.jpg) bottom no-repeat;
	width: 900px;
	height: 55px;
	padding-top: 30px;
}

#footer p {
	position: relative;
	top: 25px;
	right: 10px;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	text-align: right;
	color: #4d5300;
	background-color: transparent;
}

#footer a:link {
	color: #4d5300;
	background-color: transparent;
}

#footer a:visited {
	color: #4d5300;
	background-color: transparent;
}

#footer a:hover {
	color: #0e0f00;
	background-color: transparent;
}

#footer a:active {
	color: #0e0f00;
	background-color: transparent;
}
/*-------------------------------------------------------*/