@charset "utf-8";

/********************************************************
Reset Styles
Used to reset the default browser styles when a 
style rule is not present.
*********************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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;
}

html,
body,
form
{
    height: 100%;
}

body
{
    color: #000;
	font-family: arial;
	font-size: 12px;
	line-height: 1;
}

body.background
{
}

/**************************
	Page
**************************/

a, a:visited
{
	color: #9c4226;
	text-decoration: none;
}

a:active
{
	outline: none; /* Removing dotted line around clicked links in Firefox */
}

a:focus
{
	-moz-outline-style: none;
}

a.learnMore
{
	font-weight: bold;
}

h1
{
    color: #302b37;
    font-size: 24px;
}

h2
{
    color: #9c4226;
    font-size: 17px;
    font-weight: normal;
}

h3
{
    color: #9c4226;
    font-size: 15px;
    font-weight: bold;
}

ol
{
    padding:20px;
}

img
{
	border: none;
}

.rule
{
	padding:30px 0;
}

a img
{
    border: 0;
}

img.shadow
{
    -moz-box-shadow: 0 0 10px 1px #c9c9c9;
    box-shadow: 0 0 10px 1px #c9c9c9;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

img.left
{
    border:1px solid #FFFFFF;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

img.right
{
    border:1px solid #FFFFFF;
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}

.baselist
{
	color:#595451;
	list-style-type:none;	
	padding: 0 15px;	
}

ul.baselist {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

.baselist li
{
	padding:5px 0;
}

.baselist li:before
{
	content: "\00BB \0020";
	color:#9C4226;
}

.clearfix
{
	clear: both;
	float: left;
	font-size: 1px;
	height: 0;
	line-height: 1px;
}

.xtrapadding
{
	padding:0 0 0 25px;
}

form
{
	height: 100%;
}

.left
{
    float: left;
}

.sf_cols
{
    clear: both;
    display: block;
}

#cmsWrapper
{
	background: url(../Images/background-top.png);
	float: left;
	height: auto !important;
	height: 100%;    
	margin: 0;
	margin-bottom: -205px;
	min-height: 100%;
	width: 100%;
}

#cmsBodyWrapper
{
	clear: both;
	float: left;
	padding: 0 0 205px;
	width: 100%;
}

.container
{
	margin: 0 auto;
	width: 990px;
}

#topBarWrapper
{
	background: url(../Images/top-bar-background.gif) repeat-x;
	float: left;
	min-height: 29px;
	width: 100%;
}

#headerWrapper
{
	background: url(../Images/header-bckgrd.png) no-repeat top center;
	float: left;
	min-height: 338px;
	width: 100%;
}

#headerContent
{
	float: left;
	min-height: 189px;
	position: relative;
	width: 990px;
}

#navigation
{
	background: url(../Images/global.png) no-repeat;
	float: left;
	height: 38px;
	padding: 0 27px 20px;
	width: 937px;
}

#headlineContent
{
	background: url(../Images/infoHeader-bckgrd.png) repeat-y;
	float: left;
	min-height: 89px;
	padding: 1px 20px 5px;
	width: 950px;
}

#headlineClear
{
	background: url(../Images/global.png) 0 -68px no-repeat;
	float: left;
	height: 20px;
	margin-bottom: 20px;
	width: 990px;
}

#contentWrapper
{
	background: #00361f url(../Images/content-bckgrd.png) repeat-x;
	float: left;
	min-height: 500px;
	width: 100%;
}

#titleBar
{
	clear: both;
	float: left;
	height: 50px;
	width: 990px;
}

#content
{
	background: url(../Images/main-content-bckgrd.png) repeat-y;
	clear: both;
	float: left;
    line-height: 18px;
	min-height: 450px;
	padding: 0 15px 20px;
	width: 960px;
}

#content .sponsors
{
    width:208px!important;
}

#footerWrapper
{
	background: url(../Images/footer-bckgrd.png);
	float: left;
	height: 205px;
	width: 100%;
}

/*************************
    Begin Top Bar
*************************/
.topBar
{
    line-height: 29px;
}

.joinUs
{
    background: url(../Images/global.png) 0 -224px no-repeat;
    color: #ebd7bf;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 218px;
}

.joinUs a
{
    color: #ffd450;
}

.joinUs p
{
    margin: 0;
    padding: 0;
}

.logo
{
    margin: 0 auto;
    width: 650px;
}

/*************************
    End Top Bar
*************************/

.headline
{
    background: url(../Images/global.png) 0 -94px no-repeat;
    height: 77px;
    padding: 6px;
    width: 208px;
}

.headline .Aachen
{
    color: #ffdc49;
    font-size: 13px;
    line-height: 32px;
    padding-left: 6px;
}

.headline h1
{
    color: #beb09d;
    display: block;
    float: left;
    font-size: 36px;
    height: 77px;
    margin: 0;
    padding: 0 0 0 16px;
}

#adRotators
{
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}

#adRotators li
{
    display: none;
    float: left;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
}

#adRotators li.active {
    display: block;
}

#adRotators li.last-active {
}

/*************************
    Begin Search Box
*************************/
.sfsearchBox
{
    background: url(../images/global.png) 100% -103px no-repeat;
    float: left;
    height: 34px;
    padding: 3px;
    width: 201px;
}

.sfsearchTxt
{
    background: white;
    border: none;
    float: left;
    height: 36px;
    margin: 0;
    padding: 0;
    width: 167px;
}

.sfsearchSubmit
{
    background: url(../images/global.png) -734px -104px no-repeat;
    border: none;
    cursor: pointer;
    float: left;
    height: 36px;
    text-indent: -999px;
    width: 34px;
}

.IE7 .sfsearchSubmit
{
    color: #eaeaea;
    font-size: 1px;
    text-align: right;
}

/*************************
    End Search Box
*************************/

/*************************
    Begin Title Bar
*************************/
#titleBar .inner
{
    background: url(../images/global.png) 0 -276px no-repeat;
    height: 50px;
    margin: 0 15px;
    width: 960px;
}

#titleBar .inner h2
{
    color: #a9a294;
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;
    padding-left: 16px;
}

/*************************
    End Title Bar
*************************/

/*************************
    Begin Footer
*************************/
.footer
{
    float: left;
    font-family: Tahoma;
    font-size: 12px;
    margin-top: 20px;
}

.footer p
{
    line-height: 22px;
    text-align: center;
    text-shadow: 1px 1px 2px #fff;
    width: 100%;
}

.footer a
{
    color:#000000;
    text-shadow: 1px 1px 2px #fff;
}

.footer .socialIcons
{
    margin: 0 auto;
    width: 210px;
}

.footer .divider
{
    background: url(../images/footer-divider.png) top right no-repeat;
}

.footer ul
{
    clear: both;
    float: left;
    margin: 0 0 10px;
    width: 204px;
}

.footer li
{
    float: left;
    list-style-type: none;
    padding-left: 24px;
}

.footer .facebook
{
    background: url(../images/global.png) 0 -342px no-repeat;
    display: block;
    height: 32px;
    margin-top: 10px;
    text-indent: -9999px;
    width: 32px;
}

.footer .twitter
{
    background: url(../images/global.png) -40px -342px no-repeat;
    display: block;
    height: 32px;
    margin-top: 10px;
    text-indent: -9999px;
    width: 32px;
}

.footer .blogger
{
    background: url(../images/global.png) -80px -342px no-repeat;
    display: block;
    height: 32px;
    text-indent: -9999px;
    width: 32px;
}

.footer .linkedIn
{
    background: url(../images/global.png) -120px -342px no-repeat;
    display: block;
    height: 32px;
    text-indent: -9999px;
    width: 32px;
}

.footer .mySpace
{
    background: url(../images/global.png) -160px -342px no-repeat;
    display: block;
    height: 32px;
    margin-left: 16px;
    text-indent: -9999px;
    width: 32px;
}

.footer .camoSpace
{
    background: url(../images/global.png) -200px -342px no-repeat;
    display: block;
    height: 41px;
    text-indent: -9999px;
    width: 68px;
}

.footerCopy
{
    float: left;
    width: 100%;
}

.footerCopy p
{
    color: White;
    text-align: center;
    width: 100%;
}
/*************************
    End Footer
*************************/

.sf_pagerNumeric a {padding:0 5px;font-size:12px;}
.sf_PagerCurrent {font-weight:bold;background:#A29E9D;color:#FFFFFF !important;}

.reToolbar.Sitefinity {display: none !important;}

/****************************
    Begin Sponsors Section
****************************/

.sponsors h2
{    
    text-align: center;
}

/****************************
    End Sponsors Section
****************************/

/******************************
    Begin Content Highlight
******************************/

.contentHighlight
{
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: white;
    float: left;
    padding: 6px;
    width: 353px;
}

.contentHighlight .content
{
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #b6aea8;
    float: left;
}

.contentHighlight .content .left
{
    float: left;
    width: 218px;
}

.contentHighlight .content .left img
{
    float: left;
}

.contentHighlight .content .right
{
    float: left;
    padding: 10px 9px;
    width: 117px;
}

.contentHighlight .content .right p
{
    line-height: 14px;
}

.contentHighlight .content .right .chunk
{
    font-size: 15px;
}

.contentHighlight .content .right sup
{
    display: inline;
    font-size: xx-small;
    vertical-align: text-top;
}


/******************************
    End Content Highlight
******************************/

/******************************
    Staff Bio Section
******************************/
.staff
{
	text-align:center;
}

/******************************
    End Staff Section
******************************/

/******************************
    HX Locations Section
******************************/
.hx-location
{
    background-color:#191714;
    margin: 12px 3px;
    height:100px;
}

.hx-location img.left
{
    border-color:#191714;
    margin-bottom:0;
}

.hx-location h2
{
    color:#cecece;
    line-height:30px;
    padding-top:5px;
    margin:0;
}

.hx-location h2.Aachen
{
    color:#ffd51d;
    line-height:normal;
}

.hx-location h3
{
    color:#FFFFFF;
}

.more-links
{
    background: url(../images/bg-more-links.jpg) repeat-x;
    color:#a49c99;
    display: block;
    height: 30px;
    font-size:11px;
    line-height:30px;
    padding:0 10px;
    overflow:hidden;
    text-align: right;
    width: 280px;
}

.more-links a
{
    color:#a49c99;
}

.more-links p
{
    padding:0;
    margin:0;
}

/******************************
    HX Locations Section
******************************/

/******************************
    Begin Bottom Banner
******************************/

.bottomBanner
{
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: white;
    float: left;
    padding: 6px;
    margin-top: 15px;
    width: 730px;
}

.bottomBanner .content
{
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #cfcfcf;
    float: left;
    padding: 8px;
    width: 714px;
}

.bottomBanner ul
{
    float: right;
}

.bottomBanner li
{
    background: url(../images/global.png) 0 -389px no-repeat;
    float: left;
    list-style-type: none;
    margin-left: 10px;
    padding-left: 11px;
}

.bottomBanner .content p
{
    color: #4a4444;
    display: inline-block;
    font-size: 13px;
    line-height: 39px;
    margin: 0;
}

.bottomBanner li a
{
    background: url(../images/global.png) 100% -389px no-repeat;
    color: #514a45;
    display: block;
    font-size: 14px;
    height: 39px;
    line-height: 39px;
    padding-right: 11px;
}

.bottomBanner li a:hover
{
    cursor: pointer;
}

.bottomBanner li a.chunk
{
    color: #9c4226;
    font-size: 12px;
}

/******************************
    End Bottom Banner
******************************/



/******************************
    Media Content
******************************/
.media
{
    background-color:#cfcfcf;
    border:2px solid #FFFFFF;
}

.large
{
    width: 740px;
}

.medium
{
    width: 518px;
}

.small
{
    width: 184px;
}

.media h1
{
    color:#423c38;
    font-size:15px;
    background-color:#a29e9d;
    height:25px;
    line-height:25px;
    overflow:hidden;
    padding: 0 8px;
    margin:0;
}

.media .right .sf_colsIn
{
    background: url(../images/featured-news-seperator.gif) repeat-y top left;
    padding-left:15px;
}

/*News and Events*/

ul.sfnewsList
{
    list-style:none;
}

li.sfnewsListItem
{
    
    font-size:11px;
    padding-bottom:10px;
}

.sfnewsTitle h2,
.sfnewsTitle a
{
    color:#423c38;
    font-size:14px;
}

.sfnewsheading
{
    background-color:#a29e9d;
    height:25px;
    line-height:25px;
    overflow:hidden;
    padding: 0 8px;
    margin:0;
}

.sfnewsheading .sfnewsTitle
{
    float:left;
}

.IE7 .sfnewsheading .sfnewsTitle,
.IE7 .sfnewsheading .sfnewsTitle h2,
.IE7 .sfnewsheading .sfnewsTitle h2 a
{
	height: 25px;
	max-height: 25px;
    line-height:25px;
    overflow:hidden;
	width: 100%;
}

.IE7 .sfnewsheading .sfnewsTitle h2 a
{
	display: block;
	float: left;
	position: relative;
	width: 100%;
}

.sfnewsheading .sfnewsMetaInfo
{
    float:right;
}

h1.sfnewsTitle
{
    color: #9C4226;
    font-size: 17px;
    font-weight: bold;
}

.sfnewsAuthorAndDate
{
    color:#5D5854;
}

.sfcommentsFieldsList li
{
    list-style:none;
}

h1.sfeventTitle
{
    color: #9C4226;
    font-size: 17px;
    font-weight: bold;
}

.sfeventDatesLocationContacts li
{
    list-style:none;
}

h2.sfcommentsTitle
{
    padding-top:10px;
}

/******************************
    End Featured
******************************/

/*****************************
	Begin Tabs
*****************************/

.tabs ul
{
	list-style-type: none;
}

.tabs .ui-item
{
	background: url(../images/global.png) no-repeat 0 -432px;
	float: left;
	line-height: 40px;
	margin-left: 3px;
}

.tabs .ui-first
{
	margin: 0;
}

.tabs .ui-link
{
	background: url(../images/global.png) no-repeat 100% -432px;
	color: #ABA8A5;
	display: block;
	font-size: 15px;
	margin-left: 10px;
	padding: 0 20px 0 10px;
}

.tabs .ui-current
{
	background-position: 0 -480px;
	border-bottom: 2px solid #6f6864;
}

.tabs .ui-current .ui-link
{
	background-position: 100% -480px;
	color: #E1D368;
	text-shadow: 1px 1px 1px #000;
}

/*****************************
	End Tabs
*****************************/

/*****************************
	Begin Membership Styles
*****************************/
.membership-details ul
{
    list-style: none outside none;
    margin-left: 0;
    padding-left: 1em;
    text-indent: -1em;
    color: #595451;
    list-style-type: none;
    padding: 0 15px;
    font-size:11px;
}

.membership-details li
{
    padding: 0;
}

.membership-details li:before
{
    color: #9C4226;
    content: "» ";
}

/*****************************
	End Membership Styles
*****************************/

/*****************************
	Begin Google Map
*****************************/

            #mapPanel
			{
				padding-top: 10px;
			}

			#mapPanel .container {
				-moz-border-radius: 6px;
				border-radius: 8px;
				border: 1px solid #AFAFAF;
				background:	#999;
				height:		500px;
				margin:		0 auto;
				width:		520px;
				max-width:	520px;
				min-width:	520px;
				_width:		520px; /* min-width for IE6 */
			}
			
			#mapPanel_locationsPanel
			{
				height: 600px;
				width: 250px;
			}
			
			#mapPanel_getDirections
			{
				-moz-border-radius: 10px;
				border-radius: 10px;
				background-color: #006B54;
				border: 1px solid black;
				color: #FFFFFF;
				cursor: pointer;
				display: inline-block;
				font-size: 12px;
				line-height: 12px;
				margin: 0 0 0 10px;
				padding: 5px;
			}
			
			#mapPanel .ui-layout-north
			{
				-moz-border-radius: 6px 6px 0 0;
				border-radius: 6px 6px 0 0;
				background: #e7e7e7;
				color: grey;
				padding: 5px 10px;
			}
			
			#mapPanel .ui-layout-west
			{
				-moz-border-radius: 0 0 0 6px;
				border-radius: 0 0 0 6px;
			}
			
			#mapPanel .ui-layout-center
			{
				-moz-border-radius: 0 0 6px 0;
				border-radius: 0 0 6px 0;
			}
			
			#mapPanel_addressCntr
			{
				margin: 0 auto;
				padding-top: 5px;
				width: 500px;
			}
			
			#mapPanel .address
			{
				width: 300px;
			}
			
			#mapPanel .ui-layout-resizer-west
			{
				-moz-border-radius: 0 0 0 6px;
				border-radius: 0 0 0 6px;
				background-image: url(css/images/locations.gif);
				background-repeat: no-repeat;
			}
			
			#mapPanel .ui-layout-resizer-west-open
			{
				-moz-border-radius: 0;
				border-radius: 0;
			}
			
			#mapPanel #info
			{
				font-size: 12px;
				line-height:17px;
			}
			
			#mapPanel_directionsPanel
			{
				background: white;
				margin-top: 10px;
			}

			.pane {
				display:	none; /* will appear when layout inits */
			}
			
			.pane h3
			{
				margin: 0;
				padding-left: 15px;
			}
			
			.pane h3.ui-accordion-header span.ui-icon
			{
				left: 0;
			}
			
			ul.links
			{
				padding: 5px 0;
			}
			
			ul.links li
			{
				font-size: 12px;
				line-height: 16px;
				padding: 5px 10px;
			}
			
			ul.links li:hover
			{
				background: #AAA;
				cursor: pointer;
			}
/*****************************
	End Google Map
*****************************/

.sponsors iframe {
    padding: 0 0 7px;
}

.hidden{
	display: none;
}