/* ----- GLOBAL & BODY ----- */
body {
	margin: 0 auto;
	background: #440055 url(../Images/Frame/bgd_gradient.gif) repeat-x center top;
}

* { 
	margin: 0;
	padding: 0;
}
* html img,
* html #wrap { behavior: url(iepngfix.htc); }
/* ----- PAGE STRUCTURE ----- */

#OptiMinds caption
	{
	padding-bottom: 0.5em;
	text-align: left;
	font-weight: bold;
	color: black;
	background-color: white;
	}

#wrap {
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: center;
	background: transparent url(../Images/Frame/bgd_girl.png) no-repeat center bottom;
}
#container {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	background: transparent url(../Images/Frame/bgd_rubans.jpg) no-repeat center top;
	height: 286px;
}
#banner {
	margin: 0px auto;
	padding: 0px;
	width: 840px;
	height: 204px;
}
#contentcontainer {
	margin: 0px auto;
	padding: 0px;
	width: 840px;
	text-align: left;
	background: transparent url(../Images/Frame/bgd_main.gif) repeat-y center;
	border: none;
}
#footer {
	font-size: 10px;
	text-align: left;
	background: transparent url(../Images/Footer/bgd_footer.gif) no-repeat center top;
	height: 48px;
	width: 840px;
	margin: 0px auto;
	padding: 30px 20px 10px 0px;
}
#footerlinks {
	font-size: 10px;
	text-align: left;
	width: 840px;
	margin: 0px auto;
	padding: 0px;
}
#footerlinks span {
	font-size: 10px;
	text-align: left;
	margin: 0px;
	padding: 5px 15px 15px 15px;
}
#left {
	text-align: left;
	float: left;
	width: 238px;
	min-height: 250px;
}
#right {
	text-align: left;
	float: left;
	width: 602px;
}
.rightContent {
	float: right;
	text-align: right;
	padding-top: 15px;
}

/* ----- LINKS ----- */

#footerlinks  a { color: #333333; text-decoration: underline;}
#footerlinks a:hover { text-decoration: none;}

/* ----- LEFT MENU (http://css-class.com/articles/ursidae/)----- */

#menu {
	text-align: left;
	width: 238px;
	min-height: 250px;
	background: transparent url(../Images/Navigation/menu_bgd.gif) no-repeat right bottom;
}
ul#navigation{ font: bold 12px "Lucida Grande", verdana, arial, helvetica, sans-serif;}
ul#navigation, ul#navigation ul { padding: 0; margin: 0; list-style: none;}
ul#navigation ul {/*           **** Borders for submenus only **** */
	border-left: 1px solid #CC9999;
	border-top: 1px solid #CC9999;
}
ul#navigation li { line-height : 1.35em; position: relative; float: left;}
ul#navigation li.main { width: 238px; background: transparent url(../Images/Navigation/menu_link_bgd.gif) no-repeat right top;}
ul#navigation>li li { /* Needed for Opera 9, maybe because it's decent CSS. Hide from IE6 */
	float: none;
}
#navigation li.main a, #navigation li a {
	display: block;
	text-decoration: none;
	text-align:left;
	color: #FFFFFF;
	/*width: 6em;           ****CHANGE-MENU if no width li **** */
	padding: 4px 0.5em 4px 0.5em;
	border-bottom: 1px solid #CC9999;/*0.04em*/
	border-right: 1px solid #CC9999;
}
#navigation li.main a.main { color: #FFFFFF; padding: 4px 0.5em 4px 60px; border: none;}
ul#navigation li li a {
	background-color: #880044;
	width: 8em; /*           ****CHANGE-SUBMENU**** */
	text-align:left;
}
ul#navigation li li li a {
	width: 10em; /*           ****CHANGE-SUBMENU**** */
}
ul#navigation li a:hover, ul#navigation ul li:hover a:hover { /* The hovered style for submenus */
	color: #330000;
	background-color: #FFCCCC;
}
ul#navigation li.main a.main:hover { /* The hovered style for main menus */
	color: #330000;
	background: transparent url(../Images/Navigation/menu_link_bgd.gif) no-repeat scroll 100% -100px;
}
ul#navigation li ul { /* Hides the first unhovered submenu */
	position : absolute;
	left: -999em;bottom:0;
}
#navigation li:active ul ul, #navigation li:active ul ul ul, #navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {
	left: -999em; /* Hides the second and following unhovered submenus */
}
#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul {
	top: 0;
	left: -1px;
	margin-left: 100%;
}
/* Allows parent list item to be highlighted */
#navigation li.main:hover a.main, #navigation li.main.sfhover a.main {
	color: #330000;
	background: transparent url(../Images/Navigation/menu_link_bgd.gif) no-repeat scroll 100% -100px;
}

/* ----- REGISTER MENU ----- */

ul.register li { font: bold 14px/18px arial, verdana, helvetica, sans-serif; display: inline; list-style: none; margin: 0 1em 0 0; padding: 0; background: none;}
ul.register { padding: 5px 0;}
ul.register a, .register a:link, .register a:visited { display: block; padding: 22px 4px 22px 70px; color: #FFFFFF; text-decoration: none;}
ul.register .blue a { background: transparent url(images/btn_register_school_both.gif) no-repeat right top;}
ul.register .orange a { background: transparent url(images/btn_register_team_both.gif) no-repeat right top;}
ul.register .red a { background: transparent url(images/btn_school_login_both.gif) no-repeat right top;}
ul.register .blue a:hover { text-decoration: none; background: transparent url(images/btn_register_school_both.gif) no-repeat right top; background-position:0% 0%;}
ul.register .orange a:hover { text-decoration: none; background: transparent url(images/btn_register_team_both.gif) no-repeat right top; background-position:0% 0%;}
ul.register .red a:hover { text-decoration: none; background: transparent url(images/btn_school_login_both.gif) no-repeat right top; background-position:0% 0%;}

.login { padding: 30px 12px 0px 55px; background: url(images/login_bgd.gif) no-repeat right top;}
.loginfooter { background: transparent url(images/login_footer.gif) no-repeat right top; height: 22px;}

/* -------- OLG ------- */

#footer, #footer a { color: #FFFFFF; font-size: 10px;}
#footer #footertext { float: left; padding: 0px 20px 0px 220px;}

#olg { float: right; padding: 5px 0px 0px 0px;}
#olg a, #olg a:visited, { text-decoration: none;}
#olg a:hover { text-decoration: underline;}