/* Page Settings
	----------------------------------------------- 
	*/
	
	body { 
		font-family: arial;
	}

	A:link {
		color: #009966;
	}

	A:visited {
		color: #009966;
	}

	A:active {
		color: #009966;
	}

	A:hover {
		color: #009966;
	}

	/* Main Font Colors
	----------------------------------------------- 
	*/

	.c1 {
		color: #333;
	}

	.c2 {
		color: #337755;
	}

	.c3 {
		color: #666;
	}
	
	/* Main Font Sizes
	----------------------------------------------- 
	*/
	
	.s1 {
		font-size: 48pt;
	}

	.s2 {
		font-size: 28pt;
	}

	.s3{
		font-size: 18pt;
	}

	.s4 {
		font-size: 14pt;
	}

	.s5 {
		font-size: 12pt;
	}

	.s6 {
		font-size: 10pt;
	}

	.s7 {
		font-size: 9pt;
	}

	.s8 {
		font-size: 8pt;
	}
		

	/* Rounding the Corners
	----------------------------------------------- 
	*/

	.roundcont {
		width: 550px;
		background-color: #E2F1D3;
	}
	
	.roundcont p {
		background: #E3EFDC;
		padding: 10px;
		margin: 0 15px 0 15px;
		position: relative;
		width: 500px;
		background-color: #E2F1D3;
	}
	
	.roundtop { 
		background: url(tr.gif) no-repeat top right;
	}
	
	.roundbottom {
		background: url(br.gif) no-repeat top right; 
	}
	
	img.corner {
	   	width: 15px;
	   	height: 15px;
	   	border: none;
	   	display: block !important;
	}

        .roundPopup {
		width: 350px;
		background-color: #E2F1D3;
		position: relative; 
		left: 10px;
		top: 10px;

	}

        .roundPopupWide {
		width: 500px;
		background-color: #E2F1D3;
		position: relative; 
		left: 10px;
		top: 10px;

	}


	/* Center Body - For the first bubble, use the firstBubblePosition.  For the 
	                 second bubble, use the normal bubblePosition, but don't use
    			     a <br> between them.  For all other bubbles, use the normal
		             bubblePosition and a <br> between them, don't ask why, it's
			         a hack 
	---------------------------------------------------------------------------------- 
	*/

	.firstBubblePosition {
		position: absolute; 
		left: 250px;
		top: 150px;
	}
	
	.bubblePosition {
		position: relative; 
		left: 240px;
		top: 150px;  
	}

	
	/* Leftside Menu
	----------------------------------------------- 
	*/

	.leftSideMenu {
		position: absolute; 
		left: 10px;
		top: 155px;
		line-height: 150%;	
	}

	/* Rightside Menu
	----------------------------------------------- 
	*/

	.rightSideMenu {
		position: absolute; 
		left: 400px;
		top: 30px;
	}