/* CSS Document */
/* ------------------------------------------------------------
self clearing float
------------------------------------------------------------ */ 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


.clearfix {display: inline-block;}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

* html #middle{
overflow-x: hidden; overflow-y: hidden; 
width: expression(769px);
}


body {
	background:url(../images/bg_grad.gif) repeat-x #606060;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	margin: 0;
	padding: 0;
	text-align: left;
}

div.hr { 
	clear: both; 
}
	div.hr hr { 
		display: none; 
	}

img a{
	border: none;
	text-decoration:none;
}

a img{
	border: none;	
}

a{
	color: #333;
	text-decoration:none;
	border: none;
}

a:hover{
	color: #333;
	text-decoration: underline;
}

a:visited{
	color: #333;
}
 
#mainContent {
	margin:25px auto;
	width:926px;
	display:block;
	position:relative;
	padding:0;
	text-align:left;
}

#content {
	width:769px;
	background-color:#fff;
	border-bottom:5px solid #fff;
	float:right;
}

#banner {
	width:926px;
	height:124px;
	position:relative;
	top:0px;
	left:0px;
	background-image:url(../images/banner.gif);
}

#bannerRelLeft {
	position:absolute;
	top:0px;
	left:-37px;
	width:37px;
	height:100px;
	background:url(../images/banner_rel_left.gif) no-repeat;
}

#bannerRelTop {
	position:absolute;
	top:-25px;
	left:-36px;
	width:400px;
	height:35px;
	background:url(../images/banner_rel_top.gif) no-repeat;
}

#date {
	width:100px;
	position:relative;
	top:3px;
	left:120px;
	color:#fff;
	font-weight:bold;
	font-size:1.25em;
}

#strapLine {
	position:relative;
	top:88px;
	left:9px;
	color:#fff;
	font-size:1.25em;
}



/*---------------------left----------------------------*/

#mainLeft {
	width:157px;
	float:left;
}

#left {
	display:block;
	clear: left;
	display:inline;
	float: left;
	padding: 0 10px 0 10px;
	width: 137px;
	background: #ff9933;
}

#accountDetails {
	width:137px;
	border-bottom:1px solid #ff7c16;
	border-top:1px solid #ff7c16;
	padding:4px 0 4px 0;
	margin:0 0 3px 0;
}

#navPrimary {
	list-style-type: none;
	font-weight: bold;
	margin-bottom:125px;
}

	#left #navPrimary ul {
		margin: 0 0 2em 0;
		padding: 0 0 0 2px;
	}
		#left #navPrimary ul li {
			list-style-type: none;
			list-style-position:outside;
			border-bottom: 1px solid #ff7c16;
			padding: 0 0 0.25em 0;
			margin: 0 0 0.25em 0;
			font-weight: bold;
		}
			 #left #navPrimary ul li a {
				color: #000;
				background: url("../images/bullet-nav.gif") no-repeat left 3px;	
				padding: 0 0 0 15px;
				overflow:hidden;
				display:block;
				text-decoration:none;
			}
			
				 #left #navPrimary ul li a:hover {
					color: #fff;
					background-position: left -90px;
					display:block;
					overflow:hidden;
					text-decoration:none;
				}
				 #left #navPrimary ul li.current a {
					color: #fff;
					background-position: left -90px;
					display:block;
				}
				
#navSplat {
	background:url(../images/nav_splat.png) no-repeat;
	width:156px;
	height:236px;
	float:left;
}

				
/*---------------------------right--------------------------------*/

#right {
	width:769px;
	float:left;
	background:#fff;
}

	.ezinetopadvert {
		width:639px;
		background: #EAEAEA;
		float:left;
	}
		
		.ezinetopadvert div {
			width:158px;
			background:#d6d4d3;
			position:relative;
			top:25px;
			left:400px;
			opacity: .75;
			filter: alpha(opacity=75);
			padding:10px;
		}
			.ezinetopadvert div h2{
				font-size:1.2em;
				color:#fff;
				text-decoration:underline;
				margin:0 0 5px 0;
			}

#middle {
	width:639px;
	float:left;
	background:#fff;
	margin: 0;
	padding: 0;
}

#middle .columnclearer{
clear: both;
}

#middle .columnsmall{
float: left;
width: 222px;
margin: 7px 0px 0px 6px;
}

#middle .columnsmall .contentsmall{
background-color: #FFFFFF;
border-right:1px solid #d6d6d6;
border-left:1px solid #d6d6d6;
border-bottom:1px solid #d6d6d6;
color: #666666;
margin: 0;
padding: 7px;
}

#middle .columnsmall h1{
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 1.25em;
font-weight: 100;
text-align: left;
background-image: url(../images/columnlargeheader222.gif);
background-color: #d6d6d6;
margin: 0;
padding: 8px 10px;
height: 14px;
}

#middle .columnsmall p{
margin: 0;
padding: 0;
}

#middle .columnsmall a{
color:#cc3300;
text-decoration:none;
}

#middle .columnsmall a:hover{
color:#000;
text-decoration:none;
}



#middle .columnmedium{
float: left;
width: 310px;
margin: 7px 0px 0px 6px;
}

#middle .columnmedium .contentmedium{
background-color: #FFFFFF;
border-right:1px solid #d6d6d6;
border-left:1px solid #d6d6d6;
border-bottom:1px solid #d6d6d6;
color: #666666;
margin: 0;
padding: 7px;
}

#middle .columnmedium h1{
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 1.25em;
font-weight: 100;
text-align: left;
background-image: url(../images/columnlargeheader310.gif);
background-color: #d6d6d6;
margin: 0;
padding: 8px 10px;
height: 14px;
}

#middle .columnmedium p{
margin: 0;
padding: 0;
}

#middle .columnmedium a{
color:#cc3300;
text-decoration:none;
}

#middle .columnmedium a:hover{
color:#000;
text-decoration:none;
}



#middle .columnlarge{
float: left;
width: 398px;
margin: 7px 0px 0px 6px;
}

#middle .columnlarge .contentlarge{
background-color: #FFFFFF;
border-right:1px solid #d6d6d6;
border-left:1px solid #d6d6d6;
border-bottom:1px solid #d6d6d6;
color: #666666;
margin: 0;
padding: 7px;
}

#middle .columnlarge h1{
font-family:Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 1.25em;
font-weight: 100;
text-align: left;
background-image: url(../images/columnlargeheader398.gif);
background-color: #d6d6d6;
margin: 0;
padding: 8px 10px;
height: 14px;
}

#middle .columnlarge p{
margin: 0;
padding: 0;
}

#middle .columnlarge a{
color:#cc3300;
text-decoration:none;
}

#middle .columnlarge a:hover{
color:#000;
text-decoration:none;
}



#3columnpics{
	width:639px;
	height:186px;
	float: left;
	margin-top: 4px;
}

#3columnpics img{
	margin: 0;
	padding: 0;
	border: none;
	float: left;
}

#3columnpics a{
	margin: 0;
	padding: 0;
	float: left;
	border: none;
}

#3columnpics h3 {
		color:#fff;
		font-size:34px; /* was 37px */
		margin:-6px 0 0 4px;
		padding:0;
		font-weight:bold;
}

#thisMonth {
	width:621px;
	float:left;
	margin: 0;
	clear:both;
}

	
		#thisMonth div.items {
			width:609px;
			padding:7px 7px 0px 7px;
			margin: 0px 6px 6px 6px;
			float:left;
			border-right:1px solid #d6d6d6;
			border-left:1px solid #d6d6d6;
			border-bottom:1px solid #d6d6d6;
		}
			#thisMonth div.items div {
				width:100%;
				color:#666;
				border-bottom:1px solid #d6d6d6;
				padding:0 0 10px 0;
				margin:0 0 10px 0;
				float:left;
				clear:both;
			}
				#thisMonth div.items div h2 {
					font-size:1.2em;
					color:#cc3300;
					text-decoration:underline;
					margin:0 0 5px 0;
				}
					#thisMonth div.items div a {
						color:#cc3300;
						text-decoration:none;
					}
					#thisMonth div.items div a:hover {
						color:#000;
						text-decoration:none;
					}
			
		
div.top{
width:507px;
padding: 8px 10px;
height: 14px;
color:#fff;
background-image: url(../images/columnlargeheader527.gif);
background-color: #666666;
background-repeat: no-repeat;
font-size:1.25em;
border-bottom:none;
float:left;
clear:both;
margin: 7px 0 0 6px;
}

div.top .imageText{
margin:0px;
}
		
div.top p{
padding: 0px;
margin: 0px;
}


.fulltop {
		width:605px;
		padding: 8px 10px;
		height: 14px;
		color:#fff;
		background-image: url(../images/columnlargeheader625.gif);
		background-repeat: no-repeat;
		font-size:1.25em;
		border-bottom:none;
		float:left;
		clear:both;
		margin: 7px 0 0 6px;
}

.fulltop p{
padding: 0px;
margin: 0px;
}


.imageTextHeader{
width:487px;
padding: 8px 10px;
height: 14px;
color:#fff;
background-image: url(../images/columnlargeheader507.gif);
background-repeat: no-repeat;
font-size:1.25em;
border-bottom:none;
float:left;
clear:both;
margin: 0 0 0 10px;
}
		
.imageTextHeader p{
padding: 0px;
margin: 0px;
}
	
	
	
	
#notes {
	width:130px;
	float:right;
	background:#ccc;
	display:block;
	margin: 0;
	padding: 0;
}

#notes img{
border: none;	
}

#notes #screensaver{
background-image: url(../images/note_screensavers.jpg);
width: 130px;
height: 156px;
}

#notes #camera{
background-image: url(../images/note_digicam.jpg);
width: 130px;
height:152px;
}

#notes #training{
background-image: url(../images/note_training.jpg);
width: 130px;
height: 150px;
}

#notes img {
	margin:0 0 5px 0;
	float:left;
}
	
#footer {
	clear: both;
	float:left;
	width:926px;
	height:20px;
	background:#000;
	text-align:center;
	padding:15px 0 0 0;
}
	#footer ul {
		display:inline;
		margin:50px 0 0 0;
	}
		#footer ul li {
			display:inline;
			list-style-type:none;
			border-right:1px solid #fff;
			
		}
			#footer ul li a {
				color:#FFF;
				text-decoration:none;
				margin:0 8px 0 0;
				padding:5px 0 0 5px;
			}
				#footer ul li a:hover {
					color:#ff7c16;
					text-decoration:none;
					margin:0 8px 0 0;
					padding:5px 0 0 5px;
				}
				
				#footer ul li.end {
					display:inline;
					list-style-type:none;
					border-right:none;
				}
				
			
	
#bottomIMG {
	width:926px;
	height:17px;
	background-image:url(../images/bottom.png);
	clear:both;
}