/* CSS Document */

body	{
	background-color: #7895b7;
	text-align: center;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #555555;
	font-size: 11px;
	}

a:link, a:visited, a:active	{
	color: #396395;
	text-decoration: none;
	}
	
a:hover	{
	color: #99b648;
	text-decoration: none;
	}

hr	{
	clear: both;
	border-top: 1px dashed #d8e3ef;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
	padding-bottom: 15px;
	}

img	{
	border: 0px;
	}

img	a	{
	border: 0px;
	}


h1	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: normal;
	}

h2	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin-top: 0;
	}
	
h3	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	}

h4	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0;
	}
	
h6	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0px 20px;
	padding-top: 5px;
	margin: 0;
	text-align: left;
	font-weight: normal;
	}

p	{
	line-height: 18px;
	}

.smallprint	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCCCC;
	}

ul	{
	padding-left: 15px;
	}

ul li	{
	line-height: 18px;
	list-style-type: square;
	margin-bottom: 10px;
	}

ol	{
	}

ol li	{
	line-height: 18px;
	margin-bottom: 10px;
	}

blockquote	{
	line-height: 18px;
	}

table	{
	margin: 0;
	}

td	{
	vertical-align: top;
	line-height: 18px;
	}

.clr	{
	clear: both;
	}

#wrapper	{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	}
	
#header-wrap	{
	text-align: left;
	}


/***************** Footer START */

#art-footer	{
	width: 960px;
	height: 30px;
	background: #7895b7 url(/images/art-footer.gif) bottom left no-repeat;
	overflow: auto;
	}

#footer-wrap	{
	border-top: 1px solid #fff;
	width: 960px;
	background: #e7eff8 url(/images/footer-bg.gif) bottom left no-repeat;
	overflow: auto;
	color: #396395;
	}

#footer-wrap a	{
	color: #396395;
	}

#footer-wrap a:hover	{
	color: #A3DD02;
	}

#footer-wrap ul	{
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	}

#footer-wrap li	{
	margin: 0;
	padding: 5px 0px;
	list-style-type: none;
	border-bottom: 1px solid #f4f9ff;
	line-height: 14px;
	}

#footer-wrap h3	{
	color: #396395;
	border-bottom: 1px solid #f4f9ff;
	padding: 5px 0px;
	}

#foot-c1	{
	float: left;
	margin: 15px 15px 15px 25px;
	width: 280px;
	}

#foot-c2	{
	float: left;
	margin: 15px 15px 15px 15px;
	width: 280px;
	}

#foot-c3	{
	float: left;
	margin: 15px 25px 15px 15px;
	width: 290px;
	}

#footer2-wrap	{
	width: 960px;
	margin: 10px 0px;	
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
#footer2-wrap a	{
	color: #fff;
	}

#footer2-wrap a:hover	{
	color: #A3DD02;
	}

#foot2-c1	{
	float: left;
	width: 600px;
	}

#foot2-c2	{
	border-left: 1px dotted #E7EFF8;
	float: left;
	padding-left: 20px;
	width: 250px;
	}

#footer2-wrap ul	{
	margin: 0;
	padding: 0;
	}
	
#footer2-wrap li	{
	display: inline;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
	border-left: 1px solid #F7FBFF;
	}

#footer2-wrap li.first	{
	border-left: 0px;
	margin-left: 0px;
	padding-left: 0px;
	}
	
/***************** Footer END */

#logo	{
	float: left;
	}
	
#nav-top	{
	float: right;
	margin-right: 25px;
	margin-top: 55px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

#nav-top ul	{
	margin: 5px 0px 0px 0px;
	padding: 0;
	}
	
#nav-top li	{
	display: inline;
	padding-left: 15px;
	color: #fff;
	}

#nav-top a	{
	color: #fff;
	}

#nav-top a:hover	{
	color: #A3DD02;
	}


/* CONTENT - START */

#content-wrap	{
	width: 960px;
	background-color: #fff;
	overflow: auto;  
	}
#title-wrap	{
	width: 960px;
	}
	
#content-wrap a	{
	color: #396395;
	}

#content-wrap a:hover	{
	color: #99b648;
	}

#titleimg	{
	float: left;
	width: 596px;
	}

#titlesponsor	{
	float: left;
	width: 364px;
	height: 180px;
	}


#c0	{
	float: left;
	margin: 15px 10px 15px 25px;
	width: 550px;
	}

#c1	{
	float: left;
	margin: 15px 15px 15px 25px;
	width: 280px;
	}

#c2	{
	float: left;
	margin: 15px 15px 15px 15px;
	width: 280px;
	}

#c3	{
	float: left;
	margin: 15px 25px 15px 10px;
	width: 340px;
	}

.lefty	{
	float: left;
	}

.righty	{
	float: right;
	}

ul.bcrumbs	{
	margin-bottom: 25px;
	font-size: 10px;
	margin-left: 0;
	padding-left: 0;
	}

ul.bcrumbs li	{
	margin: 0;
	margin-right: 10px;
	padding-left: 10px;
	border-left: 1px solid #396395;
	display: inline;
	font-size: 10px;	
	}

ul.bcrumbs li.first	{
	border: 0px;
	padding-left: 0px;
	}
	
ul.art-options	{
	font-size: 10px;
	margin: 0;
	padding: 0;
	}

ul.art-options li	{
	margin: 0;
	margin-right: 10px;
	padding-left: 10px;
	border-left: 1px solid #396395;
	display: inline;
	font-size: 10px;	
	}

ul.art-options li.first	{
	border: 0px;
	padding-left: 0px;
	}

ul#sidebar-cats	{
	width: 340px;
	padding-left: 0;
	}

ul#sidebar-cats li	{
	list-style-type: none;
	}
	
ul#sidebar-cats li.cathead	{
	background: #fff url(/images/cat-head-bg.gif) top left no-repeat;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 7px 0px 0px 30px;
	margin-bottom: 10px;
	}

ul#sidebar-cats li.cathead a	{
	color: #fff;
	}

ul#sidebar-cats li.cathead a:hover	{
	color: #396395;
	}
	
ul#sidebar-cats	ul{
	margin-top: -17px;
	border-top: 1px solid #E7EFF8;
	background: #f7fbff url(/images/cat-foot-bg.gif) bottom left no-repeat;
	padding: 10px 0px;
	}

ul#sidebar-cats	ul li{
	/*width: 320px;*/
	padding: 0px 30px;
	line-height: 18px;
	margin: 0;
	}

ul#sidebar-cats	ul li a	{
	color: #444444;
	}

ul#sidebar-cats	ul li a:hover	{
	color: #A3DD02;
	}

/*********** NAV BAR START ***************/
#nav-bar	{
	clear: both;
	width: 960px;
	height: 45px;
	background: url(/images/navbar-bg.gif) top left;
	}
	
#nav {
	margin-right: 25px;
	float: right;
	line-height:0px;
}
#nav li	{
	list-style:none;
	margin-left:15px;
	padding-left: 15px;
	border-left: 1px dotted #7895B7;
	float:left;
}

#nav li.first	{
	border-left: 0px;
	}

#nav li a	{
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-decoration:none;
}

#nav li a:hover	{
	color: #99CC2D;
	}

/* Mootools - Tooltips - START */ 

.tool-tip {
	color: #fff;
	width: 250px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #fff;
	padding: 8px 8px 4px;
	background: url(/images/tooltip.gif) top left;
	text-align: left;
}
 
.tool-text {
	font-size: 10px;
	padding: 4px 8px 8px;
	background: url(/images/tooltip.gif) bottom right;
	text-align: left;
}
 

/* Mootools - Tooltips - END */ 

/* Mootools - Accordion - START */

.acc-c0	{
	float: left;
	width: 890px;
	}

.acc-c2	{ /* Sames as #c2 and #c3 but only as classes to be used inside accordion panels*/
	float: left;
	width: 563px;
	margin-right: 30px;
	}

.acc-c3	{
	float: left;
	width: 266px;
	padding-left: 30px;
	border-left: 1px dashed #dfdfdf;
	}

.acc-c3 ul	{
	margin-left: 0;
	}


/* Mootools - Accordion - END */

.bookmarks	{
	float: left;
	width: 220px; 
	padding: 10px 15px;
	height: 45px;
	margin-right: 15px;
	background: #fff url(/images/bookmarks-bg.gif) top left no-repeat;
	}

.rating	{
	float: left;
	width: 250px; 
	height: 45px;
	padding: 10px 0px;
	margin-right: 15px;
	}

/* Mootols Sliding tabs	- START */
	#tabs {
			clear: both;
			display: block;
		}
		
	#tabs * {
			list-style-type: none;
			padding: 5px;
			user-select: none;
			cursor: pointer;
		}
	#tabs li.active {
			background-color: #EEF5DB;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-opera-border-radius: 5px;
			-moz-border-radius: 5px;
		}
	#panes {
			border-style: none;
			width: 450px;
			margin: 0 auto 0 auto;
		}
		
	#panes div div { overflow: hidden; }
	
/* Mootools Sliding tabs	- END */

table#contact	{
	width: 550px;
	}