BODY {
	PADDING-TOP: 30px;
	PADDING-BOTTOM: 30px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	FONT-FAMILY: Georgia, "Times New Roman", Times, serif;
	BACKGROUND: url(../images/backgroundTile.jpg) #ccc center top; 
	text-align:center;
}

.blueButton{	
	
	letter-spacing:1pt;
	position:relative;
	COLOR: #000000;
	text-align: center ;
	text-transform:uppercase;
	padding:7px;
	margin:5px;
	background-color: #DDF4FF;
	text-decoration:none;
	FONT-FAMILY: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	BORDER-BOTTOM: #66CCFF 1px solid;
	BORDER-TOP: #66CCFF 1px solid;
	BORDER-LEFT: #66CCFF 1px solid;
	BORDER-RIGHT: #66CCFF 1px solid;
}

.blueButton:hover{	
	
	background-color:#FFFF99; 
	color:#0066FF;
		text-decoration:none;
}


/*
* {
	MARGIN: 0px; PADDING-BOTTOM: 0px;  OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: 0px;  PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
*/

.customCentered {
	width: 903px;
	margin: auto;
	padding-bottom: 20px;
	
	
}


IMG { 
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px;
	
}
/*
A {
	COLOR: #000000; text-decoration:none;
}
A:link {
	COLOR: #000000; text-decoration:none;
}
A:visited {
	COLOR: #000000; text-decoration:none;
}
A:hover {
	COLOR: #444; text-decoration:none;
}
A:active {
	COLOR: #000000; TEXT-DECORATION: none
}
*/
.header {
	MARGIN: auto;  BACKGROUND: url(../images/menuBackground.png) no-repeat left top; HEIGHT: 96px;
	padding-bottom:10px;
}
.content {
	WIDTH: 903px; 
	PADDING-TOP: 3px;
	FONT-SIZE: 11pt;
	margin:0px;
}
.main {
	CLEAR:both;	
	PADDING-BOTTOM: 0px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px; BACKGROUND: url(../images/mainBackgroundTile.png) repeat-y left top; PADDING-TOP: 0px; 
	margin:0px; 
	text-align:left;
	
}
.footer {
	CLEAR:both;
	PADDING-BOTTOM: 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BACKGROUND: url(../images/mainBackgroundEnd.png) no-repeat left bottom; HEIGHT: 6px; 
}
H1 {
	COLOR: #009dc4; /* 009dc4 */
	FONT-SIZE: 16px; 
	text-shadow: white 0 1px 0; 
	padding-top:10px; 
	padding-bottom:10px;
	
}
H1 A {
	TEXT-INDENT: -9999px; WIDTH: 300px; DISPLAY: block; HEIGHT: 75px
}
H2 {
	COLOR: #000000; 
	FONT-SIZE: 14px; 
	text-shadow: white 0 1px 0; 
	padding-top:20px; 
	padding-bottom:10px;
	
}
H3 {
	DISPLAY: none
}
H5 {
	MARGIN-TOP: 20px; COLOR: #699a01; FONT-SIZE: 16px; text-shadow: white 0 1px 0
}
H6 {
	MARGIN-TOP: 20px; COLOR: #699a01; FONT-SIZE: 12px; text-shadow: white 0 1px 0
}

P {
	line-height: 1.4em;
	word-spacing:2px;	
	
}
blockquote
{
	FONT-SIZE: 11pt; 
	MARGIN-LEFT: 30px;

}
UL 
{
	MARGIN-LEFT: 30px;
	MARGIN-BOTTOM: 10px;
}

li  {
	list-style-type: square;
	line-height: 1.4em;
	word-spacing:2px;
}



/**** Top Navigation *****/
.customTopNavHolder {	
	float:left;
	background-color: #f2f2f2;
	PADDING-LEFT: 20px; PADDING-RIGHT: 20px;		 BACKGROUND: url(../images/mainBackgroundTile.png) repeat-y left top;   
	width: 903px;	
	font-family:Tahoma;
	font-weight:bold;
}

.customTopNavItem {
	color: #333333;
	text-align:center;	
	text-transform: uppercase;
	text-decoration: none;
	padding-bottom:4px;
	padding-top:4px;
	float:left;
	
}

.customTopNavItem:hover {
	
	background-color:#BAF0FE;
	padding-bottom:4px;
	padding-top:4px;
}

.customTopNavItem a {
	color: #333333;
	text-decoration: none;
	padding-right:15px;
	padding-left:15px;
	font-size: 12px;
	

}

.customTopNavItem a:hover {
	
	
	background-color:#BAF0FE;	
	padding-bottom:4px;
	padding-top:4px;
	
}

div.customTopNavItem div.customTopNavItemFlyOut { display: none; }
div.customTopNavItem:hover div.customTopNavItemFlyOut { 
    display: block; 
}

div.customTopNavItemFlyOut{
	font-size:8px;
	color:#FFFFFF;
	background-color:#f7f7f7;
	font-size:10px;
	position:absolute;
	text-align:left;
	line-height: 20px;
	filter:alpha(opacity=97);
	-moz-opacity: 0.97;
	opacity: 0.97;
	z-index:1;
	border: solid #03C4F4 1px;
	margin-top:0px;
	margin-bottom:4px;
	margin-left:-10px;
	min-width:200px;
	

}
 

div.customTopNavItemFlyOut a 
{ 
	color:#000000;
	font-weight:normal;
	text-decoration: none; 
	font-size:12px;
	text-transform:capitalize;
	display: block;
	padding: 5px 10px 5px 15px;
	text-decoration: none;
	voice-family: "\"}\""; 	
  	voice-family:inherit;
	border-top: solid #f7f7f7 1px;
	border-bottom: solid #f7f7f7 1px;
	
}


div.customTopNavItemFlyOut a:hover { 
	background-color:#BAF0FE; color:#000000;

	background-position: -1px 2px;	
	background-repeat:no-repeat;
	text-decoration:underline;
	border-top: solid #03C4F4 1px;
	border-bottom: solid #03C4F4 1px;
	
}


.topNavigationLeft 
{
	float:left;

	width:10px;
	height:24px;
	background-image:url('topmenu_left.png');	
	background-position: 0px 0px;	
	background-repeat:no-repeat;
}

.topNavigationRight
{
	float:right;
	height:24px;
	width:129px;
	background-image:url('poweredbyMicrosoft.png');	
	background-position: right top;	
	background-repeat:no-repeat;
}


/************ END ******************/
#menu {
	MARGIN: auto; WIDTH: 903px; BACKGROUND: url(../images/menuBackground.png) no-repeat left top; HEIGHT: 96px
}
#menu LI {
	LIST-STYLE-TYPE: none; FLOAT: right; HEIGHT: 96px; LIST-STYLE-IMAGE: none
}
#menu LI SPAN {
	DISPLAY: none
}
#menu A.active {
	BACKGROUND-POSITION: left bottom
}
#headerFontcase {
	BACKGROUND: url(../images/headerFontcase.png) no-repeat left top; HEIGHT: 116px
}
#headerDrawIt {
	BACKGROUND: url(../images/headerDrawIt.png) no-repeat left top; HEIGHT: 116px; CLEAR: both
}
#headerAbout {
	BACKGROUND: url(../images/headerAbout.png) no-repeat left top; HEIGHT: 116px
}
#headerSlipCover {
	BACKGROUND: url(../images/headerSlipcover.png) no-repeat left top; HEIGHT: 116px
}
.headerHome {
	BACKGROUND: url(../images/headerHome.png) no-repeat left top; HEIGHT: 6px; margin: 0px;
}
#headerBigButtons {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; PADDING-LEFT: 15px; WIDTH: 104px; PADDING-RIGHT: 15px; FLOAT: right; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px
}
#headerBigButtons LI {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: block; LIST-STYLE-IMAGE: none; PADDING-TOP: 17px
}
#headerBigButtons LI SPAN {
	DISPLAY: none
}
#headerDownload {
	WIDTH: 104px; DISPLAY: block; BACKGROUND: url(../images/buttonDownload.png) no-repeat left top; HEIGHT: 30px
}
#headerDownload:hover {
	BACKGROUND-POSITION: left bottom
}
#headerPurchase {
	WIDTH: 104px; DISPLAY: block; BACKGROUND: url(../images/buttonPurchase.png) no-repeat left top; HEIGHT: 30px
}
#headerPurchase:hover {
	BACKGROUND-POSITION: left bottom
}

.credits {
	TEXT-ALIGN: center; 
	COLOR: #333; 
	FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px; 
	PADDING-TOP: 10px; 
	text-shadow: 0px 1px 0px white
}