body {
margin : 0;
padding : 0;
font : 75% "Trebuchet MS", verdana, arial, sans-serif;
color : #666;
background : #ffffff url(img/pinhole.jpg) center repeat;
}
#container {
width : 740px;
margin-left : auto;
margin-right : auto;
margin-top : 20px;
padding : 20px;
line-height: 1.7em;
color : #666;
background : #f2f2f5;
}

			/*TOP BANNER*/
#banner {
float : left;
width : 350px;
height : 162px;
background : #f2f2f5;
padding : 0;
margin : 0 0 10px 0;
}

			/*TOP SCROLLBAR*/
div.scroll {
overflow : auto;
height : 7em;
width : 160px;
padding : 1em;
color : #fdd017;
background : inherit;
border : 1px solid #aaa;
margin : 0px;
}
#bannerb {
float : right;
width : 350px;
margin : 0 0 10px 0;
padding : 0;
}

                        /* NAVIGATION */
#jsddm
{	clear:both;
        width 100%;
        text-align: center;
        margin: 0px;
	padding: 0}
	

                #jsddm li
	{       float: left;
		list-style: none;
		}

	#jsddm li a
	{	display: block;
		background: #be0000;
		padding: 0.2em 1em;
		text-decoration: none;
		border-right: 1px solid #ffffff;
		width: 80px;
		color: #ffffff;
		white-space: nowrap}

	#jsddm li a:hover
	{	background: #999999}
		
		#jsddm li ul
		{	display: block;
                        text-align: left;
                        margin: 0;
			padding: 0;
                        width: 180px;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}
		
			#jsddm li ul li
			{	float: none;
				display: inline}
			
			#jsddm li ul li a
			{	display: block;
                                width: 100%;
				background: #999999;
				color: #ffffff}
			
			#jsddm li ul li a:hover
			{	background: #b7b7b7}

#iefix{
position: relative;
z-index: 1000;
}



			/*CENTRE CONTENT*/
#content {
padding : 5px;
margin-left : 0px;
margin-right : 205px;
background : #f7f7f7;
color : #666;
}

#content ul {
font : normal 1.0em verdana, arial, tahoma, sans-serif;
color : #666666;
}

			 /*LEFT CONTENT*/
#sidebar {
float : left;
width : 180px;
margin : 0 5px 0 0;
padding : 5px;
color : #666;
background : #f2f2f5;
}
			/*LEFT MENU*/
#menu {
width : 180px;
padding : 10px 0 0 0;
}
#menu ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#menu li {
margin : 0 0 0.1em 0;
}
#menu a {
width : 160px;
padding : 0.1em 0.8em;
text-decoration : none;
display : block;
color : #fff;
background : #f36207;
}
#menu a:hover {
background : #036;
color : #fff;
}

			 /*RIGHT CONTENT*/
#sidebar-b {
float : right;
width : 180px;
margin : 0 0 0 5px;
padding : 5px;
background : #f2f2f5;
color : #fdd017;
}

			 /*LOGO'*/
#logo {
clear : both;
padding : 0px;
margin-top : 2px;
color : #ffffff;
background : #be0000;
}

			 /*FOOTER*/
#footer {
clear : both;
padding : 5px;
margin-top : 15px;
color : #000000;
background : #fdd017;
}
#footer a:link, #footer a:visited {
background : inherit;
color : #eee;
text-decoration : none;
}
#footer a:hover {
border-bottom : 1px dashed #f2f2f5;
background : inherit;
color : #000000;
}

			  /*TYPOGRAPHY*/
p {
margin : 10px;
font : 130% "Trebuchet MS", verdana, arial, sans-serif;
}
h1 {
margin : 0 0 10px 10px;
font : normal 1.5em verdana, arial, tahoma, sans-serif;
letter-spacing: 1.5px;
color : #000000;
background : inherit;
}
h2 {
margin : 0 0 10px 10px;
font : normal 1.5em verdana, arial, tahoma, sans-serif;
letter-spacing: 1.5px;
color : #000000;
background : inherit;
}
h3 {
margin : 0 0 10px 10px;
font : normal 1.3em verdana, arial, tahoma, sans-serif;
letter-spacing: 1.5px;
color : #000000;
background : inherit;
}
blockquote {
font-weight : bold;
font-style : italic;
color : #be0000;
}


			/*LINKS*/
a {
text-decoration : none;
color : #be0000;
background : inherit;
}
a:hover {
color : #0d4953;
background : inherit;
}

		      /*CLASSES*/
.news {
font-size : 1em;
background : inherit;
color : #000;
}
.spartan-news {
font-size : 1em;
background : inherit;
color : #000000;
}
.clear {
clear : both;
}

                        /*SLIDER*/
#slider {
	position: relative;
	width: 350px;
	margin: 0px auto 20px -5px;
}
#slider .viewer {
	width: 350px;
	height: 162px;
	overflow: hidden;
	margin: 0 auto;
}
#slider .viewer .reel {
	display: none;
	height: 162px;
}
#slider .viewer .reel .slide {
	position: relative;
	width: 350px;
	height: 162px;
}