þÿ/* Semantics & Pragmatics Workshop */
/* By Argument from Design www.ardes.com */
/* October 2006 */

/* GENERAL DECLARATIONS */
* { margin: 0; padding: 0;} /* Zero all margins & padding */

body {
	font: 100% Georgia, "Times New Roman", serif;
	color: #636363;
	background-color: #72A499;
	background-image: url(../images/bg.jpg);
}

#container { 
	border-left: 2px solid #2F5B2D; /* Yes, specifying each border is clunky, but more compatible */
	border-right: 2px solid #2F5B2D;
	border-bottom: 2px solid #2F5B2D;
	background-color: #FFF;
	height: 100%;
	width: 770px;
	margin: 0 auto 0 auto;
	color: inherit;
 }

#content { 
	width: 575px;
	background-color: inherit;
	padding-left: 10px;
	position: relative; top: -15px;
 }

img.logo { 
	position: relative; top: -25px; /* Fix upper margin issue */
	border-bottom: 2px solid #2F5B2D;
}

#nav {
	background-color: #2D4643;
	float: right;
	width: 175px;
	position: relative; top: -25px; /* A little extra will be needed for IE--see separate style sheet */
}

#footer { 
	clear: both; 
	border-top: 1px solid #2F5B2D;
	background-color: inherit;
}


/*  REDEFINITIONS */
a:link { color: #2D4643; }
#content a:visited, #footer a:visited  { color: #492D3F; } /* specify #footer & #content to ensure no effects on #nav */
#content a:hover, #footer a:hover, #content a:active, #footer a:active { 
	text-decoration: none; 
	color: #FFF; 
	background-color: #2D4643; 
}

h1, h2, h3, h4, h5, h6 {
	color: #2F5B2D;
	padding: 0;
}
h1 { font-size: 105%; margin: 0 0 10px 0; }
h2 { color: #2D4643; font-size: 100%; margin: 0 0 10px 10px; font-style: italic; }
h3 { font-size: 95%; margin: 0 0 10px 10px; }
h4 { font-size: 95%; margin-left: 10px;}
h5 { font-size: 95%; margin-left: 10px; font-style: italic; }
h6 { font-size: 95%; margin-left: 10px; font-style: italic; font-weight: normal; }


#content ul, #content ol {
	margin: 0 20px 20px 35px;
}
#content li { margin-bottom: 5px; }

p {
	font-size: 95%; line-height: 150%;
	margin: 0 0 20px 15px; padding: 0;
}



/* CUSTOM DECLARATIONS */
#content ul.programme { list-style-type: none; }
#content ul.programme li { padding-bottom: 10px; }
#content p.quote { margin-left: 40px; }


#footer p { 
	font-size: 75%; text-align: right; line-height: 150%;
	padding: 10px;
 }

.important { color: #980714; font-weight: bold; }


/* FORM STUFF */
#form { 
	text-align: right;
	border-top: 1px solid #2F5B2D;
	padding-top: 10px;
 }
#form h2 { text-align: left; }
#form p { line-height: 250%; color: black; }


/* NAV STUFF */
#nav { /* Remove list disc, zero padding & margin */
	list-style-type: none;
	margin: 0; padding: 0;
}

#nav li { /* Specify the base bg colour */
	background-color: #2D4643;
}
#nav li a { 
	display: block; color: #FFF; /* Ensure links are all on separate lines; links are white; */
	height: 20px; padding-left: 15px; padding-top: 10px; padding-bottom: 10px; /* Define height of link, move links in a bit, add spacing to links */
	font-size: 16px; text-decoration: none; /* Specify height to ensure against resizing; remove textual underlines */
	border-bottom: 1px solid #2F5B2D; /* Separate links */

 }
#nav li a:hover, #nav li a:active { background-image: url(../images/nav_bg.jpg); background-color: #2D4643; } /* Make hovers pretty */

#nav li.accommodation { border-bottom: 0 solid #FFF; padding-bottom: -10px; } /* No bottom border on last #nav item  */

/* Each page will have a highlight specifying which nav item visitor is viewing. Linked between BODY IDS & corresponding #nav li classes */
body#home #nav li a.home { background-image: url(../images/nav_on_bg.jpg); background-color: #2D3A4E; }
body#accommodation #nav li a.accommodation { background-image: url(../images/nav_on_bg.jpg); background-color: #2D3A4E; }
body#programme #nav li a.programme { background-image: url(../images/nav_on_bg.jpg); background-color: #2D3A4E; }
body#abstracts #nav li a.abstracts { background-image: url(../images/nav_on_bg.jpg); background-color: #2D3A4E; }
body#register #nav li a.register { background-image: url(../images/nav_on_bg.jpg); background-color: #2D3A4E; }