/* PAGE SETTINGS */
/* This section controls how all or most of the pages in the site look. You would change values in here to change (for example) the default font and its size, as well as the background colour of the page (which equates to the colour of the paper in a printed document). */

/* These sections with the forward slashes and asterisks around them are comments and aren't part of the formatting. Make sure that you don't remove the forward slashes and asterisks from around the comments, or you might mess up the file... */

/* When you see a code such as "#FFFFFF" this is a code for a particular colour. Don't worry, you don't have to make these up yourself - go to somewhere like www.colorpicker.com which will allow you to choose a colour and then copy the code for whichever colour you've chosen. You can copy and paste that code into the definitions below to get the colours you are looking for. Don't forget to include the "#" before the values - 1E595B won't work, but #1E595B will. Note that in the rules, colour is spelled as "color". */

/* This section (entitled "body") controls the look of every page on the VLE. The background colour is set to #FFFFFF (which is white), the font size is 10 points and the default text colour is #000000 (black). */

body
{
	background-color: #FFFFFF;
        font-size: 10pt;
	color: #333333;
}


/* The section after these explanatory notes defines the font face for the content of the Moodle pages. Most people will be interested in changing this, so please read the notes carefully! */

/* Read that bit above again. */

/* Note that you can't just specify any old font (such as an obscure font you've got installed on your computer) - these are fonts which will be on the computer of the person *using* your Moodle site. This is simply a list of preferred fonts, so if the first one isn't there, a browser will use the next one in the list if it can, and so on down the list. Note that something like Comic Sans MS has to be included in quotes since its name isn't one word like Arial or sans-serif. */

body, table, td, th, ul, ol, li, p 
{
	font-family:Arial, Helvetica, sans-serif;
}
a {color:#000066;}

a:visited {color:#000066;}

a:hover {color:#E35118;}


/* Here are some other font lists which you could use in the section above. Pick the one you want, then follow the instructions afterwards...:

font-family:Verdana, Arial, Helvetica, sans-serif;
font-family:Georgia, "Times New Roman", Times, serif;
font-family:"Times New Roman", Times, serif;
font-family:"Comic Sans MS",Verdana, Arial, Helvetica, sans-serif;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-family:Tahoma, Arial, Helvetica, sans-serif;

Simply copy and paste your chosen list of preferred fonts into the section above. */


/* The next two values control the position of the TOP LEFT corner of the header_logo image - change them by small increments to nudge the image to exactly where you want it. */

.header_logo
{
	top: 15px;
        left: 10px;
}

/* BLOCK HEADINGS */
/* The blocks are those boxes on the left and right of pages within Moodle which contain small pieces of content like the Calendar, the Admin tools (probably on the left now as you edit this file), etc. The ".header" sections below control the coloured boxes at the top of the blocks, while the .content section controls what's *inside* the blocks. If you want to make the blocks taller you can adjust the "height" variable - this is useful if you've a particularly large or small image for the block headers. NOTE that if you make this value too small you might not be able to see the editing icons when you (or anyone else) Turns Editing On within a course. */

.sideblock .header
{
	font-size: 12pt;
	border-color: none;
	background-color: #1A273A;
	color: #FFFFFF;
        text-align: left;
        height: 30px;
}

.headingblock .header
{
	background-color: #66FF66;
	border-color: none;
}

.sideblock .content
{
	border-color: none;
	background-color: #FFFFFF;
}

/* NAVIGATION BAR */
/* This is the (initially light-coloured) strip which runs across the top of each page (except the home page) and has the 'breadcrumb trail' of links in it. The background-color: property is the colour of this bar, the color: property is the (non-hyperlinked) text which sits in it. Bear in mind if you make both of the properties the same colour, you won't see any text. That wouldn't be good. */
 
.navbar
{
	background-color:#DB5B12;
	color:#FFFFFF;
        vertical-align:middle;
}

/* This value controls the background of the top of the page which will show through if the header_background file you are using is a .gif or .png file with a transparent background. Bear in mind that your header_logo image will float on top of this (assuming you haven't deleted that one). By default it's white. */

.header_background
{
        background-color: #FFFFFF;
}

/* HEADER BLOCK */

#header
{
	color: #000000; /* sets the text colour for the heading block */
}

.headermenu .whitenav
{
	color: #660000; /* the username displayed at top of page */
}

.headermenu /* where the information at extreme top-right of the page is, relative to the corner of the page. It's measured in pixels, so set the values below to 5px to nudge it away from the corner slightly. */
{
	position:absolute;
	top:0px;
	right:0px;
}

.logininfo /* The text saying You are logged in as J Bloggs at top right. Change the background colour if you need it to match your image */
{
	color: #000000; /* the you are logged in as top right */
	background-color: #EEEEEE;
} 

/* FOOTER */
/* This section controls the colour of the footer at the foot (!) of each page. If you do change the background colour, make sure it's something light as there will be text on it. */

#footer
{
	background-color: #FFFFFF; 
	margin-top: 10px;
	color: black; 
}

/* MISCELLANEOUS SETTINGS */
/* Settings in this section DO NOT *NEED* TO BE CHANGED - change them at your own risk. Only change things ABOVE this section unless you are 100% sure that you know *exactly* what you're doing. */

body
{
	margin: 0px;
	padding: 0px;
}

#TheBody
{
	background-color: #FFFFFF; /* needed for quizzes */
} 


.sitetopiccontent
{
	background-color: #FFFFFF;
}

.header_logo
{
	position: absolute;
	z-index: 50;
}

.content
{
	background-color: #FFFFFF;
	line-height:normal;  /* added to adjust large font sizes displaying squashed up */
}

.content.left
{
	background-color: #FFFFFF;
}

.content.right
{
	background-color: #FFFFFF; /* needed for the login box bg colours */
}

.generalboxcontent
{
	background-color: #FFFFFF; /* needed for the login box bg colours */
}

.left
{
	background-color: #FFFF99;
}

.right
{
	background-color: #FFFF99;
}

.categoryboxcontent
{
	background-color: #FFFFFF;
}

.admin .generalboxcontent
{
	background-color:#FFFFFF; 
}