a {
	color: #369
	}

/* overrides the need for border="0" attribute in image tags (xhtml 1.1) */
a img { border-style: none; }

a:hover {
	color: teal;
	text-decoration: none
	}
	

	

/*
body needs to be 100%,in ie windows so the right collumn can fill the height of the window.
HTML needs to be 100% so that in opera so that the background will be flush with the bottom,
otherwise it seems that the "body" only spans to about 80% of the window height.
*/
html { text-decoration: none; height:100%; }

body  { color: #ccc !important; font-size: small; 
font-family: Helvetica, Arial, sans-serif;
 background-color: #5f5e5e; background-image: url(../images/bg_col.gif); background-repeat: repeat;
  text-decoration: none; 
  margin: 0; padding: 0; height: 100%
	             }


	
h1 {font:small arial; color:#156dfd}
h5 {font:small arial; color:#fff}
h2 {
	font-size: xx-large;
	font-weight: bold;
	line-height:60%;
	margin: 0;
	padding: 0;
	border-bottom: 3px solid #000
	}

h3 {
	color: #fff;
	font-size: small;
	font-weight: bold;
	background-color: #69c;
	text-transform: uppercase;
	margin: 0;
	padding: 2px
	}

/*
html and body need be assigned heights of 100% for elements
to have a height the same as the browser height.
In this case the #rightcollumn element neeeds it to stretch.
*/
.titleSecondaryColor { color: teal !important; margin: 0 10px 0 0; padding: 0
	 }


#wrapper {   

  margin: auto;
 position:relative;

  width: 800px;
  margin-left: auto;
  margin-right: auto;
  }


#bodyText { color: #ccc; font-size: small; line-height: 120%; 
	/*background-repeat: repeat; */
	text-decoration: none; height: 300px; margin: 55px 30px 50px; padding-right: 5px; }


#content_heading  { position: absolute; top: 25px; left: 50px; width: 500px; padding: 0; height: 10px
	      }
#headline  { position: absolute; top: 80px; left: 860px; padding: 0; }
	      
	      #block  { background-image: url(../images/swirl.jpg);
	       background-repeat: no-repeat; 
	       background-position:0 top; 
	       position: absolute;
	        top:0; 
	        left: -200px; 
	        width: 850px;
	         padding: 0;
	          height: 900px
	            }
	          
	           

	   #lblock  { background-image: url(../images/lblk.gif); 
	   background-repeat: no-repeat; background-position:0; position: absolute; 
	   top:0; left: 400px; width: 850px; padding: 0; height: 900px
	            }


#content   { background-color: #333; background-repeat: repeat-y; background-position: right bottom; text-decoration: none; position: absolute; top: 75px; left: 50px; width: 550px; padding: 0; height: 545px
	  ; overflow: auto; clip: rect(auto auto auto auto); border-right: 2px outset #010101; border-bottom: 2px outset #181717; border-left: 1px solid #1f1c1c; }



#largeText { color: #ccc; font-size: medium; font-weight: normal; line-height: 90%; background-color: #333; text-align: center; margin:2px 0; padding: 5px 20px 5px 0; vertical-align: middle
	 }

#menu a {
	color: teal;
	font-size: 14px;
	font-weight: bold;
	line-height: 100%;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0 30px 0 0;
	padding: 0 15px
	}

#menu a:hover {
	color: #fff;
	background-color: teal
	}

#rightcollumn { background-color: #cecece; position: absolute; top: 0; padding: 0 0 150px 5px; width: 190px; height: 100%
	 ; max-height: 400px; margin-top: 0; margin-right: 0; margin-left: 0; }

#rightcollumn a {
	margin: 5px 0 0;
	padding: 0
	}

#rightcollumn img{ display:block; background-color:#fff; background-image: url(../images/camera.jpg); margin:5px 0 0; }
	
#firstleftcollumn { position: absolute; top: 70px; left: 45px; width: 20px; float: left; }
	
	
#firstrightcollumn { background-repeat: no-repeat; position: absolute; top: 68px; left: 610px; }



#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
float: left;
margin: 0 0.15em;
}

#nav-menu li a
{ height: 2em; line-height: 2em; float: left; width: 9em; display: block; color: #ccc; background: #333 url(../images/css-nav.gif) repeat-x left bottom; text-decoration: none; text-align: center; border: solid 0.1em transparent; }





/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */

#nav-menu
{ position: relative; top: 10px; left: 220px; width:60em
    }
    
    
 #bottom { font-size: 7px; font-weight: lighter; font-style: normal; line-height: 100%; text-decoration: none; text-align: right; vertical-align: bottom; position: inherit; right: 0; bottom: 1px; z-index: 1; float: none; margin: 0 5px 0 0; padding: 5px 5px 5px 15px
	           }   
    
  #leftcolsr
{ line-height: 30px; position: absolute; top: 115px; left: 300px; }

  #leftcol
{ position: absolute; top: 115px; left: 260px; }
  #leftcolindex
{ position: absolute; top: 230px; left: 250px; }
      
    
 h4{ color: red; }