@charset "UTF-8";
/* CSS Document */

body
	{
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #111111;
	}
	
a:link	/* all links should be black so they match the ajax links */
	{
		color: #0000DD;
	}
	
a:visited
	{
		color: #111155;
	}

a:hover	/* all links should be black so they match the ajax links */
	{
		color: #6666FF;
	}
	
.ajaxLink	/* styles that make the ajax links appear like they are normal hyperlinks by underlining them and changing the mouse pointer and color on rollover */
	{
		cursor: pointer;
		text-decoration: underline;
		color: #0000DD;
	}
		
.ajaxLink:hover	/* styles that make the ajax links appear like they are normal hyperlinks by underlining them and changing the mouse pointer and color on rollover */
	{
		cursor: pointer;
		text-decoration: underline;
		color: #6666FF;
	}
		
p
	{
		padding: 10px 30px;
		margin: 0;
		text-indent: 30px;
	}

.noIndent	/* same as the p style but without the indent */
	{
		padding: 10px 30px;
		margin: 0;
		text-indent: 0px;
	}
	
.centerLeftCol	/* centers text in the left column */
	{
		width: 249px;
		text-align: center;
		text-indent: 0px;
		padding: 10px 0px;
	}
	
.centerRightCol	/* centers text in the right column */
	{
		width: 599px;
		text-align: center;
		text-indent: 0px;
		padding: 10px 0px;
	}
	
.rightText	/* used for things like poem descriptions. places them on the right side of the page */
	{
		text-align: right;
		padding-right: 50px;
		padding-top: 30px;
	}
	
.leftSideBoxTop	/* used to format the top section of the content holding boxes down the left hand side of width split pages */
	{
		background-image: url(../pageGraphics/boxTop.jpg);
		background-position: 0% 0%;
		background-repeat: no-repeat;
		height: 15px;
		margin-left: 5px;
		margin-bottom: -1px;
		padding: 0px;
		width: 244px;
	}
	
.leftSideBoxMain	/* used to format the main body section of the content holding boxes down the left hand side of width split pages */
	{
		background-color: #F4F4F4;
		border-left: solid 1px #9999EE;
		border-right: solid 1px #9999EE;
		margin-left: 5px;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 1px;
		padding-bottom: 1px;
		font-size: smaller;
		width: 242px;
	}
	
.leftSideBoxBottom	/* used to format the top section of the content holding boxes down the left hand side of width split pages */
	{
		background-image: url(../pageGraphics/boxBottom.jpg);
		background-position: 100% 100%;
		background-repeat: no-repeat;
		height: 15px;
		margin-left: 5px;
		margin-top: -1px;
		margin-bottom: 5px;
		width: 244px;
	}
	
.leftSideMenuHeader	/* used to remove the margin above the headers in the left side boxes, so there isn't a big gap between the graphic and the text */
	{
		margin: 0px;
	}
		
.centerHeading	/* centers headings */
	{
		text-align: center;
		margin-bottom: 5px;
		padding: 0px;
	}
	
h1,h2,h3,h4,h5
	{
		padding-left: 15px;
	}
	
a img 
	{
		border-width: 0px;
	}
hr
	{
		width: 80%;
		margin-left: 10%;
		background-color: #999999;
	}

li
	{
		padding-left: 5px;
	}
	
.navButton
	{
		margin: 0;
		padding: 0;
		border: none;
		border-width: 0;
	}
	
#pageTitle	/* the name www.PhilipBurton.net that appears in the head section of ever page */
	{
		margin-top: 80px;
		margin-left: 75px;
		font-size: 46px;
		font-family: Georgia, "Times New Roman", Times, serif;
	}
	
#pageSubTitle	/* the subtitle of pip the poet that appears under the page main title */
	{
		margin-top: -20px;
		margin-left: 430px;
		font-size: 12px;
		font-family: Georgia, "Times New Roman", Times, serif;

	}
	
#footerTable
	{
		width: 650px;
		margin-top: 15px;
		margin-left: 100px;
		padding-top: 20px;
		padding-bottom: 10px;
		text-align: center;
		font-size: smaller;
	}
	
#complianceCertTable
	{
		width: 242px;
		text-align: center;
		margin-bottom: 10px
	}
	
#ajaxLoaderRight	/* the animated graphic that shows in the right side whilst waiting for an ajax response */
	{
		margin-left: 250px;
		margin-top: 45px;
	}
	
#ajaxLoaderLeft	/* the animated graphic that shows in the left side whilst waiting for an ajax response */
	{
		margin-left: 75px;
		margin-top: 10px;
	}
	
.noJavascript	/* used to color the text that show when javascript is disabled as red */
	{
		color: #FF0000;
	}