/* CSS Document */

/* Author Ashoor Namrood, Syrox */

body {
	margin:0px; padding:0px; background-color:#b9e5fb; font-family:Arial, Helvetica, sans-serif; font-size:12px; /* Always define 0px margin and padding, never use the Body tag to specify spaces. Body tags should only be used to specify backgrounds, font-family's (i.e. Arial, Verdana etc), a container class (i.e. line 39, .container) should be used to specify spaces. */
}

h1 {
	margin:0px; padding:0px; /* Always define 0px margin and padding to begin with on heading tags. You can then modify these as you continue building a site. */
}

h2 {
	margin:0px; padding:0px; /* */
}

h3 {
	margin:0px; padding:0px; /* */
}

h4 {
	margin:0px; padding:0px; /* */
}

h5 {
	margin:0px; padding:0px; /* */
}

h6 {
	margin:0px; padding:0px; /* */
}

a {
	text-decoration:none; color:#362C66;
}

a:hover {
	text-decoration:none; color:#666666;
}

a img {
	border:0px; /* This defines that any images placed inside a <a href> tag or a .NET 2.2 Hyperlink have no default "blue" border that Internet Explorer adds by default */
}

img {
	behavior: url(/Common/pngHack.htc);
}

a.RegistrationButton:hover img {
	filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65;
}

p {
	margin:0px 0px 16px 0px; padding:0px; font-size:12px; line-height:16px; color:#999999; /* Rule: when specifying font-size, line-height should always be roughly 3px more, so, i.e. 11px font-size = 14px line-height. */
}

span.error {
	margin:0px 0px 5px 0px;
}

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

ul li {
	margin:0px; padding:0px; list-style-type:none;
}

ul.sitemap-ul {
	margin:0px !important; padding:0px !important; width:200px;
}

ul.sitemap-ul li {
	margin:0px !important; padding:5px 5px 5px 40px !important; list-style-type:none !important; background:url(../Images/Layout/crown-ul-li.gif) 0px 0px no-repeat !important; display:block !important; float:none !important; width:200px; font-size:14px;
}

ul.sitemap-ul li a {
	font-size:14px; color:#666666;
}

ul.sitemap-ul li a:hover {
	color:#362C66;
}

ol {
	margin:0px 0px 0px 10px; padding:0px;
}

ol li {
	margin:0px 0px 15px 10px; padding:0px 0px 15px 0px; color:#999999;
}

ol li ol li {
	margin:5px 0px 0px 0px; padding:5px 0px 0px 0px; color:#999999; list-style:none;
}

ol li ol li span {
	float: left; display: block; margin: 0px 0px 0px 0px; width: 30px;
}

ol li ol li ol li {
	margin:5px 0px 0px 50px; padding:5px 0px 0px 0px; list-style: lower-alpha;
}

/*#div-wrap {
	display:none !important;
}*/

div.clear {
	clear:both; line-height:0pt; font-size:0px; height:0px; /* When a CSS class has an auto height (i.e. line 39, .container), it means that it'll grow in height according to the elements inside it. However, due to cross-browser differences, some browsers will not comply with this rule as they dont take into account floated elements so the DIV is 0px in height effectively. 'div.clear' is an "invisible" DIV which enforces this rule. */
}

.container {
	width:100%; height:auto; margin:auto; /* This is used to centre an element. Some people use text-align:center but that also centers text and you have to specify an inner DIV with a left or right text align which can then get slightly messy. */
}

.header {
	position:relative; background:url(../Images/Layout/border-bottom.gif) 0px 100% repeat-x; width:100%; height:188px; margin:auto; /* border-bottom:3px solid #ffffff; For detailed information on, CSS Positioning go to: http://webdesign.about.com/od/advancedcss/a/aa061307.htm */
}

.header .inner-header {
	position:relative; background:url(../Images/Layout/border-bottom.gif) 0px 100% repeat-x; width:1001px; height:185px; margin:auto; padding:0px 0px 3px 0px; /* For detailed information on, CSS Positioning go to: http://webdesign.about.com/od/advancedcss/a/aa061307.htm */
}

.header a.lta-logo {
	position:absolute; top:38px; left:42px; /* For detailed information on, CSS Positioning go to: http://webdesign.about.com/od/advancedcss/a/aa061307.htm */
}

.header ul.top-level-nav {
	position:absolute; bottom:3px; left:29px; z-index:88;
}

.header ul.top-level-nav li {
	float:left; background:url(../Images/Layout/border-right.gif) 100% 2px no-repeat; padding:0px 10px 0px 10px;
}

.header ul.top-level-nav li.last-li {
	background:none !important;
}

.header ul.top-level-nav li a {
	padding:0px 3px 15px 3px; display:block; color:#999999;
}

.header ul.top-level-nav li a:hover {
	color:#666666;
}

.header ul.top-level-nav li a.selected {
	padding:0px 3px 8px 3px; border-bottom:7px solid #ffffff;
}

.header .members-login-link {
	height:40px; width:336px; position:absolute; bottom:3px; right:0px; z-index:80; overflow:hidden;
}

.header .members-login-link .bg {
	filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; background:#B9E5FB; position:absolute; top:0px; left:0px; width:400px; height:400px; z-index:2;
}

.header .members-login-link a {
	position:absolute; bottom:0px; right:30px; z-index:20; padding:0px 3px 15px 3px; display:block; color:#999999;
}

.header .members-login-link a:hover {
	color:#666666;
}

.content {
	background:url(../Images/Layout/crown-bg.gif) 50% 25px no-repeat #f6f6f6; width:100%; height:auto; margin:auto; /* border-bottom:3px solid #ffffff; I have given the .content DIV a min-height of 500px. This means that the container-alternative DIV which I had given a min-height of 500px will now rise to 650px high when taking into account the heights of the header (100px) and the footer (50px). */
}

.content .inner-content {
	background:url(../Images/Layout/crown-bg.gif) 50% 25px no-repeat #f6f6f6; width:891px; min-height:386px; height:auto !important; height:386px; margin:auto; position:relative;	/* I have given the .content DIV a min-height of 500px. This means that the container-alternative DIV which I had given a min-height of 500px will now rise to 650px high when taking into account the heights of the header (100px) and the footer (50px). */ padding:10px 0px 10px 110px;
}

.content .inner-content .homecontent {
	position:absolute; top:0px; left:6px; display:block; width:989px; height:406px;
}

.content .inner-content .left-central-area {
	width:470px; min-height:386px; height:auto !important; height:386px; position:relative; float:left; padding:0px 30px 0px 0px;
}

.content .inner-content .left-central-area img.reserved {
	position: absolute; top: 30px; right: -180px;
}

.content .inner-content .left-central-area .header-area,
.header-area {
	position:relative; height:73px; width:470px;
}

.content .inner-content .left-central-area .header-area img.page-header,
.header-area img.page-header {
	position:absolute; top:17px; left:0px;
}

.header-area#reduced-height {
	height: 58px;
}

.content .inner-content .left-central-area ul {
	margin:0px 0px 10px 10px; padding:0px 0px 10px 5px;
}

.content .inner-content .left-central-area ul li {
	margin:0px 0px 2px 5px; padding:0px 0px 2px 5px; list-style-type:disc; color:#999999; 
}

.content .inner-content .right-central-area {
	width:360px; min-height:386px; height:auto !important; height:386px; position:relative; float:left;
}

.footer {
	width:100%; height:53px; margin:auto; background:url(../Images/Layout/border-bottom.gif) 0% 0% repeat-x; /* */
}

.footer .inner-footer {
	position:relative; width:1001px; height:50px; margin:auto; padding:0px 0px 3px 0px; background:url(../Images/Layout/border-bottom.gif) 0% 0% repeat-x; /* */
}

.footer .inner-footer ul.top-level-nav {
	position:absolute; top:11px; left:28px;
}

.footer .inner-footer ul.top-level-nav li {
	float:left; background:url(../Images/Layout/border-right.gif) 100% 2px no-repeat; padding:0px 11px 0px 11px;
}

.footer .inner-footer ul.top-level-nav li.last-li {
	background:none !important;
}

.footer .inner-footer ul.top-level-nav li a {
	padding:0px 3px 0px 3px; display:block; color:#999999;
}

.footer .inner-footer ul.top-level-nav li a:hover {
	color:#666666;
}