/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- The guest section uses the standard master pages and the main stylesheet, which is built for the admin and coord sections
/* -- The styles here overwrite the main stylesheet
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Redefine HTML tags
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

body { padding: 0px; /*background: #D1E0FF url('../Images/Student/Layout/page_bg.gif') repeat-x left top scroll;*/ background: #fff url('../Images/Student/Header/Header_bg.gif') repeat-x scroll left top; height: 100%;  }
h2 { color:#6A1969; margin-top: 30px; border-color: #E2D3E2; background: #F0E8F0; padding: 3px 5px; font-size: 150%; }
p { font-size: 105%; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Overwrite Page Layout
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.OuterShell { width: 780px; margin: 0px auto; border: 0px solid #877CB8; width: 100%;   }
div.InnerShell { /*background: #FFF;*/ width: 776px; margin: 0px; padding: 0px; position: relative; width: 980px; margin: auto; }

div.Header { position: relative; height: auto; background: #FFF; }
div.HeaderContent { height: 135px; background: #FFF url('../Images/Student/Header/header_bg.gif') repeat-x scroll left top; }
div.HeaderContent div.Logo { position: absolute; left: 0px; top: 0px; width: 130px; height: 84px; background: url('../Images/Student/Header/logo.jpg') no-repeat scroll right top; }
div.HeaderContent div.Left { position: absolute; left: 0px; top: 95px; width: 179px; height: 54px; background: url('../Images/Student/Header/header_left.gif') no-repeat scroll left top; }
div.HeaderContent div.Right { position: absolute; right: 0px; top: 23px; width: 400px; height: 82px; background: url('../Images/Student/Header/header_right.gif') no-repeat scroll right top; }

div.ContentHolder { margin: 20px 0px 0px; padding: 0px; position: relative; }

div.LeftColumn { width: 200px; position: relative; float: left; left: auto; top: auto; }
div.LeftColumnContent { padding: 7px 0px; margin: 0px 0px 40px; }

div.MiddleColumn { margin: 0px 20px 0px 230px;  }
div.MiddleColumnContent { position: relative; }

/*div.Footer { background-position: left 27px; height: 61px; }
div.Footer div.Left { position: absolute; left: 0px; bottom: 0px; width: 75px; height: 61px; background: url('../Images/Student/Footer/footer_left.gif') no-repeat scroll left 10px; }
div.Footer div.Right { position: absolute; right: 0px; bottom: 0px; width: 118px; height: 53px; background: url('../Images/Student/Footer/footer_right.gif') no-repeat scroll right 10px; }*/

* html div.Header { position: relative; }
* html div.LeftColumn { float: left; left: auto; top: auto; position: relative; }

div.InputGrid { width: 360px; }
div.RightColumn div.OptionsPanelContent { padding: 10px; color: #333; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Overwrite Login Status
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.LoginStatusContent div.Left { position: absolute; top: 5px; left: 135px; }
div.LoginStatusContent div.Right { position: absolute; top: 5px; right: 10px;  }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Overwrite Main Menu
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.MainMenu { position: absolute; left: auto; right: 0; top: 64px; }
div.MainMenu ul { list-style: none; margin: 0px; padding: 0px; }
div.MainMenu ul li { margin: 0px; float: left; }
div.MainMenu ul li a { height: 42px; }
div.MainMenu ul li a span { display: none; } /* hide the text within the a tag */

/* hide original style */
div.MainMenu ul li a:link,
div.MainMenu ul li a:visited,
div.MainMenu ul li a:hover,
div.MainMenu ul li.Selected a:link,
div.MainMenu ul li.Selected a:visited,
div.MainMenu ul li.Selected a:hover { padding: 0px; }

/* add the bg images  */
div.MainMenu ul li#Tab1 a { background: url('../Images/Guest/MainMenu/home.gif') no-repeat scroll left -42px; width: 100px; }
div.MainMenu ul li#Tab2 a { background: url('../Images/Guest/MainMenu/contact.gif') no-repeat scroll left -42px; width: 128px; }
div.MainMenu ul li#Tab3 a { background: url('../Images/Guest/MainMenu/resources.gif') no-repeat scroll left -42px; width: 153px; }
div.MainMenu ul li#Tab4 a { background: url('../Images/Guest/MainMenu/login.gif') no-repeat scroll left -42px; width: 100px; }
div.MainMenu ul li#Tab5 a { background: url('../Images/Guest/MainMenu/news.gif') no-repeat scroll left -42px; width: 100px; }

div.MainMenu ul li.Selected a { background-position: left top !important; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Sub Menu (when panels are "fixed" the height setting and white bg helps cover up the main page elements)
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.SubMenu { display: none; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Copyright
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.CopyrightHolder { width: 980px; margin: 10px auto; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/


div.MiddleColumn1Col
{
	margin: 0px 0px 0px 0px;
}