/* CSS Document */

/*Begin Banner*/
#BannerWrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 101%;
	height: 104px;
	background-image: url(Banner/BannerSpacer.jpg);
	background-repeat: repeat-x;
	z-index: 3;
}
#BannerLeft {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 272px;
	height: 104px;
	background-image: url(Banner/BannerLeft.jpg);
	z-index: 8;
}
#BannerCenter {
	position: absolute;
	top: 0px;
	left: 272px;
	width: 272px;
	height: 104px;
	background-image: url(Banner/BannerCenter.jpg);
	z-index: 7;
}
#BannerAnimation {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 174px;
	height: 104px;
	background-image: url(Banner/PhotoRotate.gif);
	background-repeat: no-repeat;
	z-index: 7;
}
/*End Banner*/

/*Begin ESC-20 Navigation*/
#ESC20Navigation {
	position: absolute;
	top: 102px;
	left: 0px;
	width: 101%;
	height: 27px;
	background-image: url(Banner/NavSpacer.jpg);
	z-index: 1;
}
#StaffLogin {
	position: absolute;
	top: 102px;
	right: 0px;
	width: 138px;
	height: 27px;
	z-index: 2;
}
/*End ESC-20 Navigation*/

/*Begin Page Title*/
#PageTitle {
	position: absolute;
	top: 225px;
	left: 200px;
	width: 485px;
	height: 40px;
}
.PageTitleHome {background-image: url(PageTitles/BrailleServicesDept.gif); width: 485px; height: 40px;}
.PageTitleServices {background-image: url(PageTitles/BrailleServices.gif); width: 485px; height: 40px;}
.PageTitleCompliance {background-image: url(PageTitles/BrailleADACompliance.gif); width: 485px; height: 40px;}
.PageTitleClients {background-image: url(PageTitles/BrailleClients.gif); width: 485px; height: 40px;}
.PageTitleCustomers {background-image: url(PageTitles/BrailleCustomers.gif); width: 485px; height: 40px;}
.PageTitleOrders {background-image: url(PageTitles/BrailleOrdersAndPricing.gif); width: 485px; height: 40px;}
.PageTitleProcess {background-image: url(PageTitles/BrailleProcess.gif); width: 485px; height: 40px;}
.PageTitleProducts {background-image: url(PageTitles/BrailleProducts.gif); width: 485px; height: 40px;}
/*End Page Title*/

/*Begin Left Navigation*/
#LeftNavigation {
	position: absolute;
	top: 230px;
	left: 0px;
	width: 160px;
	background-color:#FFFFFF;
	border-color:#002D64;
	border-bottom-style:solid;
	border-top-style:solid;
	border-left-style:solid;
	border-right-style:solid;
	border-width:thin;
}
#VideoWindow {
	position: relative;
	float: left;
	width: 320px;
	height: 460px;
}
.Nav a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000ff; 
	text-decoration: none;
}
.Nav a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000ff; 
	text-decoration: underline;
}
.Nav a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000FF; 
	text-decoration: none;
}
.Nav a:visited:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000FF; 
	text-decoration: underline;
}
.Nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FF0000; 
	text-decoration: none;
	margin-bottom: -2px;
}
/*End Left Navigation*/

/*Begin Body Content*/
#BodyContent {
	position: absolute;
	top: 285px;
	left: 200px;
	width: 70%;
}
/*End Body Content*/

/*Begin Footer*/
#Footer {
	position: absolute;
	top: inherit;
	padding-top: 80px;
	width: 100%;
}
/*End Footer*/

/*HTML*/
body { margin-top: 0px; margin-left: 0px;}
p { font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin-top: 0px; margin-left: 0px; margin-bottom: 8px;}
h2 { font-family: "Times New Roman", Times, serif; font-size: 24px; font-weight: 800; text-align: left; margin-bottom: 4px;}
h3 { font-family: "Times New Roman", Times, serif; font-size: 18px; font-weight: 800; text-align: left; margin-bottom: 4px;}
th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold; 
	padding-left: 2px; 
	margin-left: 2px; 
	background-color:#002D64; 
	color: #FFFFFF;
}
td {font-family: Arial, Helvetica, sans-serif; font-size: 11pt;
}

/*Floats*/
#FloatRight {
	position: relative;
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-left: 6px;
}
#FloatLeft {
	position: relative;
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
	margin-right: 20px;
}

/*Links*/
a:link {color: #0000FF; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
a:hover {color: #0000FF; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
a:visited {color: #993333; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
a:visited:hover {color: #993333; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 13px;}

/*Lists*/
ol {
	margin-top: -2px;
	padding-top: 0px;
	margin-bottom: 1px;
}
ul { 
	margin-top: -2px;
	padding-top: 0px;
	margin-bottom: 10px;
	padding-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif; font-size: 13px;
}
li { margin-top: 4px;}
.ulGlassCircle {
	list-style-image: url(http://portal.esc20.net/pls/portal/docs/1/48722.JPG);
	list-style-position: outside;
	font-family: Arial, Helvetica, sans-serif; font-size: 13px;
}
.ulStandard {
	margin-top: -2px;
	padding-top: 0px;
	margin-bottom: 1px;
	list-style-type: circle;
	font-family: Arial, Helvetica, sans-serif; font-size: 13px;
}
.ulMenu {
	margin-top: 4px;
	margin-left:1px;
	padding-left: 0px;
	margin-bottom: 0px;
	list-style-type: none;
	list-style-image:none;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; font-size: 13px;
}
.ulSubList {
	margin-top: -2px;
	margin-left:15px;
	margin-bottom: 0px;
	list-style-type: none;
	list-style-image: none;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; font-size: 13px;
}
.ulSubListImage {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 1px;
	list-style-image: url(http://portal.esc20.net/pls/portal/docs/1/51712.JPG);
	list-style-position: outside;
	font-family: Arial, Helvetica, sans-serif; font-size: 13px;
}