/* Arché's css document */


/* common definitons... */
html, body 
{
	background-image: url('../../graphic/background.jpg');
	padding: 0; 
	margin: 0; 
	font-family: Arial, Helvetica, Tahoma, sans-serif, Verdana; 
	color: #282828;  
	font-size: 12px;
}

img {
    border: none;
}

table{
	padding: 0 0 0 0;
	border-spacing: 0;
	border-width: 0;
}


h1{
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	margin: 20px 0 10px 0;
}

h2{
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	line-height: normal;
	margin-bottom: 0;
}

hr{
	width: 100%;
	color: #333333;
}

input{
	font-family: Helvetica, Tahoma, Arial, sans-serif, Verdana; 
	color: #444444;  
	font-size: 12px;
	border-bottom-style: groove;
}

textarea{
	font-family: Helvetica, Tahoma, Arial, sans-serif, Verdana; 
	color: #444444;  
	font-size: 12px;
	border-bottom-style: groove;
}

select{
	font-family: Helvetica, Tahoma, Arial, sans-serif, Verdana; 
	color: #444444;  
	font-size: 12px;
	border-bottom-style: groove;
}


/* page's container... */
#container{
	width: 808px;
	height: 100%; 
	margin: auto;
	margin-top: 0px; 
	text-align: left;
	background-color: #333333; 
	overflow: hidden;
	background-image: url('../../graphic/background_shadow_w.jpg');
	background-repeat: repeat-y;
}


/* page's header... */
#heading{
	position:relative;
	background-color: #333333; 
	z-index: 0;
	overflow: hidden;
	width: 808px;
}

/* page's menubar... */
#menubar{
	background-color: #333333; 
	width: 176px;
	max-width: 176px;
	min-width: 176px;
	position: absolute;
	z-index: 1;
	overflow: visible;
}

#menubar ul#primary,
#menubar ul#primary ul {
    position: relative;
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 170px;
    border-bottom: 1px #ffffff;
    background: #333333;
    font-size: 12px;
}

#menubar ul#primary li {
    position: relative;
    list-style: none;
}

#menubar ul#primary li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    padding: 5px 0 5px 15px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	border-width: 0 0 1px 0;
}

/* Fix IE. Hide from IE Mac \*/
* html #menubar ul#primary li { 
	float: left;
	height: 1%; 
}
* html #menubar ul#primary li a { 
	height: 1%; 
}
/* End */

#menubar ul#primary ul {
    position: absolute;
    display: none;
    left: 170px; 
    top: 0;
}

#menubar ul#primary li ul li a { 
	padding: 5px 5px;
	background-color: #333333;
}

#menubar ul#primary li:hover ul ul,
#menubar ul#primary li:hover ul ul ul,
#menubar ul#primary li.over ul ul,
#menubar ul#primary li.over ul ul ul { 
	display: none; 
} 

#menubar ul#primary li:hover ul,
#menubar ul#primary li li:hover ul,
#menubar ul#primary li li li:hover ul,
#menubar ul#primary li.over ul,
#menubar ul#primary li li.over ul,
#menubar ul#primary li li li.over ul { 
	display: block; 
} 

#menubar ul#primary li.menuparent:hover,
#menubar ul#primary li.over { 
	background-color: #777777; 
}

#menubar ul#primary li a:hover 
{ 
	color: white;
	background-color: #777777;
}


/* page's content */
#content{
	background-color: #ffffff;
	width: 632px;
	position: relative;
	left: 176px;
	z-index: 0;
	overflow: hidden;
}


#content a {
	color: #333333;
	font-weight: bold; 
	text-decoration: none; 
	font-size: 12px;
}

#content a:visited {
	color: #333333;
	font-weight: bold; 
	font-size: 12px;
}

#content a:hover {
	text-decoration: underline; 
	color: #333333;
	font-weight: bold; 
}

#content p {
	font-size: 12px;
}


/* news styles */
#news_archive ol {
	margin: 5px 0 15px 10px;
	padding: 0 0 0 0;
}

#news_archive li {
	list-style-type: none;
	margin: 0 0 0 0;
}

/* footer */
#footer{
	width: 808px;
	height: 7px;
	background-color: #333333;
	margin: auto;
	
}


.archeBackgroundColour {
	background-color: #333333;
}

/* images acting as links */
.linkedImage {
	cursor: hand;
}


/* text styles */

/* copyright text */
.copyright {
	color: #CCCCCC
}

/* emphasised text */
.emphasise{
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

.smallcaps{
	font-size: 11px;
	font-variant: small-caps;
	color: #333333;
}

.date{
	font-size: 10px;
	color: #999999;
}

.subheading{
	background-color: #333333;
	font-size: 22px;
	color: #ffffff;
	vertical-align: bottom;
	margin: 0 0 5px 0;
	text-indent: 10px;
}

.justified{
	text-align: justify;
}

/* styles for event calendar */
.calendar{ 
	border-collapse: collapse; 
	color: #000000; 
	background: #FFFFFF; 
} 

.today {
	height: 70px; 
	width: 70px; 
	vertical-align:top; 
	border: 1px solid #333333; 
	background: #FFFFFF;
} 

.monthdays { 
	height: 70px; 
	width: 70px; 
	vertical-align:top; 
	border: 1px solid #333333;
	background: #FFFFFFF;
	font-size: 10px;
} 
.nonmonthdays { 
	height: 70px; 
	width: 70px;
	vertical-align:top; 
	color: #FFFFFF; 
	background: #FFFFFF; 
} 

.weekdays{
	font-size: 12px;
	color: #999999;
	text-align: center;
}

.month{
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}

/* for the arché timetable */
.timetable{
	border: 2px solid #333333;
	max-width: 500px;
}

.timetableHR{
	border-left-width: 0px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #333333;
	text-align: center
}

.timetable0{
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left-width: 0px;
	border-top-width: 0px;
	font-size: 10px;
	min-height: 80px;
	min-width: 80px;
	height: 80px; 
	width: 80px; 
	vertical-align: top;
}

.timetable1{
	border-right: 1px solid #333333;
	border-bottom: 2px solid #333333;
	border-left-width: 0px;
	border-top-width: 0px;
	font-size: 10px;
	min-height: 80px;
	min-width: 80px;
	height: 80px; 
	width: 80px; 
	vertical-align: top;
}

.fp_middle{
	border-left: 2px solid #333333;
	padding-left: 10px;
}

.fp_bottom{
	border-bottom: 2px solid #333333;
	padding-bottom: 10px;
}

/* input labels */ 
.required_missing{
	color: #ff0000;
	font-weight: bold;
}

.required{
	font-weight: bold;
}