/**************************************************************
   AUTHOR:  Simeon Stavrev (http://waxx.org/studio)
   DATE:    2009.04.07
   PURPOSE: Controls the layout of the site and styles
            the menus
 **************************************************************/



/**************************************************************
   #content: Sets the width of the site.  Make changes here
             to convert to a fixed width site.
 **************************************************************/

#content {
	background: #fff url(../images/background.jpg) no-repeat top center;
	height: 88%;
	min-height: 88%;
	text-align: left;
}

#content,
#width {
	/* max-width hack for IE since it doesn't understand the valid css property */
	/* width: expression(document.body.clientWidth > 1000 ? "1000px" : "94%");*/
	width: 990px;
	margin: 0 auto;
}

#content[id],
#width[id] {
	height: auto;
}

#wrapper {
	margin: 0 15px;
}



/**************************************************************
   #mainMenu: The top level site menu
 **************************************************************/

#header{
	width: 960px;
	height: 70px;
	background: url(../images/top.jpg) no-repeat;
}


/**************************************************************
   .sideMenu: The side bar menu
 **************************************************************/

#sidebarLeft{
	width: 240px;
	float: left;
	margin-right: 15px;
}

#sidebarLeftHeader{
	width: 240px;
	height: 141px;
	background: url(../images/logo.jpg) no-repeat;
}

#sidebarRight{
	width: 705px;
	float: left;
}

#sidebarRightHeader{
	width: 705px;
	height: 141px;
	/*background: url(../images/header.jpg) no-repeat;*/
}

#menu-down{
	clear: both;
	background: #fff url(../images/pod_menu_gradient.jpg) repeat-x top center;
	height: 410px;
	margin: 0 0 15px 0 ;
	padding: 0;
}

#menu{
	background: #578AD0;
	margin: 15px 0 0 0;
	padding: 0;
}

#menu li {
	font-size: 11px;
	clear: both;
	width: 240px;
	list-style: none;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: solid 1px white;
}

#menu li.sub{
	/*background-color: #90B8ED;*/
	font-weight: normal;
	/*text-transform: uppercase;*/
	font-size: 11px;
	background: #fff url(../images/menu-sub.jpg) repeat-y top center;
}

#menu li span.square{
	float: left;
	width: 15px;
	height: 21px;
	margin-right: 10px;
}

#menu li .link-sub{
	margin-left: 25px;
}

#menu li a {
	display: block;
	padding: 4px 10px 4px 0;
	color: white;
}

#menu li a:hover, #menu li a.active { 
	display: block;
	color: #F15A24;
	text-decoration: none;
}

#sitemap a {
	color: black;
}

/*
ul.sideMenu {
	margin: 0;
	padding: 0;
}

.sideMenu li {
	display: inline;
}

.sideMenu li a { 
	display: block;
	margin: 0.2em 0;
	padding: 3px 5px 3px 35px;
	text-decoration: none;
	background: url(../../images/v3/bullet.gif) no-repeat 10px 0px;
}


.sideMenu li.here ul {
	margin: 0;
	padding: 0;
}

.sideMenu li.here {
	display: block;  
	padding: 5px;
}

.sideMenu li.here ul li a {
	padding-left: 35px;  
	background: url(../../images/v3/tick.png) no-repeat 10px 0px;
}
*/


/**************************************************************
   #page: Holds the main page content.
 **************************************************************/

#page {
	min-height:410px;
	height:auto !important;
	height:410px;
	padding: 15px;
	background: #fff url(../images/text_gradient.jpg) repeat-x top center;
}



/**************************************************************
   #pagination: Holds the main pagination
 **************************************************************/

.pagination{
	clear: both;
}

.pagination a, .pagination span.active {
	margin: 0 5px 0 0;
	padding: 2px 5px;
	background: #4b85c4;
	font-size: 0.75em;
	font-weight: normal;
	color: #fff;
}

.pagination a:hover, .pagination span.active {
	background: #78a42e; border: none;
}



/**************************************************************
   #footer: The page footer - will stick to the bottom if not
            enough content.
 **************************************************************/

#footer, #line{
	clear: both;
	padding: 5px 15px;
	color: white;
	text-align: center;
	background: #578AD0;
}

#footer a, #line a {
	color: white;
}

#footer a:hover, #line a:hover { 
	color: #F15A24;
	text-decoration: none;
}

#footer{
	text-transform: lowercase; 
	margin-top: 15px;
}

#line{
	margin-top: 15px;
}

#line form{
	padding: 0;
	margin: 0;
}

#line input.slim{
	padding: 0;
	margin: 0;
	height: 16px;
	width: 150px;
}

/**************************************************************
   Width classes used by the site columns
 **************************************************************/

.width100 {
	width: 100%;
}

.width99 {
	width: 99%;
}

.width75 {
	width: 74%;
}

.width66 {
	width: 65.1%;
}

.width50 {
	width: 49.3%;
}

.width33 {
	width: 32.5%;
}

.width25 {
	width: 24.7%;
}

.width10 {
	width: 10%;
}



/**************************************************************
   Alignment classes
 **************************************************************/

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.alignLeft {
	text-align: left;
}

.alignRight {
	text-align: right;
}

.alignCenter {
	text-align: center;
}



/**************************************************************
   Padding
 **************************************************************/

.padding-5{
	padding: 5px;
}

.padding-10{
	padding: 10px;
}

.padding-15{
	padding: 15px;
}

.padding-20{
	padding: 20px;
}



/**************************************************************
   Margin
 **************************************************************/

.margin-5{
	margin: 5px;
}

.margin-10{
	margin: 10px;
}

.margin-15{
	margin: 15px;
}

.margin-20{
	margin: 20px;
}

.marginBottom10{
	margin-bottom: 10px;
}

.marginBottom20{
	margin-bottom: 20px;
}



/**************************************************************
   Generic display classes
 **************************************************************/

.clear {
	clear: both;
}

.block {
	display: block;
}

.small {
	font-size: 0.85em;
}

.green {
	color: green;
}

.red {
	color: red;
}

.grey {
	color: #666;
}

.grey a {
	color: #000;
}

.grey a:hover {
	color: #999;
}



/**************************************************************
   Tables
 **************************************************************/

tr.border-top-solid td{
	border-top: black 1px solid;
}

tr.border-top-dashed td {
	border-top: black 1px dashed;
}

tr th{
	text-decoration: underline;

}

table.tablesorter tbody tr.highlight td {
	background: yellow;
}



/**************************************************************
   FrontPage
 **************************************************************/

.nisi {

	border-bottom:1px solid #578AD0;
	margin: 30px 0;
}

span.arrow {
	background: url(../images/arrow.jpg);
	width: 16px;
	height: 13px;
}

span.searchHighlight {
	background-color: #EEF66C;
	font-weight: bold;
}