/*====================================================*/
/* Top level page styles                              */

a:focus {
 outline: 0;
}

a:link, a:visited, a:hover, a:active {
 text-decoration:none;
 border:0px hidden white;
 color:black;
}

* {
 border:0px;
 margin:0px;
 padding:0px;
}

p, ul {
 padding-top:6px
}

body {
 background:#f2f9f9;
}

/*====================================================*/
/* Main sections                                      */

/* Container for the site                             */
#page {
 width:820px;
 position:relative;
 left:50%;
 margin-left:-410px;
}

/* Main                                               */
#main {
 display:block;
 position:relative;
 width:100%;
 height:400px;
 background:white;
/* font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif; */
/* font-family:courier new;	  */
 font-family:arial,sans-serif;
 font-size:14px
}

/* Footer                                             */
#footer {
 display:block;
 width:100%;
 height:60px;
 padding: 5px 0px 0px 0px;
 border-top: 1px silver;
 border-top-style: solid;
 font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif;
 font-size:12px;
 color:grey;
 text-align:right;
}
#footer p:first-child {
 margin:5px 20px 0px 20px;
 padding:0;
}
#footer p {
 margin:0px 20px;
 padding:0;
}
#footer a {
 color:blue;
}

/*====================================================*/
/* mainTitle                                          */

#logo {
 display:block;
 background:url(graphics/logo.gif) no-repeat 10px 0px; 
 width:800px;
 height:70px;
}
 
#logo h1 {
 display:block;
 position:absolute;
 text-indent:-55555px;
}

#logo p {
 display:block;
 position:absolute;
 text-indent:-55555px;
}

/*====================================================*/
/* Nav bars and menus etc                             */

/* mainNav                        */
#menu_1 {
 display:block;
 position:relative;
 width:90%;
 height:30px;
 padding:0% 5%;
 background:url(./graphics/bar2.png) white repeat-x;
 line-height:30px;
/* font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Helvetica,Arial,sans-serif; */
 font-family:arial,sans-serif;
 font-weight:bold;
 font-size:14px
}

#menu_1 li {
 float:left;
 width:20%;
 text-align:center;
 list-style-image:none;
 list-style-type:none;
}

#menu_1 li a {
 display:block;
 text-decoration:none;
 color:white;
}

#menu_1 li a:hover {
 display:block;
 text-decoration:none;
 color:green;
 background:url(./graphics/bar2.png) silver repeat-x;
}

#menu_1 .item_6 a {
 display:block;
 position:absolute;
 top:-30px;
 left:730px;
 color:black;
}

#menu_1 .item_6 a:hover {
 color:green;
 background:none;
}

/*====================================================*/
/* Borders                                            */

/* Basic styling, used when JavaScript is unsupported */
.cbb {
 margin:0px;
 padding:10px 0px 0px 0px;
 border:0px hidden white;
 background:#f2f2f2;
}

/*----------------------------------------------------*/
/* Default border styling                             */
.cb {
 margin:0px;
 background-color:transparent;
}

/* Top corners and border                             */
.bt {
 height:20px;
 margin:0 0 0 25px;
 background-color:transparent;
 background:url(box.png) no-repeat 100% 0;
}
.bt div {
 position:relative;
 left:-25px;
 width:25px;
 height:20px;
 background:url(box.png) no-repeat 0 0;
 font-size:0;
 line-height:0;
}

/* Bottom corners and border                          */
.bb {
 height:1px;
 margin:0 0 0 20px;
 background-color:transparent;
 background:url(box.png) no-repeat 100% 100%;
}
.bb div {
 position:relative;
 left:-20px;
 width:20px;
 height:1px;
 background:url(box.png) no-repeat 0 100%;
 font-size:0;
 line-height:0;
}

/* Left border                                        */
.i1 {
 padding:0 0 0 10px;
 background-color:transparent;
 background:url(borders.png) repeat-y 0 0;
}

/* Right border                                       */
.i2 {
 padding:0 10px 0 0;
 background-color:transparent;
 background:url(borders.png) repeat-y 100% 0;
}

/* Wrapper for the content. Use it to set the         */
/* background colour and insert some padding          */
/* between the borders and the content.               */
.i3 {
 display:block;
 margin:0;
 padding:0px;
 background:#f2f2f2;
}

/* Make the content wrapper auto clearing so it will  */
/* contain floats                                     */
/* (see positioniseverything.net/easyclearing.html)   */
.i3:after {
 content:"."; 
 display:block; 
 height:0; 
 clear:both; 
 visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}


/*----------------------------------------------------*/
/* Alternative border styles                          */

/*----------------------------------------------------*/
/* Page                                               */

/* Top corners and border                             */
#page .bt {
 height:20px;
 margin:0 0 0 25px;
 background:url(graphics/page_box.png) no-repeat 100% 0;
}
#page .bt div {
 left:-25px;
 width:25px;
 height:20px;
 background:url(graphics/page_box.png) no-repeat 0 0;
}

/* Bottom corners and border                          */
#page .bb {
 height:35px;
 margin:0 0 0 20px;
 background:url(graphics/page_box.png) no-repeat 100% 100%;
}
#page .bb div {
 left:-20px;
 width:20px;
 height:35px;
 background:url(graphics/page_box.png) no-repeat 0 100%;
}

/* Left border                                        */
#page .i1 {
 padding:0 0 0 10px;
 background-color:transparent;
 background:url(graphics/page_borders.png) repeat-y 0 0;
}

/* Right border                                       */
#page .i2 {
 padding:0 10px 0 0;
 background-color:transparent;
 background:url(graphics/page_borders.png) repeat-y 100% 0;
}

/* Wrapper for the content.                           */
#page .i3 {
 margin:0;
 padding:0px;
 background:#f2f2f2;
}