/*
for colors see colors.txt
*/
/* ***************  body *****************  */
body {
	margin: 0;
	padding: 0;
	font-family: arial, sans-serif;
	font-size:70%;
	color: #aaa;
	background-color: #fff;
}

td {
	vertical-align:top;
	margin:1px;
}

/* ***************  main container *****************  */
#container {
	margin-top: 1em;
	border: 1px solid #444;
	background-color:#aaa;
	/*height:100%;*/
	width:750px;
	text-align:left;
}

/* ***************  navigation *****************  */

#nav {
	float:left;
	background-color:#aaa;
	width: 210px;
	height:100%;
	margin-left: 0px;
	border-left:4px solid #ddd;
	padding-top: 0;
	overflow:hidden;
}
#nav a {
	color:black;
	font-weight:bold;
	text-decoration:none;
	padding-bottom:2px;
	border-bottom:1px solid black;
	display:block;
	padding-left:10px;
	font-size:8pt;
}
#nav a .bullet {
	color:#888;
	font-size:10pt;
}
#nav a:hover {
	color:#888;
}
#nav a:hover .bullet {
	color:#ee33ee       ;
}
#navlinks {
	background-color:#ddd;
	margin-left:10px;
	width:200px;
	padding-bottom:0px;
}
#navlinklist {
	margin-left:0px;
	/*list-style-image: url(images/bullet_#ee33ee.gif);*/
	list-style-position:inside;
	display:inline;
}
#navlinklist li {
	margin-top:5px;
	font-family:"Arial Narrow",arial, sans-serif;
	font-size:10pt;
	margin-left:5px;
	padding-left:5px;
	border-bottom:1px solid black;
	padding-bottom:0px;
}

#navpic1 {
	text-align:right;
	margin-left:10px;
	/*border-bottom:5px solid #ee33ee       ;*/
}
#navbottom {
	margin-left:10px;
	/*border-top:12px solid #66cdaa;*/
	padding-top:5px;
	padding-bottom:10px;
	color:white;
	font-family:arial,sans-serif;
	font-size:8pt;
	text-align:center;
}
#navlogotop {
	text-align:right;
	margin-left:10px;
	padding-bottom:0px;
}

/* ***************  content pane *****************  */

#content{
	padding-top: 0em;
	padding-left:0px;
	margin-top:0px;
	color:black;
	margin-left:0px;
	background-color:#ddd;
	height:100%;
	width:536px;
	float:left;
	overflow:visible;
}
#content p {
	margin-bottom:0px;
	color:black;
}

#contentmain {
	padding-left:10px;
	padding-right:10px;
	margin-top:0px;
	margin-left:0px;
	float:left;
	/* test 
	position:absolute;
	top:5em;
	 end test */
}
#contentmain h2 {
	font-size:100%;
	margin-bottom:2px;
}
#contentmain p {
	margin-top:5px;
}

#content a {
	color:#444;
	text-decoration:underline;
}
#content a:hover {
	color: #da70d6;
}

#contentpic {
	position:absolute;
	top:1em;
	right:3%;
	/*background: url(images/pic3.jpg) no-repeat top;*/
}

#titlebar {
	margin-bottom:20px;
}
#titlebar h1 {
	color:purple;
	margin-top:0px;
	font-size:150%;
	width:90%;
	line-height:150%;
	font-family:"Arial Narrow",arial, sans-serif;
	display:inline;
	font-variant:small-caps;
}

#titlebar h2 {
	color:#fff;
	font-size:200%;
	font-family:"Arial Narrow",arial, sans-serif;
	font-weight:bold;
	display:inline;
    margin-left:10px;
}
#titlelogo{
	position:absolute;
	top:1em;
	left:210px;
}

hr{
  color:#66cdaa;
}

#contentlist {
	list-style-image: url(images/bullet_#ee33ee       .gif)}



/* ***************  footer *****************  */

#footer
{
	clear: both;
	background-color: #444;
	color: #eee;
	padding: 0;
	text-align: center;
	border-top: 1px solid #333;
	height:20px;
	width:750px;
	font-family:"Arial Narrow",arial, sans-serif;
	font-size:10pt;
	font-style:italic;
}

/* ***************  admin footer *****************  */

#navadmin {
	clear:both;
	width:750px;
	color:#888;
	font-family:arial,sans-serif;
	font-size:8pt;
	text-align:right;
}
#authadmin {
	clear:both;
	width:750px;
	color:#888;
	font-family:arial,sans-serif;
	font-size:8pt;
	text-align:left;
	display:inline;
}
#navadmin a {
	color:#888;
}

/* ***************  article *****************  */
#article {
	margin-top:5px;
	margin-bottom:5px;
	padding:5px;
	background-color:#fff;
}
#article h1{
	font-size:120%;
	text-align:center;
}
#article h2{
	font-size:110%;
	text-align:center;
}
#article p{
}

/* ***************  other *****************  */

#rota {
	border-bottom:1px solid #66cdaa;
}
.line{
	border-bottom:1px solid #444;
}
.topborder {
	border-top:1px solid mediumaquamarine;
}

.venue {
	text-align:left;
	vertical-align:top;
}
.venueHighlight {
	text-align:left;
	vertical-align:top;
	color:#ee33ee;
}


.loginBox {font-size:80%;margin:5px;}
.formInput {font-size:8pt;}
.formInputBox {font-size:8pt;border:solid 1px #aaa;color:#444}


.bullet_pink {color:#ee33ee;font-size:70%;}
.bullet_aqua {color:#66cdaa;font-size:70%;}
.bullet_orchid {color:#da70d6;font-size:70%;}
.bullet_yellow {color:#ff9900;font-size:70%;}

.smallcaps {font-variant:small-caps;font-size:7pt;}

.bold {font-weight:bold;}