/**************************************
 * THEME NAME: aardvark_pro
 *
 * Files included in this sheet:
 *
 *   aardvark_pro/aardvark.css
 **************************************/

/***** aardvark_pro/aardvark.css start *****/


/**
  *  This is what makes the Aardvark unique
  *
  */



/***
 ***	Core: Body
 ***/
 
#my-index div.assignment {
display: none;
}
 
#my-index .navbutton{
display:none;
}

body {
background: #e1e1e1 url(images/core/background.png) left top no-repeat;
	color:#4b4b4b;
	font-family: Arial, Helvetica, sans-serif;
    font-size : 13px;
}
*html body {
background: #e1e1e1 url(images/core/background.jpg) left top no-repeat;

	color:#4b4b4b;
	font-family: Arial, Helvetica, sans-serif;
    font-size : 13px;
}

a:link,
a:visited {
    color:#008db0;
	text-decoration: none;
}

a:hover {
    color: #f12711;
	text-decoration: none;
	
}

a.dimmed:link,
a.dimmed:visited {
	color:#aaaaaa;
	text-decoration: none;

}

div#page {
	/*position:relative;
	border: 0px solid #ffffff;
	margin-left: auto; 
	margin-right: auto;
	max-width: 960px;*/
	border: 0px solid #ffffff;
	width:960px; margin:0 auto; text-align:left;
	

}

#pagelayout {
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

#layout-table {
	margin-top:0;
	padding-top:10px;
}

#layout-table #middle-column{
  vertical-align:top;
  padding-left:7px;
  padding-right:5px;
}

#layout-table #left-column{
  vertical-align:top;
  padding-left:4px;
  padding-right:0px;
}

#layout-table #right-column{
  vertical-align:top;
  padding-left:0px;
  padding-right:6px;
}


#content {
    background: #ffffff url(images/core/h2grad.jpg) top repeat-x; 
    margin-top:0;
	padding-top:10px;

}

hr {
	border-bottom:1px dotted #cccccc;
	border-top:1px solid #ffffff !important; 
	border-left:1px solid #ffffff !important; 
	border-right:1px solid #ffffff !important; 
}

h1.main,
h2.main,
h3.main,
h4.main,
h5.main,
h6.main {
	text-align: left;
	margin:0px;
	padding-top:10px;
	padding-bottom:10px;
}

th.header,
td.header,
h1.header,
h2.header,
h3.header,
div.header,
tr.header{     
	border-left: 1px;
	border-right: 1px;
	border-bottom: 1px;
	color: #505050;
}

.header {
	border: none !important;
	clear: both;
	}

.generalbox {
    background: transparent; 
	border: 0px;
}

/***
 ***	Core: Header
 ***/

#header {
	height: 100px;
}

#logo { 
	background: url(images/header/logo4.png) no-repeat left top;
	width: 100%;
	height: 100px;
	float: left;
	left: 0px;
} 

/***
 ***	Core: Footer
 ***/

#footer {
	background: #ffffff;
	margin-top: 0px;
	padding:10px;
}

#footer .footerlogos { 
	margin-top: 5px;
	border-top: 1px dotted #cccccc;
}

#footer .footerlogos ul li { 
	padding-left: 5px;
	padding-right: 5px;
	display: inline; 
	margin:2px;
}

#footer p {
	font-size : 10px;
	}

/***
 ***	Core: ProfileBlock
 ***/

#profileblock {
	float: right;
	text-align: right;
	max-width: 550px;
	right: 0px;
	color:#000000;
}

*html #profileblock {
	margin-left:400px;
	max-width: 550px;
	right: 0px;
	
}

#profilepic {
	text-align:right;
	float: right;
	margin: 8px;
	width: 80px;
	height: 80px;
	border: 1px solid #ffffff;
}

#profilename {
	background-color: transparent;
	text-align:right;
	width: 440px;
	margin-right: 5px;
	margin-top:12px;
	margin-bottom:0px;
	float: left;
}

.profilename, .profilename a {
	background-color: #ffffff;
	color:#000000;
    font-size:1.4em;
	letter-spacing: -3px;
	text-decoration: none;
	font-weight:bold;
	margin-right:5px;
}

.profilename, .profilename a:hover {
	background-color: #ffffff;
	color: #00abc1;
	text-decoration:none;
}

#profileoptions {
	text-align:right;
	width: 440px;
	margin-right: 10px;
	margin-top: 0px;
	float: left;
}

#profileoptions ul li { 
	padding-left: 10px;
	padding-right: 10px;
	background-color: #ffffff;
	display: inline; 
	margin-right:5px;
}

.profileoptions {
	background-color: transparent;
	color:#2f2f2f;
	text-decoration: none;
	letter-spacing: -1px;
}

.profileoptions, .profileoptions a {
	background-color: transparent;
	color:#2f2f2f;
}

.profileoptions a:hover {
	background-color: transparent;
	color: #00abc1;
	text-decoration:none;
}


/***
 ***	Core: Menubar Date
 ***/
 
#aardvark_menu_date a {
	float:right;
	padding: 16px 5px 0 17px;
	height:30px;
	color: #ffffff;
	text-decoration:none;
	background:#2f2f2f url('images/menu/menugrad.jpg') repeat-x top center;
}

#aardvark_menu_date a:hover {
	color: #ffffff;
	text-decoration:none;
	background:#2f2f2f url('images/menu/hovergrad.jpg') repeat-x top center;
	}


/***
 ***	Core: YUI Menubar
 ***/


.yuimenubar /* Entire bar */ {
	background:#2f2f2f url('images/menu/menugrad.jpg') repeat-x top center;
	height:46px;
	margin:0;
	}

.yuimenu /* Sub container */ {
	background-color: #323232;
	z-index: 10000;
	}

.yuimenu a {
	text-decoration: none;
	background-color: #323232;
	}

a.yuimenubaritemlabel /* Bar item link */ {
	padding: 16px 10px 0px 10px;
	height:30px;
	color: #fff;
	}

a.yuimenuitemlabel /* Sub item link */ {
	padding: 4px 24px;
	color: #fff;
	border-bottom:1px solid #828282;
	border-left:0px solid #0070a6;
	border-right:0px solid #0070a6;
	}

.yuimenubar li.first-of-type .yuimenubaritemlabel {
	border-width: 0; /* No border on the first bar item link */
	}

.yuimenubaritem-hassubmenu /* Add down arrow to bar item */ {
	}

.yuimenuitem-hassubmenu /* Add right arrow to sub item */ {
	background: #323232 url(images/menu/menuitem_submenuindicator_selected.png) right center no-repeat;
	}
	
a.yuimenuitemlabel-hassubmenu {
	background: none;
	}

/* Selected MenuItem */

li.yuimenubaritem-selected /* Bar menu item */ {
	background:#f12711 url('images/menu/hovergrad.jpg') repeat-x top center;
	}

li.yuimenuitem-selected  /* Sub menu item */ {
	color: #fff
	}

a.yuimenubaritemlabel-selected, /* Bar menu item link selected */ {
	text-decoration: none;
	color: #fff;
	}

a.yuimenuitemlabel-selected  /* Sub menu item link selected */ {
	text-decoration: none;
	color: #007EBA;
	background-color: #fff;
	}

.yuimenubaritem-hassubmenu-selected /* Change down arrow on bar item */ {
	}

.yuimenuitem-hassubmenu-selected /* Change right arrow on sub item */ {
	background: #fff url(images/menu/menuitem_submenuindicator.png) right center no-repeat;
	}

a.yuimenuitemlabel-hassubmenu-selected {
	background: none;
	}

/***
 ***	Core: NavBar
 ***/

.navbar {
    background:#ffffff;     
	border-top:0px;
	border-bottom:solid 1px gray;
	border-left:0px;
	border-right:0px;
}


/***
 ***	Core: Side Block (the left and right bits)
 ***/

.sideblock {
	border:1px solid #dedede;
	background: #ffffff;
	}
	
.sideblock a {
	text-decoration: none;
	font-size: 12px;
	}
	 
#left-column .sideblock .header {
	background: url(images/sideblocks/leftrib.png) no-repeat left top;
	height: 50px;
	width: 100%;
	position: relative;
	left:-20px;
	top: 10px;
	}
	
#right-column .sideblock .header {
	background: url(images/sideblocks/rtrib.png) no-repeat right top;
	height: 50px;
	width: 100%;
	position: relative;
	right: -12px;
	top: 10px;
	}
	
/*.sideblock h2 {
	font-size: 12px;
	color: #ffffff;
	padding-top: 10px;
	padding-bottom: 2px;
	padding-left: 3px;
	}
*/

.sideblock h2 {
	font-size: 12px;
	color: #ffffff;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-right: 3px;
	border:0px;
	border-style:solid;
	border-color:#F00;
	}
	
#left-column .sideblock h2 {
	padding-left: 7px;
	}
	
#right-column .sideblock h2 {
	position: relative;
	text-align: right;
	right: 10px;

	}
	
.sideblock .content {
	border: none !important;
	/*border:thin;
	border-style:solid;*/
	}
	 
.sideblock .commands {
	/*background: url(images/sideblocks/commandsB.png) !important;
	border: 1px solid #ffffff;
	padding: 10px;
	padding-top: 6px;*/
	margin:-12px 10px 0px 10px;

	}



/***
 ***	Core: Course (the middle bit)
 ***/

.coursebox {
	background: #ffffff;
	border: 0px;    
	margin-bottom: 0px;
	margin-right: 2px;
}

body#site-index .headingblock,
body#course-view .headingblock {
	margin-bottom: 0px;
}

.section {
	background: #ffffff;
}

#course-view .section td.content {
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom:1px dashed #dfdfdf;
}

#course-view .section td.side {
  border-width:0px;
}

/***
 ***	Modules: Forum
 ***/

.forumpost {
	border: 0px;    
	width: auto;
	overflow:none;
}

.forumpost .left {
	background:#ffffff url('images/forum/leftpost.png') no-repeat top left;
}

.forumpost .picture,
.forumpost .topic {
	background:#ebebeb url('images/forum/forumheader.png');
	border:0px;
}

.forumpost .topic a:link,
.forumpost .topic a:visited {
}



.forumpost img {
  max-width: 100%;
}

/***
 ***	Modules: Calendar
***/

/* colors for calendar events */
#calendar .event_global,
.minicalendar .event_global,
.block_calendar_month .event_global {
  border-color:#cff689 !important;
  background-color:#cff689;
}

#calendar .event_course,
.minicalendar .event_course,
.block_calendar_month .event_course {
  border-color:#c6dfeb !important;
  background-color:#c6dfeb;
}

#calendar .event_group,
.minicalendar .event_group,
.block_calendar_month .event_group {
  border-color:#feffc2 !important;
  background-color:#feffc2;
}

#calendar .event_user,
.minicalendar .event_user,
.block_calendar_month .event_user {
  border-color:#d9c6e2 !important;
  background-color:#d9c6e2;
}

table.minicalendar tr td.weekend {
  color: red;
  }
  
  #calendar .duration_global,
.minicalendar .duration_global {
  border-top-color:#cff689 !important;
  border-bottom-color:#cff689 !important;
}

#calendar .duration_course,
.minicalendar .duration_course {
  border-top-color:#FF9966 !important;
  border-bottom-color:#FF9966 !important;
}

#calendar .duration_course0,
.minicalendar .duration_course0 {
  border-top-color:#FF9966 !important;
  border-bottom-color:#FF9966 !important;
}

#calendar .duration_course1,
.minicalendar .duration_course1 {
  border-top-color:#0099FF !important;
  border-bottom-color:#0099FF !important;
}

#calendar .duration_course2,
.minicalendar .duration_course2 {
  border-top-color:#FFFF00 !important;
  border-bottom-color:#FFFF00 !important;
}

#calendar .duration_group,
.minicalendar .duration_group {
  border-top-color:#FBBB23 !important;
  border-bottom-color:#FBBB23 !important;
}

#calendar .duration_user,
.minicalendar .duration_user {
  border-top-color:#A1BECB !important;
  border-bottom-color:#A1BECB !important;
}

#calendar .weekend,
.minicalendar .weekend {
  color:red;
}
.menu1 a{
	font-size:xx-large;
}
/*==============================================================================

	GRC multi-level script-free pure-CSS menuing system stylesheet.
   This code is hereby placed into the public domain by its author
   Steve Gibson. It may be freely used for any purpose whatsoever.

	Computed Geometries:	with a default 12px font, 1.0em == 12px and
	1px == 0.08333em.
	Thus, our 98px wide Freeware & Research buttons are 8.166666em wide.

                      PUBLIC DOMAIN CONTRIBUTION NOTICE							 
   This work has been explicitly placed into the Public Domain for the
	benefit of anyone who may find it useful for any purpose whatsoever.
	
==============================================================================*/

 /*================= STYLES FOR THE GRC MASTHEAD & CONTROLS ==================*/

.menuminwidth0 {             /* for all browsers (non-IE) that obey min-width */
	position:relative;
	border:0;
	margin:0;
	padding:0;
	width:100%;
	height:55px;/* 36px masthead height + 18px button height + 1px lower border*/
	min-width:560px;
}

/* suppress our whole menu when not an interactive mode (when printing, etc.) */
@media print, projection { .menuminwidth0 { display:none; } }

* html .menuminwidth1 { /* this allows IE5/6 to simulate min-width capability */
	position:relative;  /* we can simulate a minimum width by creating a large */
	float:left;          /* border in this first div, then placing our content */
	height: 1px;          /* into a second nested div (see 2nd nested div next */
	border-left:560px solid #fff;    /* CSS box-model borders are a fixed size */
}

* html .menuminwidth2 {    /* used to simulate min-width capability for IE5/6 */
	position:relative;
	margin-left:-560px;
	height: 1px;
}

#masthead {
	position:relative;      /* position our child objects relative to this div */
	float:left;
	vertical-align:top;	         /* protect from super-large user text sizing */
	border:0;
	margin:0;
	padding:0;
	width:100%;                                  /* grey-fill the entire width */
	height:36px;                  /* set the overall height above the menu-bar */
	background:#F3F3F3;                          /* a very light shade of grey */
}

#mastheadlogo {
	float:left;
	vertical-align:top;
	border:0;
	padding:0;
	margin:6px 0 0 7px;
}

#focus {                                                 /* GRC's focus label */
	position:absolute;
	border:0;
	margin:0;
	padding:0;
	top:15px;
	left:301px;
	width:121px;
	height:13px;
}

#search {                                                    /* search button */
/*	position:absolute;
	border:0;
	margin:0;
	padding:0;
	top:7px;
	right:6px;
	width:60px;
	height:19px;
	*/
}

#text {                                                 /* search text field */
	position:absolute;
	border:1px solid #404040;
	margin:0;
	padding:0 0 0 2px;				 /* move the left starting point a bit right */
	top:7px;
	right:65px;
	width:12em;														  /* search field width */
/*	height:1.215em;         we'll define this at the bottom of our style sheet */
	font-size:14px !important;
	background:#fefefe;
}

#indicator {                               /* surfing privacy tests indicator */
	position:absolute;
	border:0;
	margin:0;
	padding:0;
	top:-3px;
	right:2px;
	width:228px;
	height:22px;
}


/* ================================================================ 
This copyright notice must be untouched at all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:958px; height:47px; position:relative; z-index:100; border-bottom:0px;border-right:2px solid #585752; font-family:arial, sans-serif;}

/*HACK TO RECTIFY LAYOUT PROBLEMS WITH IE6 */
*html .menu {border-bottom:0px; border-right:0px;}

/* hack to correct IE5.5 faulty box model */
* html .menu {width:963px; w\idth:962px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */

.menu #rollover1{width:40px; height:46px; background:#000 url(images/menu/menugrad.png);}

/* HACK TO GET POSITION RIGHT IN I.E 6 
*html .menu #rollover1{width:40px; height:46px; background:#000 url(images/menu/menugrad.png);border:1px solid #585752; border-width:1px 0 1px 1px;}*/

.menu #rollover2{display:block;font-size:12px;text-decoration:none; color:#fff; width:93px; height:47px; border:1px solid #585752; border-width:1px 0 1px 1px; background:#000 url(images/menu/menugrad.png); padding-left:10px; line-height:47px; font-weight:bold;}

.menu #rollover3{display:block;font-size:12px;text-decoration:none; color:#fff; width:113px; height:47px; border:1px solid #585752; border-width:1px 0 1px 1px; background:#000 url(images/menu/menugrad.png); padding-left:10px; line-height:47px; font-weight:bold;}
.menu #rollover4{display:block;font-size:12px;text-decoration:none; color:#fff; width:123px; height:47px; border:1px solid #585752; border-width:1px 0 1px 1px; background:#000 url(images/menu/menugrad.png); padding-left:10px; line-height:47px; font-weight:bold;}
.menu #rollover5{display:block;font-size:12px;text-decoration:none; color:#fff; width:178px; height:47px; border:1px solid #585752; border-width:1px 0 1px 1px; background:#000 url(images/menu/menugrad.png); padding-left:10px; line-height:47px; font-weight:bold;}
.menu #rollover6{display:block;font-size:12px;text-decoration:none; color:#fff; width:163px; height:47px; border:1px solid #585752; border-width:1px 0 1px 1px; background:#000 url(images/menu/menugrad.png); padding-left:10px; line-height:47px; font-weight:bold;}
/*.menu #rollover7{display:block;font-size:12px;text-decoration:none; color:#fff; width:183px; height:47px; border:2px solid #585752; border-width:1px 0 1px 1px; background:#000 url(images/menu/menugrad.png); padding-left:10px; line-height:47px; font-weight:bold;}
*/
.menu #rollover7{display:block;font-size:12px;text-decoration:none; color:#fff; width:183px; height:47px; border:2px solid #585752; border-width:1px 0 1px 0px; background:#000 url(images/menu/menugrad.png); padding-left:10px; line-height:47px; font-weight:bold;}



.menu a, .menu a:visited{font-size:12px;text-decoration:none; color:#fff; border:1px solid #585752;  background:#000 url(images/menu/menugrad.png); padding-left:2px;font-weight:bold;}

#rollover1 a:visited{border:0px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}
 
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {display:block;background:#d4d8bd url(images/menu/menusub.png) repeat-x 150px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{display:block;background:#c9ba65 url(images/menus/breadcrumbs/blue-arrow.gif) no-repeat 150px center;}
.menu ul ul :hover > a.drop {display:block;background:#c9ba65 url(images/menus/breadcrumbs/blue-arrow.gif) no-repeat 150px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {display:block;background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}
 
 
 
 
 
 
 
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute;height:0;top:47px;left:0; width:170px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:48px;t\op:47px;}

/* IE 6 ONLY - hide the sub levels and give them a positon absolute so that they take up no room */
* html .menu ul ul {visibility:hidden; position:relative;height:0;top:47px;left:0; width:170px;border-top:1px solid #000;}













/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}
 
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}
 
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
 
/* style the second level links */
/*.menu ul ul a, .menu ul ul a:visited {display:block;background:#000000 url(images/menu/menusub.png); color:#ffffff; height:28px; line-height:1em; padding:5px 10px; width:170px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
/** html .menu ul ul a, * html .menu ul ul a:visited {width:170px;w\idth:170px;}*/




/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {display:block; color:#ffffff; height:auto; line-height:1em; padding:5px 10px; width:170px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:170px;w\idth:170px;}






/* style the top level hover */
/*.menu a:hover, .menu ul ul a:hover{color:#ffffff; height: 47px;}
.menu :hover > a, .menu ul ul :hover > a {color:#ffffff; height: 47px; }
*/
.menu a:hover, .menu ul ul a:hover{color:#ffffff; background:#000000 url(images/menu/menugrad.png);}
.menu :hover > a, .menu ul ul :hover > a {color:#ffffff;url(images/menu/menusub.png);}

 
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/***** aardvark_pro/aardvark.css end *****/