/*##############################################################
---------------------------------------------------------------

	DEFAULT SETTINGS

---------------------------------------------------------------
##############################################################*/

.DNNEmptyPane{display:none; margin:0; padding:0; height:0px;}

body h3 a
{
	text-decoration:underline!important;
}

#Body{
	background:#333;
}


body{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left; 
	
}

.af-actions li
{
	list-style:none!important;
	
}

p{font-family:tahoma; font-size:12px; line-height:20px; margin:5px 0;}

a {
    outline: none;
}

body a, a:link, a:visited{
	color:#006699;
	text-decoration:none;
	
}

body a:hover{
	text-decoration:underline;
}

table{font-size:12px;}

img {
	border:none;
	margin:0;
	padding:0;
	display:inline;
}

div{
	margin:0px;
	padding:0px;
}

ul li {
	list-style-image:url(images/li.png);
	font-size:13px;
	color:#585858;
}

li{
	margin:0;
	padding:4px 0;
}




hr{
	border:none;
	border-top:2px solid #999999;
	height:2px;
}

h1{
	margin:0!important;
	padding:8px 0 8px 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#2C8CBF;
	font-size:17px;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	color:#006699;
	font-size:25px;
	font-weight:normal;
	margin:0px 0 15px 0;
}


h3{
	color:#006699;
	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
	font-weight:normal;
	margin:0 !important;
}

h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:normal;
	color:#666;
	margin:0px;
}

h5{
	font-family:tahoma;
	font-size:18px;
	font-weight:normal;
	color:#000;
	margin:10px 0 0 0;
}

/*-------------------------------------------------------------
	DNN STUFF
-------------------------------------------------------------*/
.SkinContainer, .Content{
	margin:0px!important;
	padding:0px!important;
}

.FormMaster {}
	.FormMaster td { padding: 4px; }
		.FormMaster td p { margin: 0; }

/*-------------------------------------------------------------
	CLEARFIX
-------------------------------------------------------------*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/*##############################################################
---------------------------------------------------------------

	LAYOUT ELEMENTS

---------------------------------------------------------------
##############################################################*/

/*-------------------------------------------------------------
	MAIN ELEMENTS
-------------------------------------------------------------*/

#top{
margin:0 auto;
}

#wrapper{
clear:both;
width:990px;
background:#fff;
margin:0px auto 0px auto;
}

#bg{
float:left;
background:#fff;
width:990px;
}

#logo{
float:left;
width:291px;
padding:20px 0px 20px 20px;
}
#dnn_dnnLOGO_imgLogo{

}

#Search{
float:right;
width:199px;
padding:5px 0px 0 0px;
margin:0 -14px 0 0px;
}

	#dnn_rotator{
	clear:both;
	margin:0 auto;
	padding:0 0 10px 10px;
	width:930px;
	}
	#dnn_ContentPane{
	width:940px;
	clear:both;
	margin:0px auto;
	}
	
	#dnn_topPane
	{
		clear:both;
		margin:0 auto;
		width:940px;
	}
		
	#left{
	clear:both;
	float:left;
	}
		#dnn_left1{
		clear:both;
		width:230px;
		float:left;
		margin:0px;
		margin:0 0 0 24px;
		}
			body.ie #dnn_left1{
			clear:both;
			width:230px;
			float:left;
			margin:0px;
			margin:0 0 0 11px;
			}
			
		#dnn_left2{
		width:230px;
		float:left;
		margin:0 15px 0 12px;
			}
			
	#right {
		float:left;
	}
		#dnn_right{
			width:449px;
			float:left;
			margin:0px 0 0 0;
			padding:0px 0 0 0;
		}
		
#footer {
	width:940px;
	clear:both;
	margin:0 auto;
}

#footer h1 {
	font-size:24px;
	padding:10px 0px!important;
}
	
#login{
	clear:both;
	float:left;
	margin:0;
}

/*##############################################################
---------------------------------------------------------------

	HELPERS

---------------------------------------------------------------
##############################################################*/


#dnn_ctr886_Login_cmdRegister{display:none;}

div.SkinContainer .AdminToolbar{background:none!important;}

.spot{margin:-65px 0 0 0;}	
.icon{margin:25px 10px 0 10px;}
.formHeader{font-family:tahoma; font-size:12px; font-weight:bold;}
.form{margin:10px 0 0 0;}
.submit{margin:10px 0 0px 0;}

/*##############################################################
---------------------------------------------------------------

	Home Rotator

---------------------------------------------------------------
##############################################################*/
.prev a{
	float:left;
	text-indent:-10000px;
	background:url(images/prev.png) no-repeat;
	width:34px;
	height:32px;
	position:relative;
	top:130px;
	margin:0 10px 0 0px;
}
	body.ie .prev a{
	top:90px;
	}

.next a{
	float:left;
	text-indent:-10000px;
	background:url(images/next.png) no-repeat;
	width:34px;
	height:32px;
	position:relative;
	top:130px;
	margin:0 0px 0 10px;
}
	body.ie .next a{
	top:90px;
	}
.slide{width:830px;background:none!important;}
.slides{width:830px;float:left; }

/*##############################################################
---------------------------------------------------------------

	Small Rotator

---------------------------------------------------------------
##############################################################*/
.prev_small a{
	clear:both;
	float:left;
	text-indent:-10000px;
	background:url(images/prev.png) no-repeat;
	width:34px;
	height:32px;
	position:relative;
	top:100px;
	margin:0px 10px 0px 25px;
}

.next_small a{
	float:left;
	text-indent:-10000px;
	background:url(images/next.png) no-repeat;
	width:34px;
	height:32px;
	position:relative;
	top:100px;
	margin:0px 10px 0px 10px;
}

#dnn_right1 .slide {
	padding:0px 0 0 0;
	width:300px;
	margin:0px auto;
	text-align:center; 
}

.slide_small{
	float:left;
}

/*##############################################################
---------------------------------------------------------------

	Pager Rotator

---------------------------------------------------------------
##############################################################*/
.slide_small2{
	margin:0px 0 0 70px;
	padding:0px 0 0 0;
}

.navigation .ie .pager{
	margin:-50px 0 0 14px;
}

.navigation{
	float:left;
	clear:both;
	float:left;
	margin:-50px 0 0px 70px;
}

.previousNav, .nextNav{
	float:left;
}

.previousNav a, .nextNav a{
	width:10px;
	background:#999; /*Any background image arrows go here*/
	position:relative;
	z-index:10;
	padding:2px 8px;
	display:block; /* Removes link text */
	text-indent:-10000px;  /* Removes link text */
}

.pager{
	float:left;
}

.pager ul{
	margin:0;
	padding:0;
}

.pager li{
	float:left;
	padding:2px 8px;
	list-style:none;
	border-right:1px solid #ddd;
	background:#fff;
	color:#fff;
	position:relative;
	z-index:10;
}

.activeSlide a {
	font-weight:bold; color:#333;
}


/*##############################################################
---------------------------------------------------------------

	CSS MENU

---------------------------------------------------------------
##############################################################*/

/*-------------------------------------------------------------
	TOP NAV
-------------------------------------------------------------*/
#topMenu{
	float:right;
	margin:0px 20px 0 0;
}

#topMenu li{
	list-style:none;
	float:left;
	margin:0;
	padding:5px 10px 0 10px;
	background:url(images/topMenu_bg.jpg) right no-repeat;
	height:20px;
}
/*-------------------------------------------------------------
	NAV
-------------------------------------------------------------*/
/*-------------------------------------------------------------
	LEVEL ONE
-------------------------------------------------------------*/

#menu {
	float:right;
	margin:10px 20px 0 0;
	width:650px;
}

body.ie #menu, body.ie7 #menu {
	float:right;
	margin:20px 20px 0 0;
	width:650px;
}

#menu li{list-style:none; float:left; margin:0; padding:0 6px;}

#Modules.up a{background-position:0 -22px;}
#Modules a{background:url(images/menu/modules.jpg);height:22px; width:127px; float:left;}
#Modules a:hover{background-position:0 -22px;}

#Skins.up a{background-position:0 -22px;}
#Skins a{background:url(images/menu/skins.jpg);height:22px; width:87px; float:left;}
#Skins a:hover{background-position:0 -22px;}

#Training.up a{background-position:0 -27px;}
#Training a{background:url(images/menu/training.jpg);height:26px; width:125px; float:left;}
#Training a:hover{background-position:0 -27px;}

#Store.up a{background-position:0 -22px;}
#Store a{background:url(images/menu/store.jpg);height:22px; width:89px; float:left;}
#Store a:hover{background-position:0 -22px;}

#Support.up a{background-position:0 -22px;}
#Support a{background:url(images/menu/support.jpg);height:22px; width:122px; float:left;}
#Support a:hover{background-position:0 -22px;}