@charset "utf-8";
/* CSS Document */
html, body { height:100%; }

body	{ background:#5f5f5f; margin-top:0px; margin-bottom:0px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF; text-align:center;
}

h1{	margin:0px;	font-size:20px; font-style:italic; font-weight:bold;}

h2 {	font-size:18px; }

h3 {	font-size:16px;}

td { font-size:12px; }

ul { font-size:12px;}

img { border:none; }

a:link {	color: #FFFFFF; }

#container  {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	height: 100%;
	background:url('../images/css/containerbackground.jpg') repeat-y;
	width: 800px;
	text-align: left; 
	color: #FFFFFF;
}

#pic_logo {
	position: relative;
	background:url('../images/index/BakerWebLogo_2.jpg');
	height:152px;
	width:737px;
	left:30px;
}

#nav	{
	position: relative;
	top:5px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
}

#nav a {
	margin-left:10px;
	margin-right:10px;
	text-decoration:none;
}

#nav a:visited {
	color:#FFFFFF;
}

#nav a:hover {
	color:#0000e1;
	cursor:pointer;
}

.activeLink {
	color:#0000e1;
}

#footer {	
	margin-left:auto;
	margin-right:auto;
	position:relative;
	height: 200px;
	background:url('../images/css/containerbackground.jpg') repeat-y;
	width: 800px;
	text-align: left; 
}

/*use for general purposes*/
#content {
	position:relative;
	top:25px;
	background:url('../images/css/containerbackground.jpg') repeat-y;
}

#content a {
	text-decoration:underline;
}

#content a:visited {
	color:#FFFFFF;
}

#content a:hover {
	color:#0000ff;
	cursor:pointer;
}

/*use for index*/
#contentindexleft{
	position:relative;
	left:40px;
	width:337px;
	height:413px;
	background:url('../images/index/pic_frontpage_ranger.jpg');
	text-align:left;
}

#contentindexleft p{
	font-size:14px;
	color:#000000;
}

#contentindexleft h1 {
	font-size:24px;
	font-style:italic;
	font-weight:bold;
	color:#cccccc;
}

#contentindexleft a:link{
	color:#000000;
}

#contentindexleft a:visited {
	color:#000000;
}

#contentindexleft a:hover {
	color:#cccccc;
	cursor:pointer;
}

#contentindexright{
	position:absolute;
	top:0px;
	left:380px;
}

#contentindexright h1 {
	font-size:24px;
	font-style:italic;
	font-weight:bold;
}

/*use for school page*/
#contentschoolleft{
	position:relative;
	left:50px;
	width:350px;
}
#contentschoolright{
	position:absolute;
	top:50px;
	left:425px;
	right:50px;
}

#contentschoolfooter{
	position:relative;
	text-align:left;
	font-size:15px;
	top:10px;
	left:55px;
	width:700px;
}

/*use for contact page*/
#contentcontactright {
	position:absolute;
	left:300px;
}

#contentcontactleft {
	position:absolute;
	text-align:left;
	font-size:12px;
	left:75px;
	width:200px;
}