/*******************************************************
TITLE: reelSUN
DATE: 122006
BY: David Olesch
FOR: SunRise | Development & Design (srdd.net)
*******************************************************/

body {
font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
color:#666;
margin:0;
padding:0;
background-image: url(images/bodyBGslice.jpg);
background-repeat: repeat-x;
background-color:#ffffff;
color:#000000;  
text-align:center;
}
	
#pseudoBody {
width: 750px;
margin:0 auto;
voice-family: "\"}\"";
voice-family: inherit;
padding:0;
background:none;
text-align:left;
border:0px solid #999999;
}

#header {
margin:0;
padding:0 0 0 0;
height:220px;
background-color:none;
}

#logo{
position:relative;
top:10px;
left:20px;
height:189px;
width:189px;
background-image: url(images/srddLOGO.png);
background-repeat:no-repeat;
background-position:absolute;
}

#header h1 {
font-family:"Times New Roman", Times, serif;
color:#ffffff;
float:right;
margin-top:95px;
font-size:30px;
letter-spacing:3px;
}

#navigation {
margin-top:12px;
text-align: center;
}
#navigation ul {
	font-size: 12px;
	text-decoration: none;
	margin: 0;
	padding: 0;
	list-style:none;	
}
#navigation li {
	display: inline;
	text-align: center;
	padding: 0;
	margin-right: 4px;	
	float: left;
}

 #navigation li.current{
	display: inline;
	background: url(images/currentBGmain.gif) repeat-x center top;
	text-align: center;
	padding: 0;
	margin-right: 4px;	
	float: left;
}

#navigation a.current {
	color: #333333;
	background: url(images/currentBGleft.gif) no-repeat left top;
	float: left;
	margin:	0;
	padding-left:7px;
	text-decoration: none;
}
#navigation a span.current {
	background: url(images/currentBGright.gif) no-repeat right top;
	display: block;
	padding:7px 16px 4px 8px;
	float: none;
}

 #navigation li.norm{
	display: inline;
	background: url(images/nonhoverBGmain.gif) repeat-x center top;
	text-align: center;
	padding: 0;
	margin-right: 4px;	
	float: left;
}
	
#navigation a.norm{
	color: #003366;
	float: left;
	margin:	0;
	padding-left:7px;
	text-decoration: none;
	background-image: url(images/nonhoverBG.gif);
	background-position: center;
	background-position: bottom;
	background-repeat: no-repeat;
}
#navigation a.norm{
	color: #333333;
	background: url(images/nonhoverBGleft.gif) no-repeat left top;
	float: left;
	margin:	0;
	padding-left:7px;
	text-decoration: none;
}
#navigation a span.norm{
	background: url(images/nonhoverBGright.gif) no-repeat right top;
	display: block;
	padding:7px 16px 4px 8px;
	float: none;
}
 #navigation li.norm:hover{
	display: inline;
	background: url(images/currentBGmain.gif) repeat-x center top;
	text-align: center;
	padding: 0;
	margin-right: 4px;	
	float: left;
}
	
#navigation a.norm:hover{
	color: #003366;
	float: left;
	margin:	0;
	padding-left:7px;
	text-decoration: none;
	background-image: url(images/nohoverBG.gif);
	background-position: center;
	background-position: bottom;
	background-repeat: no-repeat;
}
#navigation a.norm:hover{
	color: #333333;
	background: url(images/currentBGleft.gif) no-repeat left top;
	float: left;
	margin:	0;
	padding-left:7px;
	text-decoration: none;
}
#navigation a span.norm:hover{
	background: url(images/currentBGright.gif) no-repeat right top;
	display: block;
	padding:7px 16px 4px 8px;
	float: none;
}


//typography ::::

h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:3.8em;
	font-weight:normal;
	color:#333;
	letter-spacing:-1px;
	margin:20px 0;
}

h1 a {
	text-decoration:none;
	color:#333;
}

#footer {
	padding:20px;
	text-align:right;
	border-top:1px solid #eee;
	margin:0;
	color:#999;
}

#links{
float:left;
}

#links a:link{
color: #999	;
text-decoration: none;
}

#links a:visited{
color: #999	;
text-decoration: none;
}

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

#wrapper {
	width:760px;
	margin:0 auto;
	
}

#nav {
	border-bottom:1px solid #eee;
	padding:7px 0;
	margin:0;
	border-top:1px solid #eee;
	height:28px;
}

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

#nav li a {
	color:#999;
	padding:5px 5px 7px 5px;
	background:#fff;
	font:1.6em Trebuchet MS;
	margin:1px 2px 0 0;
	font-weight:bold;
	text-decoration:none;
	display:block;
}
#nav li a:hover {
	background-color:#eee;
	color:#333;
	text-decoration:none;
}

#nav li a.active {
	background-color:#eee;
	color:#444;
	text-decoration:none;
}

.clear {
	clear:both;
}

#content {
	margin:0 275px 0 0 !important;
	margin:0 277px 0 0;
	border-right:1px solid #eee;
	border-left:1px solid #eee;
	padding:10px 25px 30px 25px;
}

#content p {
	line-height:25px;
	margin:25px 0;
	font-size:110%;
	word-spacing:2px;
}

#content a {
	text-decoration:none;
	color:#333;
	border-bottom:1px solid #eee;
}

#content a:hover {
	color:#000;
}

#content h2:first-letter {
color:#fff;
margin-right:10px;
margin-left:10px;
}

#content h2 {
	height:40px;
	font-family:"Times New Roman", Times, serif;
	font-size:28px;
	font-weight:normal;
	border-bottom:1px solid #f6f6f6;
	color:#444;
	padding-top:10px;
	text-decoration:none;
	border:none;
	background-image: url(images/h2.gif);
	background-repeat: no-repeat;
	margin-bottom:-15px;
}

#sidebar {
	width:250px;
	float:right;
	padding:10px 10px 30px 10px;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}

#sidebar h2 {
	letter-spacing:2px;
	font-size:1.4em;
	color:#333;
	border-bottom:1px solid #f6f6f6;
	padding:0 0 3px 0;
}

#sidebar h2 a:hover{
	color:#999;
}

#sidebar .login{
 background-color: #eee;
 border:1px #999 solid;
}

#sidebar ul {
	list-style:none;
	margin:0 0 20px 0;
}

#sidebar li {
	margin-left:-35px;
	padding:3px 20px 3px 20px;
	border-bottom:1px solid #f6f6f6;
	border-left: 5px transparent solid;
}

#sidebar li a {
	color:#333;
	text-decoration:none;
}

#sidebar input {
	width:240px;
	padding:5px;
	background:#fdfdfd;
	color:#444;
	border:1px solid #f6f6f6;
	font:11px Verdana;
}

#sidebar input:focus {
	background:#fff;
	border:1px solid #eee;
}

#sidebar li a:hover {
	color:#000;
}
#sidebar li:hover{
border-left: 5px #88adf8 solid;
background:#d7e3fb;
}

p.news {
	padding:10px;
	background:#d7e3fb;
	margin:10px 0;
	color:#003366;
	border-bottom:2px solid #cccdd0;
	border-top:2px solid #cccdd0;
}

blockquote {
	color: #777;
	padding:5px 15px;
	background:#ddd;
	margin:10px 0;
	border:1px solid #888;
}

#content ul, ol {
	margin:10px 10px 10px 25px;
	border-top:1px solid #eee;
}
#content li {
	padding:10px;
	border-bottom:1px solid #eee;
}

img.border {
	background:#ddd;
	padding:1px;
	border:5px solid #ccc;
}
#header img{
margin-top:32px;
margin-right:10px;
float:right;
}
img.inliner {
padding:0px;
border:none;
float:right;
}
img.inlinel {
padding:0px;
border:none;
float:left;
}
#content h3 {
	margin:10px 0;
	font:160% Trebuchet MS;
	color:#222;
}

a.more {
	display:block;
	text-align:right;
	color:#91afeb;
	text-decoration:none;
	margin:10px 0 0 0 ;
}
a.more:hover {
	text-decoration:underline;
}