/* Sanjeev Rajput: JellyTriangle Graphics & Webdesign 2007 - www.jellytriangle.com -  main cascading style sheet for Superior Education - www.superioreducation.ca */

/* The body element affects all items in the page. This sets the background color for the website and centers the webpage in the browser */

body 
{
    margin: 10px 0px;
    padding: 0px;
    text-align: center;
    background-color: #848484; /* Dark Gray background color */
}

/* The elements in this section set the standard for the entire website */

img 
{
border:none;
padding:0px;
}

/* Globalbar: Area at TOP of website in the gray background area usually used for search bar and navigation links  */

div#globalbar
{
height: 10px;
padding: 0px 30px 0px 20px;
color: white;
}

div#globalbar p
{
float:left;
margin-left: 25px;
margin-top: 7px;
}

div#globalbar a
{
	color: white;
}

div#search
{
border: none;
}

input.submitbutton
{
float:right;
margin-top:5px;
margin-right: 15px;
}

input.submit
{
float:right;
margin-top:5px;
margin-right:10px;
}

/* ========================================================================================= */
/* Section 1: Setup the main containers for the website (structure) in this section. The items in this section are entered in the order they appear working from top of the site towards the bottom and working from the outside towards the center */

/* Webpage: container holding all of the elements of the WebPAGE within the website */
div#webpage 
{
width: 950px;
margin: 0px auto;
margin-top: 0px;
text-align: left;
padding: 0px;
}

/* Navbar: horizontal navigation bar located just below the banner. */
div#navbar
{
	padding-left: 30px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: -4px;
	background-color: #6b4c09; /* Dark Brown background color */
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: .80em;
	color: white;
	background-image: url('../images/navbarbackground.gif');
}

div#navbar a
{
	color: white;
	text-decoration: none;
	margin-left: 10px;
	margin-right: 10px;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: .80em; 
}

/* Mainarea: whitespace section containing content, runs from the bottom of the navbar to the top of the footer. This section should have a set height, and that height should be consistent across the website. */
div#mainarea
{
padding:0px;
margin-left: 0px;
background-image: url('../images/mainareabackground.gif');
}


/* Mainadsection: On HOMEPAGE only. This section starts directly below below the navbar and is above the start of the columns for content */
div#mainadsection
{
position: relative;
width: 879px;
margin-left: 28px;
border-top: 1px solid #463104;
}

/* Leftcolumn: the main area is divided into 2 columns. The left column takes a majority of the space and is used for the main site content. */
div#leftcolumn 
{
width: 690px;
margin: 0px;
margin-top:5px;
margin-left: 28px;
padding-bottom: 15px;
background-color: white;
}

div#leftcolumn p
{
	margin-left: 15px;
	font-family: Helvetica, arial, sans-serif; 
	font-size: .75em;
	color: black;
	text-align: justify;
}

div#leftcolumn a
{
text-decoration:none;
}

div#leftcolumn h2
{
	margin-left: 15px;
	color: #296514;
	font-family:Helvetica, arial, sans-serif;
	font-size: 1.05em;
	border-bottom:1px solid green;
}

div#leftcolumn h3
{
	margin-left: 15px;
	margin-top: 10px;
	color: #296514;
}

div#leftcolumn img
{
	margin-left: 25px;
}

div#leftcolumn ul 
{
	font-family: Helvetica, arial, sans-serif; 
	font-size: .75em;
	color: black;
}

div#leftcolumn td 
{
	font-family: Helvetica, arial, sans-serif; 
	font-size: .75em;
	color: black;
	padding-right: 10px;
}

div#leftcolumn table
{
margin-left: 15px;
}

.compname
{
text-align:right;
}

img.floatleft
{
	float: left;
	margin-right: 55px;
	margin-bottom: 15px;
}

table.contactdetails
{
	margin-left: 15px;
	width: 400px;
}

td.column2
{
	margin-left: 20px;
}

/* Rightcolumn: the main are is divided into 2 columns. The right column takes the remainder of the mainarea (mainarea width - leftcolumn width = rightcolumn width) */
div#rightcolumn
{
float: right;
margin-right: 55px;
margin-top: 5px;
padding: 0px;
font-family: Helvetica, arial, sans-serif; 
font-size: .75em;
color: black;
}

div#rightcolumn h2
{
	margin-left: 15px;
	margin-top: 10px;
	color: #296514;
	font-family:Helvetica, arial, sans-serif;
	font-size: .95em;
}

div#rightcolumn img
{
	border: 1px solid gray;
}

/* Footer: container holding the footer image. Located at the bottom of the webpage */
div#footer
{
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

/* Legal: copyright and site design information. Located within the footer section of the webpage */
div#legal
{
margin-top: -100px;
margin-left: 50px;
}

div#legal p
{
font-family: Arial;
font-size: .70em;
font-weight: none;
color: white;
}

div#legal a
{
	color: white;	
}