/* GLOBAL ******************************/

body
{
    margin: 0px;
    padding: 0px 0px 0px 0px;
    background: #630156 url(/Images/Extended/LightLive/Splash/SU_topNav_bg_slice.gif) repeat-x;
    font-size: 75%;
    font-family: Verdana;
}

a,
a:link,
a:active,
a:visited
{
    color: #d23a17;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

div.googlePageviewPath {
clear: both;
color: #989898;
font-size: 80%;
margin: 0 auto;
padding: 5px 0 15px;
text-align: right;
width: 934px;
}

h1
{
    margin:0px;
    padding:0px 0px 13px 0px;
    font-size:130%;
    font-weight:bold;
    color:#D23A17;
}

div.wrapper
{
    width: 956px;
    margin: 0px auto 0px auto;
    padding: 0px 0px 15px 0px;
}

div.wrapper div.container
{
    width: 953px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}

div.wrapper div.containerbottom
{
    width: 725px;
    float: left;
    background-image: url(/Images/Extended/WordLive/Splash/Content_bottom_slice.gif);
    background-repeat: repeat-x;
   
}

div.wrapper div.containerbottom .imgContainerbottomLeft
{
    float: left;
}

div.wrapper div.containerbottom .imgContainerbottomRight
{
    float: right;
}

/* COMMON FORM *****************************/ 

div.commonvalidation ul
{
    margin:0px 20px 0px 20px;
    padding:0px;
    color:Red;
}

/* TOP ******************************/

div.top
{
    width: 953px;
    height: 34px;
    background:#630156 url(/Images/Extended/LightLive/Splash/SU_topNav_bg_slice.gif) repeat-x;
    padding: 0px 0px 0px 4px;
    margin: 0px 0px 0px 0px;
    float: left;
    color: #000000;
}

div.top a,
div.top a:link,
div.top a:active,
div.top a:visited
{
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}

div.top a:hover
{
    text-decoration: underline;
}

div.top div.logo
{
    width: 219px;
    padding: 0px 0px 0px 0px;
    float: left;
    margin: 0px 0px 0px 0px;
}

div.top div.loginandsearch
{
    width: 715px;
    float: right;
}

div.top div.loginandsearch div.login
{
    float: right;
    padding: 0px 0px 0px 0px;
}

div.top div.loginandsearch div.login .imgDivider
{
    float: left;
    padding: 0px 7px 0px 7px;
    width: 2px;
    height: 34px;
}

div.top div.loginandsearch div.login div.logintext
{
    float: left;
    margin: 8px 0px 0px 0px;
    font-size: 90%;
}

div.top div.loginandsearch div.search
{
    width: 190px;
    padding: 0px 12px 0px 0px;
    float: right;
}

div.top div.loginandsearch div.search span.field
{
    width: 160px;
    margin: 5px 0px 0px 0px;
    display: block;
    float: left;
}

div.top div.loginandsearch div.search span.field input.text
{
    width: 150px;
    height: 12px;
    color: Gray;
    font-size: 90%;
    font-family: Verdana;
}

div.top div.loginandsearch div.search .imgSearchButton
{
    width: 20px;
    display: block;
    float: right;
}

/* MAIN ******************************/

div.main
{
    width: 953px;
    float: left;
}

/* LEFT COLUMN ******************************/

div.main div.leftcol
{
    width:224px;
    float:left;
    font-size:90%;
    margin:0;
}

div.main div.leftcol .LightLiveLogo
{
    float:left;
    width:224px;
}

div.main div.leftcol .LightLiveLogo .imgLightLiveLogo
{
    float:right;
    width:171px;
    height:91px;
    padding:17px 15px 15px 0px;
}

div.main div.leftcol div.loginbox
{
    float:right;
    width:177px;
    background:url(/Images/Extended/LightLive/Splash/LL_Splash_Login_Box_Middle.gif) repeat-y left;
    padding-right:12px;
}

	div.main div.leftcol div.loginbox span.loginboxtop
	{
		float:left;
		width:157px;
		background: url(/Images/Extended/SchoolsLive/Splash/SL_Splash_Login_Box_Top.gif) no-repeat top;
		padding-right:20px;
	}
	
	div.main div.leftcol div.loginbox span.logoutboxtop
	{
		float:left;
		width:157px;
		background: url(/Images/Extended/LightLive/Splash/LL_Splash_Logout_Box_Top.jpg) no-repeat top;
		padding-right:20px;
	}

	div.main div.leftcol div.loginbox img.registertitle
	{
		float: left;
		width: 145px;
		height: 13px;
		margin: 11px 0 0 12px;
	}
	
	div.main div.leftcol div.loginbox img.welcometext
	{
		float: left;
		width: 150px;
		height: 26px;
		margin: 11px 0 0 12px;
	}
	
	div.main div.leftcol div.loginbox span.registercopy
	{
		float:left;
		width:145px;
		padding:4px 0 3px 12px;
	}
	
	div.main div.leftcol div.loginbox span.welcomecopy
	{
		float:left;
		width:145px;
		padding:5px 0 15px 12px;
		font-weight:bold;
		color:#630156;
	}
	
	div.main div.leftcol div.loginbox img.registerbutton
	{
		float: right;
		margin:0 0 7px 0;
	}
	
	div.main div.leftcol div.loginbox img.logintitle
	{
		float: left;
		margin:0 0 4px 0;
	}
	
	div.main div.leftcol div.loginbox span.errormessage
	{
		float: left;
		width:145px;
		padding:0 0 4px 12px;
		font-family:Arial;
		font-size:100%;
	}
	
	div.main div.leftcol div.loginbox label.loginlabel
	{
		float: left;
		padding:0 12px 2px 12px;
		color:#FFFFFF;
		font-weight:bold;
		font-size:90%;
	}
	
	div.main div.leftcol div.loginbox input.textbox
	{
		float: left;
		width: 136px;
		height: 14px;
		border:solid 1px #2268AB;
		margin: 0 0 3px 12px;
		font-family: Verdana;
		font-size:11px;
	}
	
	div.main div.leftcol div.loginbox a.forgotlink
	{
		float: left;
		margin: 0 12px 0 12px;
		font-size:100%;
		color:#000;
		text-decoration:underline;
	}
	
	div.main div.leftcol div.loginbox span.loginboxbottom
	{
		float:left;
		width:177px;
		background: url(/Images/Extended/LightLive/Splash/LL_Splash_Login_Box_Bottom.jpg) no-repeat bottom;
	}
	
	div.main div.leftcol div.loginbox span.logoutboxbottom
	{
		float:left;
		width:177px;
		background: url(/Images/Extended/LightLive/Splash/LL_Splash_Logout_Box_Bottom.jpg) no-repeat bottom;
	}
	
	div.main div.leftcol div.loginbox a.helplink
	{
		float: left;
		margin: 1px 0 0 12px;
		font-size:100%;
		color:#000;
		text-decoration:underline;
	}
	
	div.main div.leftcol div.loginbox a.registerlink
	{
		float: left;
		margin: 1px 0 0 10px;
		font-size:100%;
		color:#000;
		text-decoration:underline;
	}
	
	div.main div.leftcol div.loginbox input.loginbutton
	{
		float: right;
		width: 55px;
		height: 22px;
		margin: 0 3px 2px 0;
	}
	div.main div.leftcol div.loginbox img.logoutbutton
	{
		float: right;
		width: 65px;
		height: 22px;
		margin: 0 3px 2px 0;
	}

/* MIDDLE ******************************/

div.main div.bannerleftmiddleright
{
    float: left;
    width: 720px;
    height: 468px;
    background: url(/Images/Extended/SchoolsLive/Splash/Splash_Background.jpg) no-repeat bottom;
}

div.main div.loggedin
{
    background: url(/Images/Extended/SchoolsLive/Splash/Splash_Background_Logged.jpg) no-repeat bottom;
}

div.main div.bannerleftmiddleright div.topnavigation
{
    float:left;
    width: 720px;
    background-color: #630156;
    height: 47px;
}

div.main div.bannerleftmiddleright div.topnavigation img
{
    float:right;
    padding: 0px 0px 0px 0px;
    margin: 7px 40px 0px 0px;
}

div.main div.bannerleftmiddleright div.splashtop
{
    float: left;
    width: 720px;
    height: 22px;
    padding-top: 320px;
}

div.main div.bannerleftmiddleright div.splashtop a.tourbutton
{
    float: left;
    margin-left: 36px;
}

div.main div.bannerleftmiddleright div.splashtop a.registerbutton
{
    float: left;
    margin-left: 264px;
}

div.main div.bannerleftmiddleright div.splashtop a.lightlivebutton
{
    float: left;
    margin-left: 213px;
}

div.main div.bannerleftmiddleright div.splashmiddle
{
    float:left;
    width:720px;
    height:35px;
    text-align:center;
    padding-top:15px;
    font-size: 75%;
    color: #989898;
}

div.main div.bannerleftmiddleright div.splashbottom
{
    float: left;
    width: 720px;
    height:24px;
    padding-top:5px;
}

div.splashbottom ul
{
    margin: 0;
    padding: 0px 0px 0px 0px;
    display: block;
    list-style-type: none;
    text-align: center;
}

div.splashbottom ul li
{
    margin: 0px 7px 0px 0px;
    padding: 0px 5px 0px 0px;
    display: inline;
    background: url(/Images/Extended/WordLive/Splash/footerlinkseperatorwhite.gif) no-repeat 100% 50%;
}

div.splashbottom ul li.last
{
    margin: 0;
    padding: 0;
    background: none;
}

div.splashbottom ul li a,
div.splashbottom ul li a:link,
div.splashbottom ul li a:active,
div.splashbottom ul li a:visited
{
    font-size: 90%;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
}

div.splashbottom ul li a:hover
{
    text-decoration: underline;
}

/* TOUR *********************************/

div.main div.tourcontent
{
    float:left;
    width:720px;
    height:558px;
    background:url(/Images/Extended/SchoolsLive/Tour/tour1.jpg) no-repeat bottom;
}

	div.main div.tourcontent div.topnavigation
	{
		float:left;
		width:720px;
		background-color:#630156;
		height:47px;
	}

		div.main div.tourcontent div.topnavigation img
		{
			float:right;
			padding:0px 0px 0px 0px;
			margin:7px 40px 0px 0px;
		}

	div.main div.tourcontent div.topbuttons
	{
		float:left;
		width:700px;
		height:22px;
		padding: 10px 0 0 10px;
	}

	div.main div.tourcontent div.bottombuttons
	{
		float:left;
		width:700px;
		height:22px;
		padding:0 0 0 10px;
		margin:447px 0 0 0;
	}

		div.main div.tourcontent div.topbuttons input.floatright,
		div.main div.tourcontent div.bottombuttons input.floatright
		{
			float:right;
		}

/* BOTTOM ******************************/

div.bottomcontainer
{
    width: 720px;
    float: left;
}

div.bottom
{
    background-color: #798281;
    width: 720px;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
}
div.bottom ul
{
    margin: 0;
    padding: 0px 0px 0px 0px;
    display: block;
    list-style-type: none;
    text-align: center;
}

div.bottom ul li
{
    margin: 0px 7px 0px 0px;
    padding: 0px 5px 0px 0px;
    display: inline;
    background: url(/Images/Extended/WordLive/Splash/footerlinkseperatorwhite.gif) no-repeat 100% 50%;
}

div.bottom ul li.last
{
    margin: 0;
    padding: 0;
    background: none;
}

div.bottom ul li a,
div.bottom ul li a:link,
div.bottom ul li a:active,
div.bottom ul li a:visited
{
    font-size: 90%;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration: none;
}

div.bottom ul li a:hover
{
    text-decoration: underline;
}

div.bottom p
{
    padding: 0;
    text-align: center;
    font-size: 85%;
    color: #989898;
}

div.wrapper div.belowleft
{
    float: left;
    font-size: 85%;
    color: #989898;
    padding:15px 0 0 225px;
}
div.wrapper div.belowright
{
    float: right;
    padding: 15px 12px 0 0;
    font-size: 85%;
    color: #989898;
}

div.wrapper div.belowleft a,
div.wrapper div.belowleft a:link,
div.wrapper div.belowleft a:active,
div.wrapper div.belowleft a:visited,
div.wrapper div.belowright a,
div.wrapper div.belowright a:link,
div.wrapper div.belowright a:active,
div.wrapper div.belowright a:visited
{
    font-size: 100%;
    font-weight: normal;
    color: #989898;
    text-decoration: none;
}

div.wrapper div.belowleft a:hover,
div.wrapper div.belowright a:hover
{
    text-decoration: underline;
}