/*
Layout stylesheet for NISOG site
Layout ONLY - formatting etc in other CSS files
*/

html {
	margin: 0;
	padding: 0;
	overflow:hidden;
	}
/*	
body 
{
background-image:url('../images/NISOG_Background.gif')
}
*/
#MainBody
{
	padding:0;
	position:absolute;
	width:100%;
	height:100%;
}

#Banner
{
	height:100px;
	width:100%;
}

#BannerLogo
{
	float:left;
	width:600px;
	height:100px;
	background-image:url(../images/NISOG_Logo.jpg);
}

#NISOGText
{
	float:left;
	width:100%;
	height:40px;
	background-image:url(../images/NISOG_Text.gif);
	background-repeat: no-repeat;
	margin-bottom:10px;
}

 #MenuBar
{
	margin-top:3px;
	width:100%;
	height:35px;
	background-repeat: repeat-x;
}

body.GreyScheme #MenuBar
{
	background-image:url(../images/MenuBackground.jpg);
}

body.GreenScheme #MenuBar
{
	background-image:url(../images/MenuBackground_Green.jpg);
}

#Menu
{
	margin-top:1px;
	padding-left:5px;
	width:100%;
	height:35px;
	background-color:blue;
}

#Content
{	
	position:absolute;
	padding-top: 10px;
	/*padding-bottom:10px;*/
	width:100%;
	height:70%;
	background-image:url(../images/BlueGradient.jpg);
}

#SideImage
{
	height:400px;
	width:250px;
	float:left;
	background-image:url(../images/SideImage.gif);
	background-repeat: no-repeat;
	opacity:0.15;
	filter: alpha(opacity = 20);
}

#ContentImage
{
	float:right;
	margin:6px;
}

#TitleImage
{
	position:absolute;
	left:255px;
	height:60px;
	width:629px;
	z-index:1;
	top:11px;
	/*background-image:url(../images/About_NISOG.gif);*/
	background-repeat: no-repeat;
}

#Test #TitleImage
{
	background-image:url(../images/About_NISOG.gif);
}
#Home #TitleImage
{
	background-image:url(../images/About_NISOG.gif);
}
#FAQ #TitleImage
{
	background-image:url(../images/FAQ.gif);
}
#AboutOrtho #TitleImage
{
	background-image:url(../images/About_Orthodontics.gif);
}
#Benefits #TitleImage
{
	background-image:url(../images/Benefits.gif);
}
#Treatments #TitleImage
{
	background-image:url(../images/Treatments.gif);
}
#Private #TitleImage
{
	background-image:url(../images/Private_Treatments.gif);
}
#Council #TitleImage
{
	background-image:url(../images/NISOG_Council.gif);
}
#FindAnOrtho #TitleImage
{
	background-image:url(../images/Find_An_Orthodontist.gif);
}
#AboutNISOG #TitleImage
{
	background-image:url(../images/About_NISOG.gif);
}
#Links #TitleImage
{
	background-image:url(../images/Useful_Links.gif);
}

#ContentBox
{
	overflow:auto;
	overflow-x: hidden;
	position:absolute;
	align:center;
	width:650px;
	left:250px;
	top:10px;
	height:355px;
	_height:400px; /* IE hack */
	background-color:white;
	border:1px double silver;
	padding-left:5px;
	padding-right:5px;
	padding-top:50px;
	margin-bottom:10px;
}

#LeftContent
{
	position:absolute;
	bottom:0px;
	left:0px;
	height:100%;
	/*background-image:url(../images/BL_Corner.gif);*/
	background-repeat: no-repeat;
	background-position:bottom left;
	width:30px;
	z-index:1;
}

#RightContent
{
	position:absolute;
	bottom:0px;
	right:0px;
	height:100%;
	/*background-image:url(../images/BR_Corner.gif);*/
	background-repeat: no-repeat;
	background-position:bottom right;
	width:30px;
}

#BottomBar
{
	position:absolute;
	width:100%;
	height:30px;
	background-color:#eeeeee;
}

/* Menu Bar Styling*/

#topmenu {
	/*background-image:url(../images/TR_Corner.gif);*/
	background-repeat: no-repeat;
	background-position:top right;
	width:100%;
	height:35px;
}

ul {
	position:absolute;
	list-style: none;
	margin: 0;
	/*padding-top:5px;*/
	/*background-image:url(../images/TL_Corner.gif);*/
	background-repeat: no-repeat;
	}

ul li {
	float: left;
	margin: 0;
	padding :0;
	}

ul li a {
	color: #777;
	display: block;
	padding: 0px 0px 0px 0px;
	text-align: center;
	text-decoration: none;
	font-size:11px;
	width: 80px;
	height:35px;
	background-image:url(../images/Menu_Line.gif);
	background-repeat: no-repeat;
	}

#Test li.AboutNISOG a,
#Home li.Home a,
#FAQ li.FAQ a,
#Benefits li.Benefits a,
#AboutOrtho li.AboutOrtho a,
#Treatments li.Treatments a,
#Private li.Private a,
#Council li.Council a,
#FindAnOrtho li.FindAnOrtho a,
#AboutNISOG li.AboutNISOG a,
#Links li.Links a
{
	background-image:url(../images/Menu_Line_Highlight.gif);
	background-repeat: no-repeat;
}

ul li a strong {
	color: #000;
	display: block;
	font-size: large;
	font-size:11px;
	}

ul li a:hover {
	color: #000;
	}

a#anchor:link{
	color: #777;
	font-size: large;
	font-size:12px;
	text-decoration: none;
	}
	
a#anchor:visited{
	color: #777;
	font-size: large;
	font-size:12px;
	text-decoration: none;
	}

a#anchor:active{
	color: #777;
	font-size: large;
	font-size:12px;
	text-decoration: none;
	}
	
a#anchor:hover{
	color: #000;
	text-decoration: none;
	}