/* css_home.css
	Styles for the home page
	
	Brian Horisk Ltd 01/08/2005
	for The Robert Gordon University

Text sizes are set using % for accessibility reasons
- Assuming browser default is 16pt
 	- 14pt is 88%
	- 12pt is 75%
	- 11pt is 68%
	- 10pt is 63%
	- 9pt is 56% - DON'T USE - illegible on Macs.
		
*/

/* Text format
Set up a standard text format here and change it accordingly where required. */
p {
	text-align: left;
	color: rgb(0,0,0);
	font-size: 68%;
}

img { border: none; 

}



/* Body of the doc - margin and padding set to 0 to override different browser defaults */
body {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* Accessibility links at the top of the page
	- 1px white keyline border at bottom
	- White Text on a black background

*/

#header_wrapper {
	/* box format */
	position: absolute;
	width: 100%;
	
	background-color: rgb(0,0,0);
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: rgb(255, 255, 255);
	/* Text format */
	text-align: right;
	color: rgb(255,255,255);
	z-index: 3;

}

#header_wrapper p {
	/* Text format */
	padding: 0px 10px 0px 0px;
	margin: 0px;
	text-align: right;
	color: rgb(255,255,255);
}

/* Make sure images which act as anchors do not have a border */
#header_wrapper img {
	border:0;
}

/* Header links
	- Links are only underlined when hovered or active
*/
#header_wrapper a { 
	color: rgb(255,255,255);
	text-decoration: none
} 
#header_wrapper a:visited { text-decoration: none; color:rgb(241,241,241); } 
#header_wrapper a:active { text-decoration: underline } 
#header_wrapper a:hover { text-decoration: underline } 

/* First nav bar - all pages */
#header1 {
	padding: 9px 0px 9px 0px;
	margin: 0px;
	top: 0px;
	/* line-height: 100%; */
}

#header1_left {
	padding: 0px 0px 0px 10px;
	float:left;
}

#header1_right {
	float:right;
}

#print_spacer { display: none }

/* Second nav bar - all pages except home*/
/*#header2 {
	top: 20px;
	padding: 9px 0px 9px 0px;
	margin: 0px;
}
*/

/* Bottom Links */
#header2 {
top: 20px;
 background-color: rgb(71,103,152);
 width:100%;
 padding: 9px 0px 9px 0px;
 /* line-height: 100%; */
}


#header2_left {
	float:left;
	padding: 0px 0px 0px 10px;
	margin: 0px;
}

#header2_right {
	text-align:right;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}


/* hub_intro
	Left-column of header carrying RGU branding and intro text
	- used on home page and hubs
*/
#hub_intro {
	position: absolute;
	top: 60px;
	z-index: 2;
	padding: 22px 0px 5px 0px;
	width: 100%;
}

#hub_headings {
	padding-left: 15px;
}

#hub_headings img { 
	behavior: url("/css/pngbehavior.htc");
}

#strapline {
	margin: 32px 0px 0px 0px;

}

#crumbs p {
	/* Text format */
	font-size: 63%;
	margin: 5px 0px 0px 0px;
}

#crumbs a { color: rgb(0,0,0); text-decoration: none} 
#crumbs a:visited { text-decoration: none; color: rgb(0,0,0); } 
#crumbs a:active { text-decoration: underline } 
#crumbs a:hover { text-decoration: underline } 


/* Intro Text - Keep it short! */
#intro {
	margin: 0px 400px 0px 0px;
	overflow: auto;
	height: 85px;
}

#intro p {
	/* Text format */
	font-size: 68%;
	margin: 5px 0px 0px 0px;
	
}


/* feature_img
	Right-column of header carrying feature image
*/
#feature_img {
	position: absolute;
	top: 53px; right: 0px;
	z-index: 1;
}

/* RGU Round Logo - Now inserted in image */

#roundel {
	position: absolute;
	top: 73px; right: 15px;
	z-index: 2;
}



/* May be used to clear after floating divs */
.clear {
	clear: both;
	height: 0;
}

/* Wrapper around the main page content */
#main {
	/* box format */
	text-align:left;
	position: absolute;
	
	top: 276px;
	left: 0px;
	width: 100%;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	/* background-color: rgb(110,135,174); */
	background-color: white;
	border-style: solid;
	border-width: 3px 0px 0px 0px;
	border-color: rgb(255, 255, 255);
	z-index: 3;
	
	

}

#main h1 {
	font-size: 75%;
}

#main h2 {
	font-size: 68%;
	font-weight: bold;
}




#main_content {
	margin-left: 25%;
	margin-right: 1em;
	
	/* Font Size Increase advised by Colin */
	font-size: 110%;
	line-height: 100%;
	/* Overflow added to stop Italic writing from pushing content below menu in IE */
	overflow: visible;

}



#main_content h1 {
	font-size: 88%;
}


#main_content h2 {
	font-size: 75%;
	font-weight: bold;
}

#main_content h3 {
	font-size: 68%;
	font-weight: bold;
}

#main_content h4 {
	font-size: 63%;
	font-weight: bold;
}

#main_content ul {
	color: rgb(0,0,0);
	font-size: 68%;
}

#main_content ul ul {
	font-size: 100%;
}

#main_content ol {
	color: rgb(0,0,0);
	font-size: 68%;
}

#main_content ol ol {
	font-size: 100%;
}

#main_content ol p {
	font-size: 100%;
}

#main_content ul p {
	font-size: 100%;
}

#main_content th {
	color: rgb(0,0,0);
	font-size: 68%;
	font-weight: bold;
	background-color: rgb(225,225,225);
}

#main_content td {
	color: rgb(0,0,0);
	font-size: 68%;
	background-color: rgb(245,245,245);
}

#main_content td p {
	font-size: 100%;
}



#main_content td ul {
	font-size: 100%;
}

#main_content td ol {
	font-size: 100%;
}

#main_content td td {
	font-size: 100%;
}

#main_content td th {
	font-size: 100%;
}

#main_content blockquote {
	font-size: 68%;
}

#main_content blockquote p {
	font-size: 100%;
}


#main_content td h1 {
	color: rgb(0,0,0);
	font-size: 140%;
	background-color: rgb(245,245,245);
}

#main_content td h2 {
	color: rgb(0,0,0);
	font-size: 120%;
	background-color: rgb(245,245,245);
}

#main_content td h3 {
	color: rgb(0,0,0);
	font-size: 110%;
	background-color: rgb(245,245,245);
}

#main_content hr {
	height: 1px;
	width: 98%;
	text-align: center;
}

#main_content a {
	text-decoration: underline;
	color: rgb(0,0,0);
}
#main_content a:hover {
	text-decoration: underline;
	color: rgb(0,0,0);
	background-color: rgb(230,230,230);
}
#main_content a:visited {
	text-decoration: underline;
	color: rgb(0,0,0);
}


#main_content img { margin: 5px;}

#main_content fieldset { border:none; padding: 0px;}


/* Used for the three Main Page Subjects */
.promo_block {
	float: left;
	top:15px;
	width: 31%;
	margin: 0px 0.5% 15px .5%;
	padding: 0px 0px 5px 0px;
	/* removed box 18/11/05
	border-style: solid;
	border-width: 1px;
	border-color: rgb(255, 255, 255);
	*/
	text-align: left;
	color: rgb(0,0,0);
}

.promo_block h1 {
	/* background-color: rgb(255,255,255); */
	font-weight: bold;
	font-size: 68%;
	padding: 3px 3px 3px 4px;
	margin: 0px;
	/* color: rgb(0,0,0); */
	color: white; 
}

.promo_block h1 a { 
	color: rgb(0,0,0);
} 
.promo_block h1 a:visited {
	color: rgb(0,0,0);
	} 
.promo_block h1 a:active { text-decoration: underline } 
.promo_block h1 a:hover { text-decoration: underline } 

.promo_block h2 {
	font-weight: bold;
	font-size: 68%;
	padding: 5px 0px 0px 4px;
	margin: 0px;
}


.promo_block h2 a {
	color: rgb(0,0,0);
}
.promo_block h2 a:visited {
	color: rgb(0,0,0);
}

.promo_block p {
	padding: 0px 4px 5px 4px;
	margin: 0px;
}

.promo_block p a {
	color: rgb(0,0,0);
}
.promo_block p a:visited {
	color: rgb(0,0,0);
}


.promo_block ul {
	list-style-image : url(../images/furniture/bullet_arrow_black.gif);
	list-style-position: outside;
	font-size : 68%;
	
	padding: 3px 5px 0px 0px;
	/* text after !important used by IE, before by Firefox */
	margin: 0px 0px 0px 18px; 
}

.promo_block li {
	padding: 2px 0px 2px 0px;
	
}





/*
#promo_block_wrapper {
	float: left;
	width:73%;
	margin: 0px 1% 20px 1%;
	padding: 0px 0px 5px 0px;
	text-align: left;
}
*/

#promo_block_3col {
	float: left;
	top:15px;
	margin: 0px 1% 20px 1%;
	padding: 5px 0px 5px 0px;
	text-align: left;
}

#promo_block_3col h1 {
	margin: 0px;
	padding: 3px 3px 3px 4px;
	font-size: 75%;
}

#promo_block_3col p {
	padding: 3px 3px 3px 4px;
	margin: 0px;
}

#promo_block_3col form {
	padding: 3px 3px 3px 4px;
	margin: 0px;
}

#promo_block_3col ul {
	list-style-image : url(../images/furniture/link_arrow.gif);
	font-size : 68%;
	padding: 3px 5px 0px 0px;

}


/* Bottom Links */
#footer {
 float: left;
 bottom: 0px;
 background-color: rgb(71,103,152);
 width:100%;
 padding: 9px 0px 9px 0px;
}

#footer p {
	/* Text format */
	padding: 0px;
	margin: 0px;
	color: rgb(255,255,255);
	font-size: 63%;
}

/* Links */
#footer_left {
	float:left;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 10px;
}

/* Postal Address */
#footer_right {
	float:right;
	margin: 0px 0px 0px 5px;
	padding: 0px 10px 0px 0px;
}

#footer a { 
	color: rgb(255,255,255);
	text-decoration: none;

} 
#footer a:visited { text-decoration: none; color:rgb(241,241,241);} 
#footer a:active { text-decoration: underline } 
#footer a:hover { text-decoration: underline } 

#left_nav {
	float: left;
	width:22%;
	margin: 0px 1% 15px 1%;
	padding: 0px 0px 5px 0px;
	text-align: left;
	color: rgb(0,0,0);
}


#left_nav ul {
	padding: 0px;
	margin: 0px;
	/* border-bottom-style: dotted; */
	border-bottom-style: solid;
	border-bottom-color: rgb(0,0,0);
	border-bottom-width: 1px;
	
}



#left_nav li {
	font-weight: normal;
	/* border-top-style: dotted; */
	border-top-style: solid; 
	border-top-color: rgb(0,0,0);
	border-top-width: 1px;
	
	border-bottom-style: solid; 
	border-bottom-color: white;
	border-bottom-width: 1px;
	
	text-align: left;
	list-style-type: none;
	list-style-position: outside;
	display: block;
	text-decoration: none;

}


#left_nav li ul {
	border-bottom:none;
}

#left_nav li ul li {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;

	border-top-style: solid;
	border-top-color: rgb(0,0,0);
	border-top-width: 1px;
	
	/*
	border-bottom-style: none;
	border-bottom-color: rgb(0,0,0);
	border-bottom-width: 1px;
	*/
	text-align: left;
	list-style-type: none;
	list-style-position: outside;
	display: block;
	text-decoration: none;

}

#left_nav li p {
	font-size: 68%;
	text-decoration: none;
	cursor: pointer;
	display: block;
	color: rgb(0,0,0);
	font-weight: bold;
	padding: 2px;
	margin: 2px;
} 

#left_nav li a {
	padding: 2px;
	margin: 2px;
	font-size: 68%;
	text-decoration: none;
	cursor: pointer;
	display: block;
	color: rgb(0,0,0);
	font-weight: normal;
	
} 

#left_nav  li a:visited { 
	text-decoration: none;
	color:rgb(0,0,0);
} 
#left_nav  li a:active {
	text-decoration: underline;} 
#left_nav  li a:hover {
	text-decoration: underline;} 

#school_header_wrapper {
	position: absolute;
	top: 160px;
	width:100%;
	background-color: rgb(27,95,127);
	border-top-color: rgb(153,153,153);
	border-top-style: solid;
	border-top-width: 1px;
	margin: 0px;
	padding: 0px;
}

#school_header_strapline {
	padding: 30px 0px 0px 25%;
	font-size: 68%;
	color: rgb(0,0,0);
}

#school_image {
	float:right;
	margin: 0px 0px 1px 0px;
	padding: 0px;
}


.header1_block {

	font-weight: bold;
	font-size: 68%;
	padding: 3px 3px 3px 4px;
	margin: 0px;
	/* color: rgb(0,0,0); */
	color: white; 
}

.floatleft { float:left ;}
.floatright { float: right ;}


/* Styles solely for iForms - moved from includes/iforms/disp_if_submit */
.frmInputOK { background: transparent }
.frmInputNotOK { background: #CC0001; color: #FFFFFF }
.if_error { color:#CC0001;font-size:12px }
.if_fieldset { padding:5px; border: 0px #FFFFFF solid}
.if_savedMsg { color: #FFFFFF; border: 1px solid #000000; background: green; padding: 7px; font-weight: bold; }
.if_errorMsg { border: 1px solid #000000; background: red; padding: 7px; font-weight: bold;}
.if_formMsg { color: #FFFFFF; background: #000000 ; padding: 7px; font-weight: bold; margin-bottom: -15px}

/* Format specific objects differently */
#feedbackform td {background-color:white}


#abs_images img { margin: 0px;  float: left; }