/* CSS Document */

*
{
	margin			: 0;
	padding		: 0;
}

body
{
	background-color	: #dddddd;
	font-size		: 12px;
	font-family		: Arial;
	color			: #000000;
	margin			: 10px
}

img
{
	border			: 0;
}

a
{
	color			: #3366cc;
	text-decoration	: none;
}

	a:hover
	{
		color			: #0000ff;
		text-decoration	: underline;
	}
	
div.c
{
	clear			: both;
}

div.base
{
	width			: 880px;
	margin			: auto;
	background-color	: #FFFFFF;
	padding		: 2px;
}

	div.base div.inbase
	{
		padding		: 20px;
		border-color		: #c0c0c0;
		border-style		: solid;
		border-width		: 1px;
	}

div.container
{

}

div.header
{
	height			: 100px;
	position	: relative;
}

	div.header div.logo
	{
		position		: relative;
		left			: 15px;
		width			: 300px;
		float			: left;
	}
	
		div.header div.logo div.name
		{
			font-size		: 350%;
			color			: #2255aa;
			letter-spacing	: -3px;
			padding-top		: 12px;
			text-align		: center;			
		}	
		
			div.header div.logo div.name a
			{
				color			: #2255aa;
				text-decoration	: none;
			}
		
			div.header div.logo div.name span.name
			{
				font-weight		: bold;
			}
			
			div.header div.logo div.name span.ext
			{
				
			}
	div.header div.info
	{
		float			: right;
		width			: 300px;
		text-align		: right;
	}
	
		div.header div.info span.time
		{
			text-transform	: capitalize;
			font-size		: 12px;
			font-weight		: bold;
		}

	div.header div.support
	{
		position	: absolute;
		right		: -5px;
		bottom		: 10px;
	}

		
div.navbar 
{
	height			: 30px;
	background-color	: #e8edf1;
	border-color		: #1a4182;
	border-style		: solid;
	border-width		: 0;
	border-top-width	: 1px;
	border-bottom-width	: 1px;
	background-color	: #3e6cba;
	background-image	: url('../images/navbar-bg.png');
	background-position	: top left;
	background-repeat	: repeat-x;	
}		

	div.navbar ul
	{
		list-style-type	: none;
		margin			: 0;
	}
	
		div.navbar ul li
		{
			float			: left;
			background-image	: url('../images/navbar-li-bg.png');
			background-position	: right;
			background-repeat	: no-repeat;
			padding-right		: 2px;	
			
		}
		
			div.navbar ul li a
			{
				font-family		: Verdana;
				font-weight		: bold;

				font-size		: 13px;
				display		: block;
				padding		: 12px;
				padding-top		: 7px;
				padding-bottom	: 7px;
				text-align		: center;
				color			: #FFFFFF;
				text-decoration	: none;
			}
			
				div.navbar ul li.active a, div.navbar ul li a:hover
				{
					background-color	: #5186d7;
				}
				

div.main
{

}
	div.main div.container
	{
	
	}
	
	div.main div.inside
	{
		padding-top		: 30px;
		width			: 570px;
	}
	
	div.main div.sidebar
	{
		float			: right;
		width			: 250px;
		padding-top		: 20px;
	}
	
		div.main div.sidebar div.part a
		{
			color			: #000366;
		}
		
		div.main div.sidebar div.block
		{
			background-color	: #e8edf1;
			border-color		: #b1c3d4;
			border-style		: solid;
			border-width		: 1px;
			margin-bottom		: 20px;
			color			: #000000;
		}
		
			
		div.main div.sidebar div.block div.content
		{
			padding		: 10px;		
		}
		
			div.main div.sidebar div.block div.content div.title
			{
				font-weight		: bold;
				font-size		: 110%;
				margin-bottom		: 5px;
			}
		
	
ul.categories
{
	list-style-type	: none;
	margin			: 0;
	margin-left		: 10px;
	margin-right		: 10px;
}

	ul.categories li
	{
		background-image	: url('../images/icons/directory.png');
		background-repeat	: no-repeat;	
		background-position	: left;
		padding-left		: 20px;		
		border-color		: #e6e6e6;
		border-style		: solid;
		border-width		: 0;
		border-bottom-width	: 1px;
	}
	
	ul.categories li a
	{
		display		: block;
		width			: 100%;
		padding		: 4px;
	}
	
	
div.footer
{
	background-color	: #2457ac;
	margin-top		: 80px;
}

	div.footer div.container
	{
		padding		: 10px;
		color			: #FFFFFF;
		height			: 18px;
		
	}
	
	div.footer a
	{
		color			: #FFFFFF;
	}
	
	div.footer div.left
	{
		float			: left;
		width			: 40%;
	}
	
	div.footer div.right
	{
		text-align		: right;
		float			: right;
		width			: 40%;
	}