/*--
------------------------------------------------
	Variables
------------------------------------------------
	Background Color: #BFD9ED #666666
	Title BG Color: #9D0000 #15973B
	Title Text Color: #fff #FFFFFF
	Sidebar Color: #80919E #00015F
	Link Color : #AC0000 #3E1DFF
	Banner BG Color : #AC0000 #cccccc	
	Banner Text Color : #fff #000000
	Banner Link Color : #fff #000000
	Tag Line Text Color : #fff #000059
------------------------------------------------
--*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display:none;
}

/* get rid of focus dottted line for firefox */


input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  	border: 1px dotted transparent;
	}
	
textarea:focus, 
button:focus, 
select:focus, 
input:focus {
	outline-offset: -1px; 
}

/*-- layout --*/
body {
	font: 62.7%/185%  Helvetica, Arial, sans-serif;
	background:#666666;
	color:#222;
	margin-bottom:15px;
}

#container {
	width:930px;
	background:#fff;
	margin: 15px auto;
	position:relative;
}

#foil {
	width:900px;
	padding:0 15px 15px 15px;
	float:left;
	margin-bottom:15px;
	background:#fff;
}

p {
	font-size: 1.2em;
}

#footer {
	width:930px;
	margin:0 auto;
	background:#fff;
	opacity:.5;
	height:40px;
	text-align:center;
	line-height:40px;
	font-size:1.1em;
}

#footer {
	clear:both;
}

a {
	color:#3E1DFF;
	text-decoration:underline;
}

a:hover, a:focus {
	color:#333;
	text-decoration:underline;
}

#moto {
	width:666px;
	height:25px;
	line-height:15px;
	color:#000059;
	position:absolute;
	background:#666666;
	top:0;
	left:0;
	font-size:1.4em;
}

#header, #wrapper {
	width:651px;
	float:left;
}

#header h1 {
	margin-top:40px;
	width:636px;
	margin-left:-25px;
	font-size:38px;
	font-weight:bold;
	color:#FFFFFF;
	padding:30px 20px 25px 20px;
	background: #15973B url("/images/portal/cssimages/logo-bg.png") no-repeat;
}

#rightbar {
	width:234px;
	float:right;
	margin-top:15px;
}

#slideshow {
	width:666px;
	margin-left: -15px;
	overflow:hidden;
	background:#15973B;
	height:255px;
	position:relative;
}

#slideshow ol {
	width:221px;
	right:0;
	position:absolute;
	top:0;
	z-index:5;
}

#slideshow li {
	width:0;
}

#slideshow li a {
	width:221px;
	height:64px;
	display:block;
	background:#ccc;
	text-indent:-9999em;
	cursor:pointer;
}

#slideshow li#nav1 a {
	background: transparent url("/images/portal/cssimages/buttons/create.png") no-repeat;
}

#slideshow li#nav1 a:hover, #slideshow li#nav1 a.current:hover, #slideshow li#nav1 a.current {
	background: transparent url("/images/portal/cssimages/buttons/create.png") 0 bottom no-repeat;
}

#slideshow li#nav2 a {
	background: transparent url("/images/portal/cssimages/buttons/control.png") no-repeat;
}

#slideshow li#nav2 a:hover, #slideshow li#nav2 a.current:hover, #slideshow li#nav2 a.current {
	background: transparent url("/images/portal/cssimages/buttons/control.png") 0 bottom no-repeat;
}

#slideshow li#nav3 a {
	background: transparent url("/images/portal/cssimages/buttons/connect.png") no-repeat;
}

#slideshow li#nav3 a:hover, #slideshow li#nav3 a.current:hover, #slideshow li#nav3 a.current {
	background: transparent url("/images/portal/cssimages/buttons/connect.png") 0 bottom no-repeat;
}

#slideshow li#nav4 a {
	background: transparent url("/images/portal/cssimages/buttons/mobile.png") no-repeat;
}

#slideshow li#nav4 a:hover, #slideshow li#nav4 a.current:hover, #slideshow li#nav4 a.current {
	background: transparent url("/images/portal/cssimages/buttons/mobile.png") 0 bottom no-repeat;
}

#slides  {
	width:474px;
	height:0;
}

#slides img{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

#sidebar {
	width:232px;
	float:left;
	background:#DFDFDF;
	position:relative;
}

#sidebar h3 {
	width:257px;
	height:56px;
	display:block;
	text-indent:-9999em;
}

#sidebar .box {
	width:232px;
	position:relative;
	float:left;
}

#sidebar .box .newstitle a {
	padding: 5px 5px 5px 25px;
	font-size: 1.1em;
	width:202px;
}

#sidebar .box .newstitle a {
	text-decoration:none;
	display:block;
	background:#fff url("/images/portal/cssimages/icn-rss.gif") 0 6px no-repeat;
}

#sidebar #aboutsite {
	padding:15px;
	background:#f0f0f0;
	position:relative;
}

#sidebar #aboutsite span {
	display:none;
	
}

#sidebar ul li {
	width:182px;
	padding: 5px 25px;
	border-top:1px solid #ccc;
	background:transparent url(/images/cssimages/bullet.gif) 10px 10px no-repeat;
}

#sidebar li:hover, #sidebar li.alt:hover {
	background:#ccc url(/images/cssimages/bullet.gif) 10px 10px no-repeat;
}

#sidebar li.alt {
	background:#f0f0f0 url(/images/cssimages/bullet.gif) 10px 10px no-repeat;
}

#sidebar .hwrap {
	width:258px;
	height:57px;
	position:relative;
}

#sidebar .hwrap span, #agent span, #main span {
	background:#00015F;
	width:256px;
	height:42px;
	position:absolute;
	z-index:5;
	left:-24px;
	bottom:0;
	z-index:1;
	display:block;
}

#agent span {
	background:#15973B;
	left:auto;
	bottom:auto;
	right:-25px;
	width:258px;
}

#main span {
	background:#00015F;
	width:404px;
	left:0;
	top:15px;
	bottom:auto;
}

#sidebar h3, #agent h3, #main h3 {
	width:257px;
	height:56px;
	display:block;
	text-indent:-9999em;
	position:absolute;
	top:0;
	left:0;
	margin-left:-24px;
	z-index:5;	
}

#agent h3 {
	width:258px;
	height:55px;
	left:auto;
	top:-14px;
	right:0;
	margin-right:-25px;
}

#main h3 {
	width:404px;
	height:42px;
	top:15px;
	left:0;
	margin-left:0;
}

#sidebar .box.about .hwrap span {}

#sidebar .box.about h3 {
	background:transparent url("/images/portal/cssimages/about-site.png") no-repeat;
}

#sidebar .box.news h3 {
	background:transparent url("/images/portal/cssimages/recent-news.png") no-repeat;
}

#sidebar .box.links h3 {
	background:transparent url("/images/portal/cssimages/links-resources.png") no-repeat;
}

#agent h3 {
	background:transparent url("/images/portal/cssimages/sponsor-spotlight.png") no-repeat;
}

#main h3 {
	background:transparent url("/images/portal/cssimages/all-members.png") no-repeat;
}

#main {
	width:404px;
	float:right;
	position:relative;
}

#login  {
	width:233px;
	background:#f0f0f0;
	margin-bottom:10px;
}

#login fieldset {
	padding: 10px 15px;	
	width:203px;
	border: 1px solid #ccc;
}

#login legend {
	display:none;
}

#login .textbox {
	width:188px;
	padding: 6px 5px;
	display:block;
	font: 1.2em  Helvetica, Arial, sans-serif;
	border: 0 none;
	background:transparent url("/images/portal/cssimages/username-bg.gif") no-repeat;
}

#login label {
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:5px;
	display:block;
}

#login li {
	overflow:hidden;
}

#login .textbox.short {
	width:96px;
	background:transparent url("/images/portal/cssimages/password-bg.gif") no-repeat;
}

#login .textbox.short, #login .button {
	float:left;
}

#login .button {
	margin: -8px 0 0 10px;
}

#login h3 {
	width:233px;
	height:41px;
	display:block;
	text-indent:-9999em;
	border: 1px solid #ccc;
	border-bottom: 0 none;
	background:transparent url("/images/portal/cssimages/your-account.jpg") no-repeat;
}

.agentimage-sm {
	float:left;
	margin:10px 10px 5px 10px;
}


address {
	font-style:normal;
	font-size:1.2em;
	display:block;
	float:right;
	margin-top:10px;
	width:140px;
	margin-right:10px;
}

#agent {
	background:#ccc;
	border:1px solid #999;
	position:relative;
	color:#333;
	padding-bottom:15px;
	text-align:center;
}

#agent address {
	float:none;
	width:100%;
	margin-bottom:15px;
}

.agentimage {
	padding-top:35px;
	_padding-top:55px;
}

.agentimage img {
	display:block;
	padding:1px;
	margin-left: 15px;
	_margin-left:0;
	margin-top:20px;
	border: 1px solid #333;
	width:200px;
}

#poweredby {
	margin-top:15px;
}

.title {
	color:#333;
	margin-top:10px;
}

.title strong {
	font-weight:normal;
}

.members {
	margin-top:72px;
	overflow:hidden;
}

.members li {
	float:left;
	width:89px;
	margin: 0 12px 12px 0;
	height:97px;
}

.members li  a {
	display:block;
	color:#000000;
	font-size:1.1em;
	text-align:center;
}

.members li  a:hover {
	color:#333;
	text-decoration:none;
}

.members li img {
	display:block;
	margin: 2px auto 0;
	padding:2px;
	background:#231F20;
}

.members li em {
	display:block;
	background:#fff;
	font-style:normal;
	line-height:1.1;
}

/*-- slider --*/
	.csw {
		width: 404px; 
		background: #fff; 
		overflow: scroll;
		height:680px;
	}
	
	#memberwrapper {
		padding-bottom:0;
		border-bottom:15px solid #00015F;	
	}
	.csw .loading {margin: 200px 0 300px 0; text-align: center}

	.stripViewer { 
		position: relative;
		overflow: hidden; 
		margin: auto;
		width: 100%; 
		clear: both;
	
	}
	
	.stripViewer .panelContainer { 
		position: relative;
		left: 0; 
		top: 0;
		width: 100%;
		list-style-type: none;
	}
	
	.stripViewer .panelContainer .panel { 
		float:left;
		height: 100%;
		position: relative;
		width: 404px; 
	}
	
	.stripNav {
		width:404px;
		padding-left:5px;
		top:25px;
		right:68px;
		text-align:center;
		z-index:10;
		background:#fff;
		border:2px solid #393939;
		position:absolute;
	}
	
	.stripNav li {
		display:inline;
		float:left;
	}
		
	.stripNav li a {
		 width:12px;
		text-align:center;
		display:block;
		float:left;
		font-size:1.1em;
	}
	
	.stripNav li a.current {
		font-weight:bold;
		font-size:1.1em;
		color:#333;
		text-decoration:none;
	}
	
	
	.stripNavL, .stripNavR {
		position: absolute;
		top: 26px;
		z-index:20;
		text-indent: -9000em;
	}

	.stripNavL a, .stripNavR a {
		display: block;
		height: 20px;
		width: 20px;
	}
	
	.stripNavL {
		right: 40px
	}
	
	.stripNavR {
		left: 370px;
	}
	
	.stripNavL {
		background: url("/images/portal/cssimages/arrow-bck.png") no-repeat center;
	}
	
	.stripNavR {
		background: url("/images/portal/cssimages/arrow-fwd.png") no-repeat center;
	}
	
	#sponsorad {
			margin-top:15px;
			width:384px;
			padding: 5px; 
			background:#cccccc;
			position:relative;
			color:#333;
			border:1px solid #999;
		}

		#sponsoradText {
			margin-right:15px;
			width:240px;
			text-align:center;
		}

		#sponsorad img {
			width:auto;
			float:right;
			display:block;
			border:1px solid #000000;
		}

		#sponsorad address {
			font-style:normal;
			font-size:1.2em;
			display:block;
			float:none;
			margin-top:0;
			width:100%;
			margin-right:0;
			color:#000000;
		}

		#sponsorad h4 {
			font-weight:normal;
		  width:100%;
			font-size:1.2em;
			color:#000000;
		}
		
		#sponsorad #hlBannerLink
		{
			color: #000000;
		}
		
		#agent #hlExternalLink
		{
			color:#000000;
		}