/*
Abertay University : Breaking Barriers
Main stylesheet

Chris Evans

16 July 2008
*/

body 
{
    font: 75%/1.5em Arial, Helvetica, sans serif;    
    background: #000 url(../images/bg/body.jpg) no-repeat center top;    
    color: #cacaca;
    margin:0;
    padding:18px 0;
}


a {color:#fff;}
a:hover {color:#ce0000;}
a:visited {}

h1,h2,h3,h4,h5,h6 { margin: 0 0 1em 0; padding: 0; }

h1
{
    font-size: 130%;
}

h2
{
    font-size: 100%;
}

p { margin: 0 0 .5em 0; padding:0; }

ul.navigation 
{
    list-style: none;
    padding:0;
    margin:0;
}

img { border: none; }

label { color:#fff; }

#skip-navigation {position: absolute; top: -9999px; left: -9999px;}

form { margin:0; padding:0; }

div#page 
{   
  width: 917px;
  margin: 0 auto;
}

div#mainmenu,div#content {
  margin-bottom: 30px;
}

div#header {padding-left: 4px; margin-bottom: 12px; position: relative; }

div#header div.course-finder { 
	position: absolute; 
	right:0; 
	bottom:-50px; 
	background: transparent url(../images/bg/course-finder.jpg) no-repeat left top; 
	height:161px;
	width:402px;
	font: 75% Verdana,Arial,Helvetica,sans-serif;
	z-index: 999;
}

div#header div.course-finder a { color: #cacaca; }
div#header div.course-finder a:hover { color: #fff; }

div#header div.course-finder div.search-form { padding:11px 36px 0 20px; }
div#header div.course-finder div.search-form p {text-align: right; padding:0 0 5px 0; margin:0; }

div#header div.course-finder div.search-form input,
div#header div.course-finder div.search-form select { font: 100% Verdana,Arial,Helvetica,sans-serif; }

div#header div.course-finder div.search-form div.row { text-align: right; }

* html div#header div.course-finder div.search-form div.row { padding-top: 3px; }

div#header div.course-finder div.search-form div.row label,
div#header div.course-finder div.search-form div.row select,
div#header div.course-finder div.search-form div.row span { vertical-align: middle; line-height: 26px;}
div#header div.course-finder div.search-form div.row input {vertical-align: middle; }

* html div#header div.course-finder { right: -1px; }

div#header img.main-logo  {
   margin-left: 16px;
   margin-top: 12px;
   margin-bottom: 18px;
}

h1.graphical, h2.graphical {
	display: block;
	margin:0;
	padding:0;
	text-indent: -9999px;	
}


h1.explore-abertay {
	background: transparent url(../images/headings/explore-abertay.png) no-repeat left top;
	height:47px;
	width:457px;
	z-index: 900;
	position: absolute;
	left: 20px;
	top: 0;
}

h1.discover-whitespace {
	background: transparent url(../images/headings/discover-whitespace.png) no-repeat left top;
	height:47px;
	width:552px;
	z-index: 900;
	position: absolute;
	left: 20px;
	top: 0;
}

h2.abertay-tv {
	background: transparent url(../images/headings/abertay-tv.gif) no-repeat left top;
	height:31px;
	width:340px;
}

h2.course-finder {
	background: transparent url(../images/headings/2008-course-finder.png) no-repeat left top;
	height:20px;
	width:251px;
	margin-top: 11px;
	margin-left: 130px;
}

div#mainmenu, div#content div.content-block { position: relative; padding-top: 38px; }

div#mainmenu div.inner,
div#content div.content-block div.inner {
	background: #000;
	border: 1px solid #515151;
	padding: 16px 20px;
	z-index: 500;
}

div#content div.main-content div.inner {
	background: #000 url(../images/bg/main-content.gif) no-repeat left bottom;
}	

div.main-column { float: left; width: 477px; padding-bottom: 20px; }
div.side-column { float: right; width: 340px; padding-bottom: 20px; }

div#content div.main-content div.contact-info { 
	padding-bottom: 25px; 
	padding-top: 18px;
	background: transparent url(../images/bg/contact-info.gif) repeat-x left bottom; 
}

h2.telephone-info {
	height:40px;
	width:445px;
	background: transparent url(../images/headings/telephone-info.png) no-repeat left top;	
}

h2.txt-info {
	height:40px;
	width:479px;
	background: transparent url(../images/headings/txt-info.png) no-repeat left top;		
}

div#mainmenu ul.navigation
{
    
}

div#mainmenu ul.navigation li
{
	display: block;
	float: left;
	padding: 0 12px;
	background: transparent url(../images/nav/sep.gif) no-repeat right center;
}

div#mainmenu ul.navigation li a
{
   color:#cacaca; 
   text-decoration: none; 
   padding: 4px 0; 
   display: block;
   float: left;
   
}

div#mainmenu ul.navigation li.lastNode { background: none; }


div#mainmenu ul.navigation li a:hover 
{
   color:#ce0000;
}

div#mainmenu ul.navigation li.selected a { background: transparent url(../images/nav/sel.gif) repeat-x left bottom; }

div#mainmenu ul.navigation li.selected a 
{
 color:#ce0000;
}

div#mainmenu ul.navigation li.firstNode { padding-left: 0; }



div#content 
{   
  color:#cacaca;
}

div#content strong,
div#content a { color:#fff; }

div#content a { font-weight: bold; text-decoration: underline; }

div#content p {  }



div#footer 
{    
  color:#8d8d8d;
  font-size: 80%;
}

div#footer ul {}
div#footer ul li { display: inline;}
div#footer ul li a { color:#8d8d8d; text-decoration : none;}
div#footer ul li a:hover { text-decoration: underline; color:#ce0000; }

div#footer div.useful-info { float: left; width: 50%;}
div#footer div.useful-info p.contact-info { margin-top: 26px; }
div#footer div.copyright-info { color:#b7b7b7; float: right; width: 49%; text-align: right;}


div#header:after,
div#mainmenu:after,
div#mainmenu div.inner:after,
div#content div.inner:after,
div#content:after,
div#footer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div#header,
div#mainmenu,
div#mainmenu div.inner,
div#content div.inner,
div#content,
div#footer 
{
    display: inline-block;    
    height: 1%;    
    display: block; 
}