@charset "utf-8";

/* Forces the scroll bar to always show so that the page does not flicker / jump sideways when it loads */
html {
overflow: -moz-scrollbars-vertical; 
overflow-y: scroll;
}

body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #364361;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#container {
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 20px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid black;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 20px;
	min-height: 700px;
} 

#header {
	background: #364361;
	padding: 20px;
	height: 60px;
} 

#logo {
	float: left;
	width: 270px;
	margin: 0 auto;
}

#AdvertisingTopRight {
	float: right;
	text-align:right;
	margin: 0;
}




#SiteNavContainer {
	background-color: #EEF7CA;
	padding: 10px 20px 10px 20px;
	height: 23px;
	margin-top: 10px;
	border:#9EC21E 1px solid;
}  

#SiteNavLeft {
	float: left;
	width: 600px;
	margin: 0px;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color:#333;
	padding-top: 7px
}

#SiteNavLeft a:link { color: #333; text-decoration: none;}
#SiteNavLeft a:visited {color: #333; text-decoration: none;}
#SiteNavLeft a:hover {color: #333; text-decoration: none; border-bottom: 1px dashed #333}
#SiteNavLeft a:active {color: #333; text-decoration: none; border-bottom: 1px dashed #333}

#SiteNavRight {
	float: right;
	width: 300px;
	text-align:right;
	margin: 0;
	padding: 0;
}

#SearchForm {
	float: right;
	text-align:right;
	margin: 0;
}

.SearchInput {
	width: 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	border: 1px solid #000000;
}










#CatFonts {
	border:solid #9EC21E;
	margin: 10px 0 20px 0;
	padding: 10px 10px 10px 20px;
	font-size:12px;
	background-color: #EEE;
}





#CatFonts a:link { color: #333; text-decoration: none;}
#CatFonts a:visited {color: #333; text-decoration: none;}
#CatFonts a:hover {color: red; text-decoration: none; border-bottom: 1px dashed red}
#CatFonts a:active {color: red; text-decoration: none; border-bottom: 1px dashed red}







#LeftNav {
	float: left; /* since this element is floated, a width must be given */
	width: 125px;
	background: #EEE;
	padding: 20px;
	margin: 0;
	min-height: 400px;
}






#MainContent {
	float: right; /* since this element is floated, a width must be given */
	width: 810px;
	margin: 0px;
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	min-height: 600px;
} 


#MainContent h1 {
	font-weight: bold;
	color:#364361;
	margin:0px;
	padding: 0px;
	text-align:center;
}


#MainContent h2 {
	font-weight: bold;
	color:#9EC21E;
	margin-top:10px;
	padding: 0px;
	text-align:center;
} 





.HomePageText {	
	margin: 0;	
	padding: 0;
	text-align: left;
	font-family: Verdana;
	font-size: 10px;
	color: #333333;}





.Category {
	padding: 5px 0;
	margin: 0;
}  

.Alphabetical {
	padding: 10px 0;
	text-align:center;
} 




.FontDisplayTable {background-color: #FFFFFF; margin-bottom:30px;	}

.FontDisplayTable1BorderW {background-color: #D6D6D6; width: 1px;}

.FontDisplayTable1BorderH {background-color: #D6D6D6; height: 1px;}

.FontDisplayHeader {
	background-color: #E6E6E6; 
	padding-top: 4px; 
	padding-bottom: 4px; 
	padding-left: 10px; 
	text-align: left;
	font-family: Verdana;
	font-size: 10px;
	color: #333333;
}
	



.FontDisplayHeader a:link		{ color: #333; text-decoration: none;}
.FontDisplayHeader a:visited	{color: #333; text-decoration: none;}
.FontDisplayHeader a:hover		{color: red; text-decoration: none; border-bottom: 1px dashed red}
.FontDisplayHeadera:active		{color: red; text-decoration: none; border-bottom: 1px dashed red}



.FontDisplayLeft {
	float: left;
	width: 500px;
	padding: 5px;
}

.FontDisplayRight {
	float: right;
	width: 200px;
	padding: 5px;
}








.boxes { 
	font-family: Verdana; 
	font-size: 10px;
	margin-bottom:10px;
	padding:0;
} 

.boxes a:link, .boxes a:visited, .boxes a:active{
	color: #364361;
	background-color: white;  /* White */
	border: 1px solid #364361;  /* Grey (dark) - ie. same as the font display border */
	margin: 1px;
	text-decoration: none;
	padding: 1px 5px;
} 

.boxes a:hover { 
	color: #9EC21E; 
	background-color: #EEF7CA;  /* Green (light) - ie. same as the Footer background */
	border: 1px solid #9EC21E;  /* Green (dark) - ie. same as the Category border */
	margin: 1px; 
	text-decoration: none; 
	padding: 1px 5px; 
} 

.current {
	color: #364361;
	background-color: #C7CEE0;  /* Blue (light) - ie. a lighter shade of the page background */
	border: 1px solid #364361;  /* Blue (dark) - ie. same as the page background */
	font-weight: bold;
	margin: 1px;
	padding: 1px 5px;
} 









#DetailFontInfo {
	float: left;
	width: 500px;
	margin-bottom: 20px;
}

#DetailDownload {
	float: right;
	width: 200px;
	height:100px;
	text-align:right;
}

#DetailDownload a:link, #DetailDownload a:visited, #DetailDownload a:active{
	color: #000;
	border: 2px solid red;
	background-color:#FFB0B0;
	padding: 15px;
	text-decoration: none;
	font-weight:bold;
} 

#DetailDownload a:hover { 
	color: white;
	border: 2px solid red;
	background-color:red;
	padding: 15px;
	text-decoration: none;
	font-weight:bold;
}








.ContactUs-Select {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 200px;
	border: 1px solid #666;
	padding: 5px;
}

.ContactUs-Input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 200px;
	border: 1px solid #666;
	padding: 5px;
} 

.ContactUs-TextArea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 400px;
	border: 1px solid #666;
	padding: 5px;
}  

.ContactUs-Labels {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	vertical-align: top;
	padding-right: 10px;
} 








#footer {
	margin-top: 20px;
	padding: 20px;
	border: 1px solid #9EC21E;
	background-color: #EEF7CA;
	color:#333;
}

#footer a:link { color: #333; text-decoration: none;}
#footer a:visited {color: #333; text-decoration: none;}
#footer a:hover {color: #333; text-decoration: none; border-bottom: 1px dashed #333}
#footer a:active {color: #333; text-decoration: none; border-bottom: 1px dashed #333}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align:center;
	font-size: 10px;
}






.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}




img {
	border: 0px none;
}