@media screen
{
	body
	{
		background:#4d8cb2 url(../Images/Layout/background.jpg) top left repeat-x;
		margin:0;
		padding:0;
		text-align:center;
	}
	
	#aspnetForm /* Safari Fix */
	{
		margin:0;
	}
	
	img
	{
		border:0;
	}
	
	#msoContainer 
	{
		margin:0 auto;
		text-align:left;
		width:986px;
	}
	
	#msoHeader
	{
		background:#4d8cb2 url(../Images/Layout/headerBackground.jpg) top left no-repeat;
		float:left;
		height:165px;
		width:100%;
	}
	
	#msoPrintHeader { display:none; }
	
	#msoHeaderTop
	{
		clear:both;
		float:left;
		height:26px;
		width:955px;
	}
	
	#msoHeaderTopLeft
	{
		float:right;
		padding:4px 15px 0 0;
	}
	
	#msoHeaderTopRight
	{
		float:right;
		padding:6px 0 0 0;
	}
	
	
	#msoHeaderMiddle
	{
		clear:both;
		float:left;
		height:108px;
		width:100%;	
	}
	
	#msoHeaderBottom
	{
		float:left;
		height:32px;
		padding-left:18px;
		width:auto;
	}

	#msoSplashBodyContainer, #msoSubPageContainer
	{
		float:left;
		width:100%;
	}
	
	#msoSplashBodyLeft, #msoSubPageLeft
	{
		float:left;
		width:743px;
	}
	
	#msoSplashBodyLeftTop
	{
		background:url(../Images/Layout/splashBodyBG.jpg) top left no-repeat;
		float:left;
		height:290px;
		width:100%;
	}
	
	#msoSplashBodyLeftTopPadding
	{
		float:left;
		padding:30px 365px 0 45px;
	}
	
	#msoSplashBodyLeftBottom
	{
		background:url(../Images/Layout/ajaxBG.jpg) top left no-repeat;
		float:left;
		height:210px;
		width:100%;
	}
	
	#msoSplashBodyRight
	{
		background:url(../Images/Layout/splashBodyRightBG.jpg) top left no-repeat;
		float:right;
		height:501px;
		width:243px;
	}
	
	.msoRightColumnModule
	{
		float:left;
		height:250px;
		overflow:hidden;
		width:100%;
	}
	
	.msoRightColumnModulePadding
	{
		padding:0 20px;
	}
	
	#msoSubPageLeftMiddle
	{
		background:url(../Images/Layout/msoSubPageLeftMiddleBG.gif) top left repeat-y;
		float:left;
		min-height:455px;
		width:100%;
	}
	
	*html #msoSubPageLeftMiddle { height:455px; }
	
	#msoSubPageLeftPadding
	{
		float:left;
		left:45px;
		position:relative;
		width:665px;
	}
	
	#msoSubPageLeftBottom
	{
		background:url(../Images/Layout/msoSubPageLeftBottomBG.gif) top left repeat-y;
		float:left;
		height:5px;
		overflow:hidden;
		width:100%;
	}
	
	#msoFooter
	{
		background:url(../Images/Layout/footerBG.jpg) top left no-repeat;
		float:left;
		height:44px;
		width:100%;
	}
	
	#msoFooterPadding
	{
		float:left;
		padding:14px 40px 0 40px;
	}
	
	#msoFooterTwo
	{
		float:left;
		width:100%;
	}
	
	#msoFooterTwoPadding
	{
		float:left;
		height:40px;
		padding:7px 40px 0 40px;
	}
	
	.imageFloatLeft
	{
		float:left;
	}
	
	.imageFloatRight
	{
		float:right;
		padding:0 0 20px 20px;
	}
	
/* Client Side Styles */

	#msoClientContainer
	{
		background:url(../Images/Layout/msoClientMiddleBG.gif) top left repeat-y;
		float:left;
		width:100%;
	}
	
	#msoClientTop
	{
		float:left;
		width:100%;
	}
	
	#msoClientContent
	{	
		float:left;
		width:100%;
	}

	#msoClientContentPadding
	{
		float:left;
		padding:0 30px 20px 30px;
	}
	
	#msoClientBottom
	{
		background:url(../Images/Layout/msoClientBottomBG.gif) top left no-repeat;
		float:left;
		height:5px;
		width:100%;
	}
	
	
	/*CLIENTS TRAINING CLASSES*/
	#classesContainer
	{
		float:left;
		width:100%	
	}
	
	.ClassItem
	{
		float:left;
		margin:10px 0 0 0;
		width:100%	
	}
	
	.ClassDate
	{
		float:left;
		margin-right:10px;
		width:60px;
	}
	
	.ClassInfo
	{
		float:left;
		margin-right:10px;
	}
	
	.ClassGroup
	{
		float:left; 
		border-top:solid 1px #BF812C;
		margin:0 0 10px 0;
		width:100%
	}
	
	
	/*CLIENT BOXES*/
	#complianceTop
	{
		float:left;
		width:950px;
	}
	
	
    .clientsBox
    {
    	float:left;
		width:300px;
	}
    
    .clientsBoxTop
    {
    	background: #ffffff url(../images/layout/boxtop.jpg) no-repeat left top;
		min-height:41px;
    	float:left;
		width:300px;
    }
    *html .clientsBoxTop{height:41px}
    
    .clientsBoxMid
    {
    	background: #ffffff url(../images/layout/BoxMid.jpg) repeat-y left top;
    	float:left;
    	min-height:41px;
		width:300px;
    }
    
    .clientsBoxBottom
    {
    	background: #ffffff url(../images/layout/boxbottom.jpg) no-repeat left top;
    	float:left;
    	min-height:8px;
		width:300px;
    }
    
    .BoxMarginRight{margin-right:11px;}

	.clientsBoxTopPadding
	{
		float:left;
		padding:10px 0 0 20px;
		color:#fff;
	}   
	
	.clientsBoxMidPadding
	{
		float:left;
		padding:10px 0 10px 20px;
	}


/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


}

@media print
{
	#msoContainer 
	{
		text-align:left;
		width:650px;
	}
	
	#msoHeader
	{
		display:none;
	}
	
	#msoPrintHeader
	{
		border-bottom:solid 1px #000;
		height:104px;
		width:100%
	}
	
	#msoSplashBodyContainer
	{
		width:100%;
	}
	
	#msoSplashBodyLeft
	{
		width:650px;
	}
	
	#msoSplashBodyLeftTop
	{
		width:100%;
	}
	
	#msoSplashBodyLeftTopPadding
	{
		width:100%;
		padding:30px 0 30px 0;
	}
	
	#msoSplashBodyLeftBottom
	{
		display:none;
	}
	
	#msoSplashBodyRight
	{
		display:none;
	}
	
	#msoFooter
	{
		display:none;
	}
	
	#msoFooterTwo
	{
		border-top:solid 1px #000;
		padding:10px 0 0 0;
		width:100%;
	}
	
	#msoFooterTwoPadding
	{
		
	}
	
	.floatLeft
	{
		float:left;
	}
	
	.floatRight
	{
		float:right;
	}
	
	
	
	
	/*CLIENTS TRAINING CLASSES*/
	#classesContainer
	{
		float:left;
		width:100%	
	}
	
	.ClassItem
	{
		
		float:left;
		margin:10px 0 10px 0;
		width:100%	
	}
	
	.ClassDate
	{
		float:left;
		margin-right:10px;
		width:50px;
	}
	
	.ClassInfo
	{
		float:left;
		margin-right:10px;
	}
	
	
	
	/*CLIENT BOXES*/
	#complianceTop
	{
		float:left;
		width:100%;
	}
	
	
    .clientsBox
    {
    	float:left;
		width:300px;
	}
    
    .clientsBoxTop
    {
    	background: #ffffff url(../images/layout/boxtop.jpg) no-repeat left top;
		min-height:41px;
    	float:left;
		width:300px;
    }
    *html .clientsBoxTop{height:41px}
    
    .clientsBoxMid
    {
    	background: #ffffff url(../images/layout/BoxMid.jpg) repeat-y left top;
    	float:left;
    	min-height:41px;
		width:300px;
    }
    
    .clientsBoxBottom
    {
    	background: #ffffff url(../images/layout/boxbottom.jpg) no-repeat left top;
    	float:left;
    	min-height:8px;
		width:300px;
    }
    
    .BoxMarginRight{margin-right:10px;}

	.clientsBoxTopPadding
	{
		float:left;
		padding:10px 0 0 20px;
		color:#fff;
	}   
	
	.clientsBoxMidPadding
	{
		float:left;
		padding:10px 0 10px 20px;
	}
}