/* 
    CSS Styles for Cardiff University web site.
    Revision: $Id: style.css,v 1.83 2004/09/14 16:24:02 mwood Exp $ 
    Last author: $Author: mwood $

    Styles commented with OLD: are deprecated and pending removal.
*/

 /* Main body style */
BODY {
	PADDING-RIGHT: 8px; 
	PADDING-LEFT: 8px; 
	BACKGROUND: white; 
	PADDING-BOTTOM: 8px; 
	MARGIN: 0px; 
	COLOR: #333333; 
	PADDING-TOP: 8px; 
	FONT-FAMILY: arial, helvetica, sans-serif
}

/*P tags */
P {
	FONT-FAMILY: helvetica, sans-serif;
	FONT-SIZE: 80%
}

/* fix resizing of fonts when enclosed within a a <li> */
li p {
	font-size: 100%
}


/* no floating elements allowed on either left or right side */
P.clearboth {
	CLEAR: both
}

/* align text left */
P.left { 
	text-align : left; 
}

/* align text right */
P.right { 
	text-align: right; 
}

/* center text */
P.center { 
	text-align: center; 
}

/* justify text */
P.justify { 
	text-align: justify; 
}

/* style for td tags */
TD {
	FONT-FAMILY: helvetica, sans-serif
}

/* style for th tags */
TH {
	FONT-FAMILY: helvetica, sans-serif
}

/* A tags */

/* default link */
A {
	COLOR: blue; 
	TEXT-DECORATION: none
}

/* default visited link */
A:visited {
	COLOR: #0066ff; 
	TEXT-DECORATION: none
}

/* default hover link */
A:hover {
	COLOR: #0099ff; 
	TEXT-DECORATION: underline
}

/* h1 heading style */
H1 {
	COLOR: #990033;
	FONT-FAMILY: arial, helvetica, sans-serif;
	FONT-weight: bold;
	Font-size: 140%
}

/* h2 heading style */
H2 {
	COLOR: #990033;
	FONT-FAMILY: arial, helvetica, sans-serif;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 120%; 
	MARGIN-BOTTOM: 8px
}

/* h3 heading style */
H3 {
	COLOR: #990033;
	FONT-FAMILY: arial, helvetica, sans-serif;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 100%; 
	MARGIN-BOTTOM: 8px
}

/* h4 heading style */
H4 {
	COLOR: #990033;
	FONT-FAMILY: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 90%
}

/* h5 heading style */
H5 {
	COLOR: #990033;
	FONT-FAMILY: arial, helvetica, sans-serif;
	MARGIN-BOTTOM: 8px; 
	font-style: italic;
	font-size: 90%
}

/* h6 heading style */
H6 {
	COLOR: #990033;
	FONT-FAMILY: arial, helvetica, sans-serif;
	MARGIN-BOTTOM: 8px; 
	font-variant: small-caps;
	font-size: 90%
}

/* end homebox section */

/* default HR style */
HR {
	BORDER-TOP: silver 1px solid; 
	HEIGHT: 1px
}

/* HR footer style */
HR.footer {
	MARGIN-TOP: 20px; 
	BORDER-BOTTOM: silver 1px solid; 
	HEIGHT: 1px
}

/* image link style */
A:link IMG {
	BORDER-TOP-STYLE: none; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none
}

/* image visited link style */
A:visited IMG {
	BORDER-TOP-STYLE: none; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none
}

/* general image link style */
A IMG {
	COLOR: white
}

/* Style for top CU logo column */
TD.top_logo {
	WIDTH: 75px
}

/* topcontainer section */

/* style for the very top of the page */
.top_topcontainer {
	BORDER-RIGHT: #cccccc 1px solid; 
	BORDER-TOP: #cccccc 1px solid; 
	BORDER-LEFT: #cccccc 1px solid; 
	COLOR: #565454; 
	BORDER-BOTTOM: #cccccc 1px solid; 
	BACKGROUND-COLOR: #ffffff
}

/* style for the horizontal menu, i.e. "Home" "About the University" ... */
.top_containermenu {
	BORDER-RIGHT: #666666 1px solid; 
	BORDER-TOP: #666666 1px solid; 
	BORDER-LEFT: #666666 1px solid; 
	COLOR: #e8e8e8; 
	BORDER-BOTTOM: #666666 1px solid; 
	BACKGROUND-COLOR: #666666
}

/* style for the horizontal menu links */
.top_containermenu A {
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 15px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 70%; 
	COLOR: #e8e8e8; 
	POSITION: relative; 
	TOP: -2px; 
	TEXT-DECORATION: none
}

/* style for the horizontal menu links when hovered over */
.top_containermenu A:hover {
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 15px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 70%; 
	POSITION: relative; 
	TOP: -2px; 
	COLOR: #ffffee; 
	TEXT-DECORATION: underline
}

/* style for the horizontal menu links when visited */
.top_containermenu A:visited {
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 15px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 70%; 
	COLOR: #e8e8e8; 
	POSITION: relative; 
	TOP: -2px; 
	TEXT-DECORATION: none
}

/* end topcontainer */

/** .header section **/

/* style for the header text, e.g. Search button */
.header{
	FONT-SIZE: 70%; 
	COLOR: #565454
}

/* style for header/first header links, affects News & Events | Contact Us links */
.header A.firstheader {
	PADDING-LEFT: 0px
}

/* special padding for the first child of the header links */ 
.header A:first-child {
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 0px;
	COLOR: #565454; 
	TEXT-DECORATION: none
}

/* settings for header links */
.header A {
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px;
	COLOR: #565454; 
	TEXT-DECORATION: none
}

/* settings for visited header links */
.header A:visited {
	COLOR: #565454; 
	TEXT-DECORATION: none
}

/* setting for header links when hovered over */
.header A:hover {
	COLOR: #565454; 
	TEXT-DECORATION: underline
}
/** end .header **/

/** .footer section **/

/* the td column style for the footer (Copyright link, Privacy, Terms of use, etc. as defined in the viewfooter.jsp */

.footer TD {
	FONT-SIZE: 70%; 
	COLOR: #565454
}

/* link style for the footer */
.footer A {
	COLOR: #565454; 
	TEXT-DECORATION: none
}

/* hover link style for the footer */
.footer A:hover {
	COLOR: #565454; 
	TEXT-DECORATION: underline
}