@charset "UTF-8";
/* CSS Document */

/* ------------- SHELL -------------------------------- */

body {
	text-align: center;
	min-width: 950px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCC;
	background: #333 url(../Images/Layout/background.jpg) repeat;
}
* {
	outline: none;
}
#WrapTop {
	background: #000;
	border-bottom: 1px solid #373737;
}
#TopHeader {
	width: 950px;
	height: 10px;
	padding: 10px 0px 10px 0px;
	margin: 0px auto;
	display: block;
	position: relative;
	text-align: left;
}
#TopRightNav {
	float: right;
	width: 300px;
	text-align: right;
}
#TopLogo {
	float: left;
	width: 500px;
}
#Wrap-Main {
	background: url(../Images/Layout/White-Halo-LG.png) no-repeat center top;
}

#wrapper {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 950px;
	padding: 10;
	display: block;
	background: url(../Images/Layout/White-Halo-LG.png) no-repeat center top;
} 

/* ------------- HEADER -------------------------------- */

#header {
	width: 950px;
	margin: 0;
	padding: 20px 0 0 0;
	position: relative;
	z-index: 100;
	display: block;

}
#aras-header {
	height: 64px;
	margin-top: -10px;
	float: left;
	z-index: 9000;
	position: fixed;
}

#logotype {
	float: left;
	width: 300px;
	display: block;
	margin-top: 0px;
	margin-right: -8px;
	margin-bottom: -8px;
	margin-left: 0px;
}
#aras-logotype {
	float: right;
	height: 57px;
	width: 241px;
	margin: 0 -5px 0 -5px;
}
#TopSearch {
	text-align: right;
	float: right;
	height: 64px;
	width: 340px;
}
#menu-container {
	
	width: 960px;
	z-index: 9999999;
}
/*#menu {
	margin: 0 auto;
	display: block;
	position: relative;
	width: 950px;
}*/

/* ------------- TALL-BIG MENU ---------------------------------- */



ul#topnav {
	margin: 0;
	padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left;
	text-indent: -9999px;
	height: 71px;
}
/*ul#topnav li:hover a, ul#topnav li a:hover {
	background: url(../Images/Layout/Menu/menu-back-full.png) no-repeat 0 bottom;
}*/


ul#topnav a.products {
	background: url(../Images/Layout/Menu/menu-back-full.png) no-repeat 0px top;
	width: 143px;
}
ul#topnav li:hover a.products, ul#topnav li a.products:hover {
	background: url(../Images/Layout/Menu/menu-back-full.png) no-repeat 0 bottom;
}


ul#topnav a.store {
	background: url(../Images/Layout/Menu/menu-back-full.png) no-repeat -144px top;
	width: 103px;
}
ul#topnav li:hover a.store, ul#topnav li a.store:hover {
	background: url(../Images/Layout/Menu/menu-back-full.png) no-repeat -143px bottom;
}


ul#topnav a.training {
	background: url(../Images/Layout/Menu/menu-back-full.png) no-repeat -246px top;
	width: 130px;
}
ul#topnav li:hover a.training, ul#topnav li a.training:hover {
	background: url(../Images/Layout/Menu/menu-back-full.png) no-repeat -246px bottom;
}

ul#topnav a.support {
	background: url(../Images/Layout/Menu/menu-back-full.png) no-repeat -374px top;
	width: 120px;
}
ul#topnav li:hover a.support, ul#topnav li a.support:hover {
	background: url(../Images/Layout/Menu/menu-back-full.png) no-repeat -374px bottom;
}

ul#topnav a.resources {
	background: url(../Images/Layout/Menu/menu-back-full.png) no-repeat -492px top;
	width: 148px;
}
ul#topnav li:hover a.resources, ul#topnav li a.resources:hover {
	background: url(../Images/Layout/Menu/menu-back-full.png) no-repeat -492px bottom;
}

ul#topnav a.download {
	background: url(../Images/Layout/Menu/menu-back-full.png) no-repeat -641px top;
	width: 152px;
}
ul#topnav li:hover a.download, ul#topnav li a.download:hover {
	background: url(../Images/Layout/Menu/menu-back-full.png) no-repeat -641px bottom;
}

ul#topnav a.corporate {
	background: url(../Images/Layout/Menu/menu-back-full.png) no-repeat -796px top;
	width: 158px;
}
ul#topnav li:hover a.corporate, ul#topnav li a.corporate:hover {
	background: url(../Images/Layout/Menu/menu-back-full.png) no-repeat -796px bottom;
}


ul#topnav li .sub {
	position: absolute;
	top: 71px;
	left: 0;
	background: url(../Images/Layout/Menu/Menu-Sub-Back.png) repeat-x top;
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}
ul#topnav li .row {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub ul li h2 {
	padding: 0;
	margin: 0;
	font-size: 1.2em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #333;
}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	/*	background: url(navlist_arrow.png) no-repeat 5px 12px;*/
	padding: 7px 5px 7px 0px;
	display: block;
	text-decoration: none;
	color: #FFCFA6;
	font-size: 12px;
}
ul#topnav .sub ul li a:hover {
	color: #FFF;
	background-position: 5px 12px;
	text-shadow: 0px 1px 1px #F30;
}


#topnav .sub ul li a.topnav-disabled {
	color: #FFAE45;
	cursor: default;
}
#topnav .sub ul li a:hover.topnav-disabled {
	color: #FFAE45;
	background: none;
}




/* ------------- small MENU ---------------------------------- */

#aras-menu {
	margin: 0 -12px 0 -12px;
	float: left;
	width: 966px;
}

ul#aras-topnav {
	margin: 0;
	padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#aras-topnav li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
ul#aras-topnav li a {
	float: left;
	text-indent: -9999px;
	height: 57px;
}
/*ul#aras-topnav li:hover a, ul#aras-topnav li a:hover {
	background: url(../Images/Layout/Menu/Menu-Background-sm.png) no-repeat 0 bottom;
}*/


ul#aras-topnav a.aras-products {
	background: url(../Images/Layout/Menu/Menu-Background-sm.png) no-repeat 0px top;
	width: 112px;
}
ul#aras-topnav li:hover a.aras-products, ul#aras-topnav li a.aras-products:hover {
	background: url(../Images/Layout/Menu/Menu-Background-sm.png) no-repeat 0 -114px;
}


ul#aras-topnav a.aras-store {
	background: url(../Images/Layout/Menu/Menu-Background-sm.png) no-repeat -112px top;
	width: 74px;
}
ul#aras-topnav li:hover a.aras-store, ul#aras-topnav li a.aras-store:hover {
	background: url(../Images/Layout/Menu/Menu-Background-sm.png) no-repeat -112px -114px;
}


ul#aras-topnav a.aras-training {
	background: url(../Images/Layout/Menu/Menu-Background-sm.png) no-repeat -186px top;
	width: 101px;
}
ul#aras-topnav li:hover a.aras-training, ul#aras-topnav li a.aras-training:hover {
	background: url(../Images/Layout/Menu/Menu-Background-sm.png) no-repeat -186px -114px;
}

ul#aras-topnav a.aras-support {
	background: url(../Images/Layout/Menu/Menu-Background-sm.png) no-repeat -287px top;
	width: 93px;
}
ul#aras-topnav li:hover a.aras-support, ul#aras-topnav li a.aras-support:hover {
	background: url(../Images/Layout/Menu/Menu-Background-sm.png) no-repeat -287px -114px;
}

ul#aras-topnav a.aras-resources {
	background: url(../Images/Layout/Menu/Menu-Background-sm.png) no-repeat -379px top;
	width: 114px;
}
ul#aras-topnav li:hover a.aras-resources, ul#aras-topnav li a.aras-resources:hover {
	background: url(../Images/Layout/Menu/Menu-Background-sm.png) no-repeat -379px -114px;
}

ul#aras-topnav a.aras-download {
	background: url(../Images/Layout/Menu/Menu-Background-sm.png) no-repeat -492px top;
	width: 120px;
}
ul#aras-topnav li:hover a.aras-download, ul#aras-topnav li a.aras-download:hover {
	background: url(../Images/Layout/Menu/Menu-Background-sm.png) no-repeat -492px -114px;
}

ul#aras-topnav a.aras-corporate {
	background: url(../Images/Layout/Menu/Menu-Background-sm.png) no-repeat -614px top;
	width: 112px;
}
ul#aras-topnav li:hover a.aras-corporate, ul#aras-topnav li a.aras-corporate:hover {
	
	/*background: url(../Images/Layout/Menu/Menu-Background-sm.png) no-repeat -614px -57px;*/
background: url(../Images/Layout/Menu/Menu-Background-sm.png) no-repeat -614px -114px;
}


ul#aras-topnav a.aras-home {
	background: url(../Images/Layout/Menu/Menu-Background-sm.png) no-repeat -725px top;
	width: 236px;
}
ul#aras-topnav li:hover a.aras-home, ul#aras-topnav li a.aras-home:hover {
	background: url(../Images/Layout/Menu/Menu-Background-sm.png) no-repeat -725px -57px;
}


ul#aras-topnav li .sub {
	position: absolute;
	top: 54px;
	left: 0;
	background: url(../Images/Layout/Menu/Menu-Sub-Back.png) repeat-x top;
	padding: 20px 10px 10px 10px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
	z-index: 99999;
}
ul#aras-topnav li .row {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#aras-topnav li .sub ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 150px;
	float: left;
}
ul#aras-topnav .sub ul li {
	width: 100%;
	color: #fff;
}
ul#aras-topnav .sub ul li h2 {
	padding: 0;
	margin: 0;
	font-size: 1.2em;
	font-weight: normal;
}
ul#aras-topnav .sub ul li h2 a {
	padding: 5px 0 5px 10px;
	background-image: none;
	color: #333;
	text-shadow: 0px 1px 1px #FFCFA6;
}
ul#aras-topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	/*	background: url(navlist_arrow.png) no-repeat 5px 12px;*/
	padding: 7px 5px 7px 10px;
	display: block;
	text-decoration: none;
	color: #FFF;
	/*color: #FFCFA6;*/
	font-size: 12px;
	text-shadow: 0px 1px 2px #F30;
}
ul#aras-topnav .sub ul li a:hover {
	color: #FFF;
	text-shadow: 0px 1px 1px #F30;
	background: #FF5900 5px 12px;
}
#aras-topnav .sub ul li a.topnav-disabled {
	color: #FFAE45;
	cursor: default;
}
#aras-topnav .sub ul li a:hover.topnav-disabled {
	color: #FFAE45;
	background: none;
}





/* ------------- CONTENT CONTAINER---------------------------------- */

#content-container {
	width: 950px;
	float: left;
	display: block;
	z-index: 9;
	margin: 33px 0 10px;
	padding-top: 0px;
	background: url(../Images/Layout/Main-Content-Top.png) no-repeat left 290px;
	color: #333;
}
#Banner {
	height: 280px;
	width: 950px;
	margin: 0 0 8px;
	display: block;
	float: left;
	clear: both;
	z-index: 200;
}
#Photo {
	margin: auto;
	width: 570px;
}
.slideshow{
	width:710px;
	height:280px;
	margin:0;
	overflow:hidden;
	float: left;
}
.slideshow li{list-style:none; float:left; display:inline; position:relative;}
#SideBanner {
	background: url(../Images/Layout/Banner-Side.png) no-repeat center top;
	float: right;
	height: 285px;
	width: 235px;
	margin: 0 -2px 0 0;
}
/* ------------- MAIN LINKS --------------------------------- */

.MainLinks {
	width: 213px;
	padding: 20px 0 0 0;
	margin: 50px 0 0 30px;
	float: left;
	display: block;
}
.MainLinks ul
{	
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}
.MainLinks a, .MainLinks li a
{
	display: block;
	margin: 0px;
}
.MainLinks a:link, .MainLinkItems a:visited
{
	color: #FFFFFF;
	text-decoration: none;
	padding: 0;
	background: url(../Images/SideBarSidebar-Link.png) no-repeat center center;
	height: 65px;
	margin: 0 0 20px 0;
	text-indent: -1024em;
}
.MainLinks a:hover
{
	color: #F00;
	background: no-repeat center center;
}
#News a {
	background: url(../Images/Layout/UW-News-2.png) no-repeat 0px 0px;
}
#News a:hover {
	background: url(../Images/Layout/UW-News-2.png) no-repeat 0px -65px;
}
#Volunteer a {
	background: url(../Images/Layout/UW-Volunteer-2.png) no-repeat 0px 0px;
}
#Volunteer a:hover {
	background: url(../Images/Layout/UW-Volunteer-2.png) no-repeat 0px -64px;
}
#Donate a {
	background: url(../Images/Layout/UW-Donate-2.png) no-repeat 0px 0px;
}
#Donate a:hover {
	background: url(../Images/Layout/UW-Donate-2.png) no-repeat 0px -65px;
}


/* ------------- MAIN CONTENT ---------------------------------- */

#main-content {
	width: 710px;
	background: #FFF url(../Images/Layout/Main-Content-Bottom.jpg) no-repeat center bottom;
	float: left;
	display: block;
	margin: 10px 10px 0 0;
}	
.col-full {
	width: 670px;
	margin: 0 10px 1.9em 20px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
}
.col-left {
	float: left;
	width: 320px;
	clear: both;
	margin-top: 0;
	margin-right: 30px;
	margin-bottom: 1.9em;
	margin-left: 20px;
}
.col-right {
	float: left;
	width: 320px;
	margin-bottom: 1.9em;
}
.col-1-3 {
	clear: both;
}
.col-1-3, .col-2-3 {
	float: left;
	width: 210px;
	margin-right: 20px;
}
.col-3-3 {
	float: left;
	width: 210px;
}


#sidebar-right {
	float: left;
	width: 230px;
	z-index: 9;
	margin: 2px 0 0 0;
	display: block;
}


/* ------------- SIDEBAR LINKS --------------------------------- */

.SideLinks {
	width: 190px;
	padding: 20px 20px 0 20px;
	margin: 0px;
	background: url(../Images/Layout/Sidebar-Top.png) center top;
}
.SideLinks h2 {
	margin: 0;
	padding: 0px 0px 12px 0px;
	line-height: 1em;
	font-size: 1.2em;
	background-position: center top;
	font-weight: lighter;
	font-family: "Gill Sans", "Trebuchet MS", Calibri, sans-serif;
	color: #F60;
	letter-spacing: 0.1em;
	word-spacing: 0.4em;
	text-transform: uppercase;
	text-shadow: 0px 1px 1px #000;
}
.SideLinks p {
	background: url(../Images/Layout/Sidebar-Divider.png) repeat-x top;
	margin: 0px;
	padding: 10px 0;
	font-size: 0.8em;
	line-height: 1.6em;
	color: #666;
}
.SideLinks ul
{
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}
.SideLinks a, .SideLinks li a, .SideLinks a:link
{
	color: #999;
	display: block;
	text-decoration: none;
	padding: 10px 5px 10px 5px;
	width: 190px;
	background: url(../Images/Layout/Sidebar-Divider.png) repeat-x left top;
	margin: 0px -5px;
}
.SideLinks a:hover
{
	color: #FFF;
	background: #F60 url(../Images/Layout/Sidebar-Hover.png) center top;
	text-shadow: 0px 1px 2px #000;
}
.SideLinks a.sl-disabled {
	color: #474747;
	cursor: default;
		text-shadow: 0px 0px 2px #666;
}
.SideLinks a:hover.sl-disabled {
	color: #474747;
	cursor: default;
	text-shadow: 0px 0px 2px #666;
	background: url(../Images/Layout/Sidebar-Divider.png) repeat-x left top;
}
.SideLinksBottom {
	height: 10px;
	width: 230px;
	margin-bottom: 20px;
	background: url(../Images/Layout/Sidebar-Bottom.png) no-repeat center bottom;
}



/* ------------- News --------------------------------- */

.News {
	width: 190px;
	padding: 20px 20px 0 20px;
	margin: 0;
	background: url(../Images/SideBar/News-Top.png) center top;
	color: #595959;
}
.News h2 {
	margin: 0;
	padding: 10px 0px 8px 8px;
	line-height: 1em;
	font-size: 1.4em;
	background-position: center top;
	font-weight: lighter;
	font-family: Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif;
	color: #FFFFFF;
	letter-spacing: 0.1em;
	word-spacing: 0.4em;
	text-transform: uppercase;
}
.News a:link, .NewsItems a:visited
{
	color: #535353;
	text-decoration: none;
	padding: 0;
	font-size: 0.8em;
}
.NewsItems strong {
	font-weight: bolder;
	font-size: 1.1em;
	color: #666;
}
.NewsItems {
	margin: 0;
	background: url(../Images/SideBar/News-Link.png) repeat-x top;
	padding: 10px 0px 10px 6px;
}
.News a:hover
{
	color: #FFF;
	background: #F90 url(none);
	margin: -2px;
	padding: 2px;
}
.NewsBottom {
	height: 16px;
	width: 230px;
	margin-bottom: 20px;
	background: url(../Images/SideBar/News-Bottom.png) no-repeat center bottom;
}






/* ------------- FOOTER ---------------------------------------- */

#FooterWrapper {
	border-top: 1px solid #373737;
	background: #000;
	clear: both;
}

#aras-footer {
	font-size: 0.9em;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: 950px;
	height: 60px;
	padding: 15px 0px 10px 0px;
	z-index: 9;
	margin: 0px auto;
	display: block;
	position: relative;
}
.footer-left {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 460px;
	text-align: left;
}
.footer-right {
	display: block;
	margin: 0px;
	padding: 0;
	float: right;
	font-size: 0.8em;
	width: 400px;
	text-align: right;
}


/* ------------- FOOTER Content -------------------------------- */

#aras-footer p {
	margin: 0px;
	padding: 0px;
	color: #F60;
}
#aras-footer a {
	color: #999;
	text-decoration: none;
	padding: 3px 5px;
	text-shadow: 0px 1px 2px #000;
}
#aras-footer a:hover {
	color: #FFF;
	/*	background-color: #FFF;*/
	margin: -2px;
	padding: 5px 7px;
	text-shadow: 0px 0px 3px #fff;
}
#seven-design {
	font-size: 10px;
	margin-top: 10px;
	margin-bottom: -4px;
}



/* ------------- SUPERSIZED Background Image -------------------------------- */

*{
	margin:0;
	padding-top: 12;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

img{
	border:none;
	text-align: center;
}
#supersize{
position:fixed;
left: 0px;
top: 0px;
clip: rect(0px,auto,auto,0px);
float: left;
}
#supersize img, #supersize a{
height:100%;
width:100%;
position:absolute;
z-index: -10;
left: 0px;
top: 0px;
}
#supersize .prevslide, #supersize .prevslide img{
	z-index: 1;
}
#supersize .activeslide, #supersize .activeslide img{
	z-index: 2;
}


/* ------------- 7 Advertising & Design Backlink -------------------------------- */


#wed-design-link {
	height: 32px;
	width: 200px;
	position: relative;
	right: 0px;
	bottom: 0px;
	text-align: right;
	padding-right: 0px;
	z-index: 7;
	display: block;
	float: right;
	margin: -10px 0px 0 0;
}
#wed-design-link a {
	font-size: 0.7em;
	color: #333;
	text-decoration: none;
	padding: 4px;
}
#wed-design-link a:hover {
	color: #FFFFFF;
	background: #C00;
}