body
{
    color: #000000;
    margin: 0px;
    margin-bottom: 10px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: .7em;
    background-color: #292929;
    color: #FFFFFF;
}
a:link 
{
color:#58A5F8;
text-decoration: underline;
}

a:visited
{
color:#58A5F8 ;
}

a:hover
{
color: #fd0818;
text-decoration: underline;
}


h1
{
    font-size: 1.8em;
    font-weight: bold;
    text-align: left;
    color: #C0C0C0;
}


h2
{
font-size: 1.6em;
font-weight: bold;
text-align: left;
color : #C0C0C0;
}

h3 {
font-size: 1.4em;
font-weight: bold;
text-align: left;
color : #C0C0C0;
}

h4
{
font-size: 1.2em;
font-weight: bold;
text-align: left;
color :#C0C0C0;
}

h5 
{
font-size: 1.1em;
font-weight: bold;
text-align: left;
color : #C0C0C0;
}

img
{
    border: none;
}

#page
{
    width:1020px;
    height:100%;
    margin:10px;
    margin-left:25px;
 }
#header
{
  width:755px;
  height:175px;
  background-image: url(banner1.jpg);
  background-repeat:no-repeat;
  float:left;
}

#menu
{
  width:755px;
  height:35px;
  float:left;
}
#left
{
    width:150px;
    height:800px;
    float:left;
    clear:left;
    border:solid 1px green;
    margin-top:5px;
}
#welcome
{
    width: 735px;
    height: 700px;
    float: left;
    margin: 0px;
    padding: 10px;
    background-color: #3A3A3A;
}
#content
{
    background-position: bottom;
    width: 732px;
    height: auto;
    float: left;
    margin: 5px;
    padding:10px;
        
    /*background-image: url(film_strip.jpg);
    background-repeat: no-repeat;*/
}
#right
{
    width:250px;
    height:auto;
    float:right;
    clear:none;
    
}

#right img
{
    padding:20px;
    
}
#footer
{
  width:960px;
  height:25px;
  border-top:solid 2px gray;
  border-bottom:solid 2px gray;
  margin:5px;
  margin-bottom:20px;
  padding: 5px;
  clear:both;
  float:left;
   text-align: center;
  
}

#events
{
    border: solid 1px gray;
    background-color: #535353;
    width: 560px;
    height: 300px;
    padding: 10px;
    margin-left: 80px;
}
.articleheading
{
    margin: 5px 0;
    padding: 5px 0px 0px 75px;
    height:64px;
    border-bottom: 5px solid #535353;
}

.cam1
{
    background-position : 0px;
    background-image: url(cam1.png);
    background-repeat: no-repeat;
}

.cam2
{
    background-position : 0px;
    background-image: url(cam2.png);
    background-repeat: no-repeat;
}

.cam3
{
    background-position : 0px;
    background-image: url(cam3.png);
    background-repeat: no-repeat;
}

.cam4
{
    background-position : 0px;
    background-image: url(cam4.png);
    background-repeat: no-repeat;
}
.cam5
{
    background-position : 0px;
    background-image: url(cam5.png);
    background-repeat: no-repeat;
}
.article
{
 background-color : #3A3A3A;
 padding:5px;
 float:left;
 clear:left;
 width:720px;
 height:100%;
 
}

.articlekeys
{
}
.articlefooter
{
    margin-top:2px;
    border-bottom : 3px solid #535353;
    border-top: 2px solid #535353;
    width:100%;
    height:50px;
    
}
.eventitem
{
    border: solid 1px blue;
    padding: 10px;
    margin-left: 10px;
    text-align: center;
    width: 100px;
    height: 200px;
    float: left;
    background-color: #333333;
}

.centre
{
    text-align: center;
}
.menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(button1.gif); position:relative; /*border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;*/}
.menu1 li {float:left;}
.menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu1 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu1 li.current a {color:#fff; background:url(button3.gif);}
.menu1 li.current a b {background:url(button3.gif) no-repeat right top;}
.menu1 li a:hover {color:#fff; background:#000 url(button2.gif);}
.menu1 li a:hover b {background:url(button2.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url(button3.gif); cursor:default;}
.menu1 li.current a:hover b {background:url(button3.gif) no-repeat right top;}

.zsnazzy
{
    width: 735px;
    background-color: #333333;
    height:auto;   
}
.xsnazzy h1, .zsnazzy h1
{
    margin: 0;
    font-size: 1.2em;
    padding: 0 10px 5px 10px;
    border-bottom: 1px solid #444;
    color: #FFFFFF;
}
.xsnazzy p, .zsnazzy p { margin:0; padding:5px 10px; font-size:10px;}
.xsnazzy
{
    width:165px;
    height:260px;
    float: left;
    margin: 0 5px;
    background: transaparent;
}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {/*background:#fff;*/ border-left:1px solid #444; border-right:1px solid #444;}
.xb1 {margin:0 5px; background:#444;}
.xb2 {margin:0 3px; border-width:0 1px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent
{
    border-style: solid;
    border-color: #444444;
    display: block;
    border-width: 0 1px;
    height:250px;
    
}

.xboxtitle
{
  height:50px;
}
.xboxpresenter
{
    margin-top:0px;
    float:left;
    width:100%;
    height:80px;
    
}
.xboxdescription
{
    float:left;
    width:100%;
    height:70px;
    
}
.xboxprestype
{
    float: left;
    margin-top: 5px;
    width: 100%;
    height: auto;
    color: #FFFFFF;
}
.xboxprestype2
{
   float:left;
   clear:left;
   /*margin-top:65px;*/
}
.xboxcontentb
{
    border-style: solid;
    border-color: #444444;
    display: block;
    border-width: 0 1px;
    height:380px;
}
* html .xboxcontent {height:1px;}

.color_a
{
    background-position: #535353;
    background: #7C7C7C;
    color: #fff;
}
.color_b {background:#d4d8bd; color:#000;}
.color_c {background:#758279; color:#fff;}
.color_d
{
    background-position: #535353;
    background: #535353;
    color: #000;
    /*background-position: #fff url(button1.gif);
    background: #fff url(button1.gif);*/
    
}

.textbottom
{
   position:fixed;
   top:30px;
   left:0px;
}
.tmargin
{
 padding :10px;
}
.clear
{
    float:left;
    clear:left;
}

.label
{
    text-align: right;
}

.text
{
    width:200px;
    height:100%;
    
}
.btn
{
    font-weight: bold;
    font-size: 1.2em;
}

.addnew
{
   border : 1px solid #8CC6FF;
    float: left;
    clear: left;
    width: 700px;
    height: 100%;
    margin-bottom: 25px;
    background-color: #333333;
    padding: 10px;
    margin-top: 5px;
    
}
.textbox
{
    width: 300px;
    float:right;
    clear:none;
    margin-left:25px;
}

.articleentry
{
    width:350px;
    height: 200px;
}

.label
{
    float: left;
    text-align: right;
    font-weight: bold;
}

.title
{
	float:left;
	color: #ff0000;
	margin-left: 15px;
	margin-top:10px;
}

.clear
{
	float:left;
	clear:left;
	margin-left: 5px;
	margin-top:5px;	
}

.adds
{
    width:460px;
	height:auto;
}

.detail
{
    font-family: lucida grande,arial,helvetica,sans-serif;
    font-size: 10px;
    background-color: #515151;
    border: 2px solid #C0C0C0;
    padding: 4px;
    width: 500px;
    height: 580px;
}

.modalBackground 
{
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.eventsgrid
{
 font-family: lucida grande,arial,helvetica,sans-serif;
    font-size: 10px;
    background-color: #515151;
    padding: 10px;
    width: 720px;
    height: 100%;
}
/* cell styles */
.detailgrid td
{
	cursor:default;
	height:15px;
    color:#000;
	padding:2px 3px;
	padding-bottom:1px;
	border:solid 1px #f2e8da;
	/*border-right-style:solid;
	border-right-width:1px;
    border-right-color: #f2e8da;		
	border-bottom-style:solid;
	border-bottom-width:1px;	
    border-bottom-color:#f2e8da;*/
    font-size: .9em;
}

.datagrid
{
	font-family:lucida grande,arial,helvetica,sans-serif;
	font-size:11px;
	width:720px;
	border:solid 1px #ad9e87;
	float:left;
	clear:left;
	margin-top:20px;
}

/* common cell styles */
.datagrid th, .datagrid td
{
	cursor:default;
	height:20px;
}

/* header cell style */
.datagrid th
{
    background-position: #9999FF;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #ad9e87;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #ad9e87;
    background: #303030; /*e1d6c7 */
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}  

/* cell styles */
.datagrid td
{
    color: #FFFFFF;
    padding: 4px 8px;
   
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #f2e8da;
}

/* mouseover row style 
.datagrid tr:hover
{
	background-color: #f1e399;
}
 
 
 .datagrid tr
{
    border-bottom-color: #808080;
    border-bottom-width: 3px;
    border-bottom-style: solid;
}
*/
.altrowstyle
{
    background-color: #000042;
}

.slides
{
    border: 3px groove #808080;
    width: 450px;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #FFFFFF;
}

.slides img
{
    border: 2px solid #000000;
}

.slideborder
{
    
    background-color: #FFFFFF;
    padding: 10px;
}

.slidetitle
{
    font-size: large;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    width:700px;
    height:auto;
    margin:10px;
    text-align: center;
}

.slidedescription
{
    border: 1px solid #FFFFFF;
    padding:15px;
    width : 300px;
    height: 200px;
    overflow:auto;
}

.slidecontrols
{
    text-align: center;
}
/*
.addnew
{
    border: 1px solid #8CC6FF;
    float: left;
    clear: left;
    width: 700px;
    height: 100%;
    margin-bottom: 25px;
    background-color: #333333;
    padding: 10px;
    margin-top: 5px;
}
.textbox
{
    width: 400px;
    float:right;
    clear:none;
    margin-left:25px;
}

.label
{
    float: left;
    text-align: right;
    font-weight:bold;
}

.hr
{
  border-top: solid 3px grey;
}
.title
{
    float:left;
    color: #ff0000;
    margin-left: 15px;
    margin-top:10px;
}

*/