@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;
			padding-top:20px;
			padding-bottom:20px;
			background-color: #FFF;
			text-align:left;
		}

#leftnavside	{
			float:left;
			width:210px;
			height:auto;
			margin-left:10px;
			margin-top:10px;
			text-align:left;
			border-right:3px dotted #ccc;
			
		}

#secspace	{
			float:none;
			width:180px;
			height:150px;
		}



#secside	{
			float:none;
			width:180px;
			height:auto;
			margin:20px auto 20px auto;
			text-align:left;
			border-top: 3px dotted #ccc;
			border-bottom: 3px dotted #ccc;
		}

#shareside	{
			float:none;
			width:155px;
			height:180px;
			margin:20px 0 10px 25px;
			padding-top:3px;
			text-align:left;
			background: #fff url(../images/sm-bg.jpg) top left no-repeat;
		}

#maincont 	{
			float:left;
			width:560px;
			height:auto;
			margin:0 auto 0 -3px;
			padding:10px;
			background-color: #FFF;
			text-align:left;
			border-right:3px dotted #ccc;
			border-left:3px dotted #ccc;
		}


#rightside	{
			float:right;
			width:180px;
			height:auto;
			margin-right:10px;
			margin-top:10px;
			text-align:left;
			
		}


#footer	 	{
			float:left;
			width:890px;
			height:100px;
			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;
		}
#shareside a:link { color:#000; text-decoration:none; }
#shareside a:visited { color:#000; text-decoration:none; }
#shareside a:hover { color:#000; text-decoration:underline;}
#shareside a:active { color:#000;text-decoration:underline;}

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;}

#event a#eventlink,
#design a#designlink,
#email a#emaillink,
#social a#sociallink { color:#336699; text-decoration:underline; }

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