/* ---- STYLES ---- */

body {
	margin:0; padding:0;
	font:90% Arial,sans serif;
}

html, body, #main {
	height: 100%;
}

body > #main {
	height: auto; 
	min-height: 100%;
}


p {
	line-height:200%;
	font-weight:bold;
	padding:15px 0 30px 0;
	border-bottom:2px dashed #ccc;
}

p.noBorder {
	border:none;
}

/* ----- IDS ----- */

/* -- MAIN -- */

#main {
	background:url("../images/mainBackground.jpg") repeat-x;
	padding:0;
} 

#main .container {
	background:url("../images/containerBackground2.jpg") no-repeat;
}

#smallMain {
	background:url("../images/smallMainBackground.jpg") repeat-x;
	padding:0;
} 

#smallMain .smallContainer {
	background:url("../images/smallContainerBackground.jpg") no-repeat;
}

/* -- NAVIGATION -- */

#navigation {
	height:77px;
}  
 
#logo {   
	width:327px;  
	height:189px;  
	overflow:hidden;
	position:absolute;
	top:20px;
	left:25px;
}  

#navList {
	margin:10px 0 0 0; padding:20px;
}  

/* -- FEATURE CONTENT -- */
 
#space {
	margin:0; padding:0;
	height:150px;
	position:relative;
	top:100px;
}  
   
#featureContent {
	margin:0; padding:0;
	height:450px;
	position:relative;
	top:100px;
}   

/* -- BLOCK CONTENT -- */

#blockContent {
	color:#333333;
	position:relative;
} 

#mainContent {
	float:left;
	width:600px;
}

#mainContent span {
	color:#ed1414;
}

#rightContent {
	float:right;
	width:300px;
	margin:0 0 30px 20px; padding:0 0 0 20px;
	text-align:left;
	border-left:2px dashed #ccc;
}

#rightContent #section {
	margin:0 0 0 30px;
}

/* -- FOOTER -- */
 
#footer { 
	background:url("../images/footerBackground.jpg") repeat-x;
	height:0px;
	color:white;
	margin:0; padding:40px;
	position: relative;
	clear:both;
}

/* ----- CLASSES ----- */

.container {
	width:950px;
	margin:0 auto;
	position:relative;
}

.smallContainer {
	width:950px;
	margin:0 auto;
	position:relative;
}

.section {
	padding:0 0 10px 0;
}

.top {
	position:relative;
	top:-110px;
}

/* ----- HEADINGS ----- */

h1 {

}

h2 {
	text-transform:uppercase;
	font-size:180%;
}

h3 {
	color:#ed1414;
	text-transform:uppercase;
	font-size:100%;
}

h4 {

}

#logo h1, #logo small {
	margin:0; padding:0;
	width:327px; 
	height:189px; 
	background:url("../images/logo.png") no-repeat; 
} 

/* ----- LISTS ----- */

ul#menu {  
	margin:0; padding:0;  
	position:absolute;  
	right:0px;  
}  

ul#menu li {  
	display:inline;  
}  

ul#menu {  
	margin:0; padding:0;  
	position:absolute;  
	right:10px;  
	top:25px;
}  

ul#menu li {  
	display:inline;  
	margin-right:30px;  
} 

ul#menuBottom {  
	margin:0; padding:0;  
}  

ul#menuBottom li {  
	display:inline;  
}  

ul#menuBottom {  
	margin:0; padding:0;  
	position:absolute;  
	right:10px;  
	top:115px;
}  

ul#menuBottom li {  
	display:inline;  
	margin-right:30px;  
} 

#mainContent ul {
	line-height:200%;
	font-weight:bold;
	padding:0 0 30px 0;
	border-bottom:2px dashed #ccc;
}

#mainContent ul.buttons {
	border:none;
}

#mainContent ul.buttons li {
	display:inline;
}

#mainContent ul.buttons li a {
	margin:0 20px 0 0;
}

#buttonList {
	width:380px;
	margin:0 auto;
}

#buttonList ul li {
	float:left;
}

ul#usefulLinks {
	list-style-type:none;
	font-weight:bold;
	margin:0; padding:0;
}

ul#usefulLinks li {
	padding-top:20px;
	line-height:150%;
}

ul#footerMenu {  
	margin:0; padding:0; 
	position:absolute;  
	right:0px;  
}  

ul#footerMenu li {  
	display:inline;  
}  

ul#footerMenu {  
	margin:0; padding:0;  
	position:absolute; 
	left:0px;
	bottom:-5px;
}  

ul#footerMenu li {  
	display:inline; 
	margin:0 30px 0 0;
} 

/* ----- IMAGES ----- */

#rightContent img {
	padding:20px 0 0 0;
	border-top:2px dashed #ccc;
}

#smallRightContent img {
	padding:20px 0 0 0;
	border-top:2px dashed #ccc;
}

ul#menuBottom img {
	margin:-10px 0 0 0;
}

a img {
	border:none;
}

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

a {
	text-transform:uppercase;
	color:#ed1414;
}

a.noUnderline {
	text-decoration:none;
}

#logo h1 a {
	padding:189px 0 0 0;
	display:block;
} 

ul#menu li a {  
	text-decoration:none;  
	color:#333;
	font-family:Arial,sans serif;
	font-weight:bold;
}  

ul#menu li a.active, ul#menu li a:hover {  
	color:#ed1414;  
}

ul#menuBottom li a {  
	text-decoration:none;  
	color:#fff;
	font-family:Arial,sans serif;
	font-weight:bold;
}  

ul#menuBottom li a.active, ul#menuBottom li a:hover {  
	color:#fff; 
	text-decoration:underline;
}

ul#usefulLinks li a {
	text-decoration:underline;	
	text-transform:none;
}

ul#footerMenu li a {  
	text-decoration:none;  
	color:#fff;
	font-family:Arial,sans serif;
	font-weight:bold;
}  

ul#footerMenu li a.active, ul#footerMenu li a:hover {  
	text-decoration:underline;
}