* {
	margin:0;
	padding:0;
}

html {
	height:100%;
	overflow-y:scroll;
}

body {
	background:url(../images/bg.gif) #f6f5f1 repeat-x;
	height:100%;
	font: 12px/135% Tahoma, arial, sans-serif;
	font-size:14px;
	color:#4c4c4c;
}

a {
	outline:none;
}

/* layout */

#container {
	margin:0 auto;
	width:920px;
}

#home {
	float:left;
	height:130px;
	width:350px;
}

a.home {
	display:block;
	height:130px;
	width:350px;
}

#header {
	background:url(../images/header.gif);
	margin:0 auto;
	height:163px;
	width:920px;
}

#nav {
	margin: 78px 0 0 0;
	float:right;
	height:59px;
	width: 520px;
}

#topImage {
	background:url(../images/topImage.gif);
	height:353px;
	width:920px;
}

#topImage2 {
	background:url(../images/topImage.jpg);
	height:353px;
	width:920px;
}

a.topImage {
	display:block;
	height:353px;
	width:920px;
}

#content-container {
	background:url(../images/content-bgBottom.gif) repeat-y;
	width:920px;
}

#content-container2 {
	background:url(../images/content-bg.gif) no-repeat;
	width:920px;
}

#content {
	float:left;
	margin: 30px 20px 0 25px !important;
	margin: 30px 20px 0 15px; /*ie6 hack*/
	width:540px;	
}

#footer {
	padding:20px 0 20px 0;
	text-align:center;
	font-size:12px;
	clear:both;
}

/*News*/

#news {
	float:right;
	padding:20px 20px 20px 20px;
	font: 12px/120% Tahoma, arial, sans-serif;
	background:#e9e9e9;
	margin:4px 14px 0 0 !important;
	margin:4px 7px 0 0; /*ie6 hack*/
	width:268px;
}

h2 {
	font-size: 22px;
}

h3 {
	font-size: 14px;
	line-height:120%;
	margin:20px 0 5px 0;
}

#news a { text-decoration:none; color:#4c4c4c;}
#news a:hover {color:#000}
#news a.readmore { text-decoration:underline; }


/*nav*/

#nav li {
	display:inline;
	list-style:none;
}

#nav li a {
	float:left;
	display:block;
	height:59px;
}

#nav li.item1 a { width:127px; background:url(../images/item1.gif);}
#nav li.item2 a { width:133px; background:url(../images/item2.gif);}
#nav li.item3 a { width:134px; background:url(../images/item3.gif);}
#nav li.item4 a { width:126px; background:url(../images/item4.gif);}


#nav li a:hover { background-position: 0 -59px; }

body.about #nav li.item1,
body.about #nav li.item1 a,
body.about #nav li.item1 a:hover,
body.videos #nav li.item2,
body.videos #nav li.item2 a,
body.videos #nav li.item2 a:hover,
body.articles #nav li.item3,
body.articles #nav li.item3 a,
body.articles #nav li.item3 a:hover,
body.contact #nav li.item4,
body.contact #nav li.item4 a,
body.contact #nav li.item4 a:hover {
	background-position: 0 -59px; 
}

/*content*/

h1 {
	margin:0 0 55px 0;
	font-size:30px;
}

.contentTitle {
	font-size:20px;
	line-height:28px;
}

#content a { color:#4c4c4c; }

#footer a { text-decoration:none; color:#4c4c4c;}
#footer a:hover {color:#000}