@import url(text.css);
@import url(images.css);

body 		{
			background-color:#336699;
     		}

#wrapper 	{
			float:none;
			width:900px;
			margin-top:-8px;
			margin-right:auto;
			margin-left:auto;
	 	}	

#top	 	{
			float:left;
			width:900px;
			margin-left:0px;
			margin-top:0px;
			background-color: #e2e7e9;
		}


#top-nav	 	{
			float:left;
			width:900px;
			height:26px;
			margin-left:0;
			margin-top:0;
			background: #e2e7e9 url(../images/navigation-bar.jpg) center center no-repeat;
		}

#main	 	{
			float:left;
			width:900px;
			margin-left:0px;
			margin-top:0px;
			background-color: #FFF;
			text-align:left;
		}

#rightside	{
			float:right;
			width:302px;
			height:300px;
			margin-right:10px;
			margin-top:10px;
			background: url(../images/blocks.jpg) center center no-repeat;
			text-align:center;
		}

#secL	 	{
			float:left;
			width:275px;
			height:210px;
			margin:5px 10px 50px 10px;
			background: #fff url(../images/bot-sec-top.jpg) top center repeat-x;
			border-bottom:2px dotted #ccc;
			border-top:1px solid #ccc;
		}

#secM	 	{
			float:left;
			width:275px;
			height:210px;
			margin:5px 10px 50px 10px;
			background: #fff url(../images/bot-sec-top.jpg) top center repeat-x;
			border-bottom:2px dotted #ccc;
			border-top:1px solid #ccc;
		}

#secR	 	{
			float:right;
			width:290px;
			height:210px;
			margin:5px 10px 50px 10px;
			background: #fff;
			border-top:1px solid #ccc;
		}

#footer	 	{
			float:left;
			width:890px;
			height:70px;
			margin-left:0px;
			background-color: #e2e7e9;
			border-left:5px solid #fff;
			border-right:5px solid #fff;
			border-bottom:5px solid #fff;		
		}

ul.nav		{
			list-style-type:none;
			padding-left:0;
			margin-top:0px;
			width:900px;
			height:26px;
			float:right;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: .7em;
			font-weight:bold;
			border-top:1px solid #ccc;
			background: url(../images/navigation-bar.jpg);
		}

ul.nav li	{
			float:right;
		}

ul.nav a	{	
			display:block;
			padding-top:3px;
			width:224px;
			height:26px;	
			text-align:center;	
			color:#000;
			border-left:1px solid #999;
		}
ul.nav a:hover	{ 	color:#000;
			text-decoration:underline;
			background: url(../images/nav-bar-hov.jpg) center center repeat-x;
		}


a:link { color:#333; text-decoration:none; }
a:visited { color:#333; text-decoration:none; }
a:hover { color:#ff9900; text-decoration:underline;}
a:active { color:#ff9900;text-decoration:underline;}


* html #wrapper {display:inline;}
* html #top {display:inline;}
* html #top-nav {display:inline;}
* html #main {display:inline;}	
* html #rightside {display:inline;}
* html #secL {display:inline;}
* html #secM {display:inline;}
* html #secR {display:inline;}
* html #footer	{display:inline;}