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

html, body {
	margin:0px;
	background: url(../images/background.jpg) repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

img{
	border:0px;
}

/* Font Classes */

input, td{
	font-size:12px;
	color:#222222;
}

a:link, a:visited{
	color:#336699;
	text-decoration:none;
}

a:hover, a:active{
	color:#336699;
	text-decoration:underline;
}

.Header{
	font-size:16px;
	font-weight:bold;
	color:#336699;
}

.TopNav{
	color:#6F6FCF;
	font-size:10px;
	text-transform:uppercase;
	vertical-align:middle;
	
}

.TopNav a:link, .TopNav a:visited{
	color:#666666;
	text-decoration:none;
}

.TopNav a:hover, .TopNav a:active{
	color: #213D91;
	text-decoration:none;
}

.bottomLinks{
	color:#CCCCCC;
	font-size:10px;
}

.bottomLinks a:link, .bottomLinks a:visited{
	color:#FFFFFF;
	text-decoration:none;
}

.bottomLinks a:hover, .bottomLinks a:active{
	color:#CCCCCC;
	text-decoration:overline;
}


/* Window Layout */

#window{
	width:900px;
	margin-top:20px;
}

#windowTopLeft{
	background:url(../images/window-top-left.gif) no-repeat bottom right;
	width:27px;
	height:29px;
}

#windowTopSlice{
	background: url(../images/image-logo-top.jpg);
}

#windowTopRight{
	background:url(../images/window-top-right.gif) no-repeat bottom left;
	width:27px;
	height:29px;
}

#windowSideLeft{
	background:url(../images/window-side.gif) repeat-y left #ffffff;
}

#windowlogoLeft{
	background:url(../images/window-side-left.gif) repeat-y left #ffffff;
}

#windowCenter{
	background: url(../images/body.jpg) no-repeat top left #ffffff;
}

#windowSideRight{
	background:url(../images/window-side-r.gif) repeat-y right #ffffff;
}

#windowlogoRight{
	background:url(../images/window-side-right.gif) repeat-y right #ffffff;
}

#windowBottomLeft{
	background:url(../images/window-bottom-left.gif) no-repeat top right;
	width:27px;
	height:27px;
}

#windowBottomSlice{
	background:url(../images/window-bottom-slice.gif) repeat-x top;
}

#windowBottomRight{
	background:url(../images/window-bottom-right.gif) no-repeat top left;
	width:27px;
	height:27px;
}


#windowBarRight{
	background:url(../images/bar-right.gif) repeat-y right #ffffff;
}

#windowBarCenter{
	background: url(../images/image-wordclay-logo.jpg) top left no-repeat #eaeaea;
	height:30px;
	padding-top:0;
	padding-left:0;

}

#windowBarLeft{
	background:url(../images/bar-left.gif) repeat-y left #ffffff;
}

/* Logo Containers */

#logoTopContainer{
	background:url(../images/image-logo-top.jpg) no-repeat bottom ;
	height:59px;
	width:493px;
	float:left;
}

#logoBottomContainer{
	background:url(../images/image-logo.jpg) no-repeat center;
	height:87px;
	width:846px;
	float:left; 
     
}
#rightbackground{
	background:url(../images/pic_right.jpg) no-repeat top;
	height:278px;
	width:290px;
	padding-bottom:20;
}
/* Navigation Containers */

#topNav{
	float:right;
	width:335px;
	padding-top:0px;
	padding-right:0px;
	text-align:right;
}

#lowerNav{
	float:right;
	width:500px;

	padding-right:10px;
	padding-top:13px;	
	text-align:right;
}