/*
 * Define standard layout with
 * 9 points Arial font, standard characters, black
 * No margin left and right
*/
body {
    font-family: arial;
    font-size: 9pt;
    text-decoration: none;
    color: Black;
    background-color: #303030;
    margin: 0;
    padding: 0;
    }

/* Define main background table/div, size and positioning */
/* Using this the page will always be in the middle of the screen when >= 1024x768 */
#page {
    width:980px;
    position: absolute;
    left: 50%;
    margin-top: 5px;
    margin-left: -490px;
    background-color: white;
    border: 1px solid #404040;
}

#top {
    margin: 0;
    padding: 0;
    height: 100px;
    border: 1px;
    border-collapse: collapse;
    border-color: #404040;
}

/* Define orange gradient menu bar */
#wrapper-menu {
    background: #ffffff url('images/gkl-gradient-orange-20x2-l2d.gif') top left repeat-x;
    float: left;
    width: 980px;
    border-top: 1px solid #FF9933;
    border-bottom: 1px solid #FF9933;
}

#menu {
    width: 100%;
	margin: 0 auto;
	font-size: 95%;
	white-space: nowrap; /* stops half a menu link dropping to next line. Instead, the whole link will drop. This only happens if you have a lot of menu links, and large text size */
	padding-right: 2px;	/* The menu far left, and far right borders are not quite lining up in non IE browsers for some reason. This makes it less noticable */
}

#menu ul {
    padding: 0;
    margin: 0;
    float: left;
    height: 20px;
    display: inline;
}

#menu li {
    height: 20px;
/*    font-size: 98%;	*/
    font-size: 10pt;
    padding: 0;
    margin: 0;
    float: left;
    display: block;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    color: #FFFACD;
}

#menu a {
    padding: 0;
    margin: 0;
    height: 20px;
    width: 106px;
    display: block;
    text-decoration: none;
    color: white;
/*    color: #FFFACD;	*/
    border-right: 1px solid #FF9933;
    font-weight: bold;
    font-style: normal;
}

#menu a:hover {
    padding: 0;
    margin: 0;
    height: 20px;
    width: 106px;
    display: block;
    text-decoration: none;
    color: #FF4500;
    background-image: url(images/gkl-gradient-orange-hover-20x2-l2d.gif);
    background-repeat: repeat-x;
    color: white;
}

#menu a:active {
    padding: 0;
    margin: 0;
    height: 20px;
    width: 106px;
    display: block;
    text-decoration: none;
    color: #FFFACD;
    background-image: url(images/gkl-gradient-orange-20x2-d2l.gif);
    background-repeat: repeat-x;
}

/* Define footer with light gray text */
#footer {
    background-color: white;
    text-align: center;
    border: 1px solid;
    font-size: 8pt;
    color: gray;
    text-indent: 10px;
    border-spacing: 5px;
    display: table;
    width: 100%;
}

#footer a {
    font-weight: bold;
    text-decoration: none;
    color: gray;
}

#footer a:hover {
    font-size: 8pt;
    color: DimGray;
}

/* Define light gray gradient whereami bar */
#whereami {
    font-size: 8pt;
    text-indent: 10px;
    text-decoration: none;
    width: 100%;
    color: gray;
    background: url(images/gkl-gradient-gray-20x2-d2l.gif);
}

#whereami a {
    font-weight: bold;
    text-decoration: none;
}

#whereami a:hover {
    font-size: 8pt;
    color: DimGray;
}

/* Define left-, middle- and right-column */
#leftcolumn, #middlecolumn, #rightcolumn {
    border-spacing: 5px;
    padding: 5px;
    border: 1px solid #FF9933;
    font-size: 9pt;
    color: DimGray;
}

#middlecolumns td {
    border-spacing: 2px;
    padding: 2px;
    border: 1px solid #FF9933;
    font-size: 8pt;
    color: DimGray;
}

#leftcolumnmenu th {
    background-image: url(images/gkl-gradient-orange-20x2-l2d.gif);
    height: 20px;
    color: white;
/*    color: #FFFACD;	*/
    border: 1px solid #FF9933;
    border-bottom: 2px solid #FF8000;
    font-size: normal;
    font-style: normal;
}

#leftcolumnmenu a {
    background-image: url('images/gkl-gradient-orange-20x2-l2d.gif');
    display: block;
    height: 20px;
    color: white;
/*    color: #FFFACD;	*/
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 0;
    padding-right: 10px;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    border: 1px solid #FF9933;
    margin: 0 auto;
    font-size: 10pt;
    text-indent: 5px;
}

#leftcolumnmenu a:hover {
    background-image: url('images/gkl-gradient-orange-hover-20x2-l2d.gif');
    height: 20px;
    color: white;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 0;
    padding-right: 5px;
    text-decoration: none;
    vertical-align: middle;
    font-weight: normal;
    font-style: normal;
    margin: 0 auto;
    font-size: 10pt;
    text-indent: 5px;
}

#leftcolumnmenu a:active {
    background-image: url(images/gkl-gradient-orange-20x2-d2l.gif);
    height: 20px;
    color: white;
    padding: 0;
    text-decoration: none;
    vertical-align: middle;
    font-weight: normal;
    font-style: normal;
    margin: 0 auto;
    font-size: 10pt;
    text-indent: 5px;
}

#active_menu {
	text-align: right;
}

#columntitle {
    background-image: url(images/gkl-gradient-orange-16x2-l2d.gif);
    height: 16px;
    color: white;
    border: 1px solid #FF9933;
    font-weight: bold;
    text-indent: 5px;
}

input,textarea {
   font-size: 8pt;
}


div.title
    {
    background-color:transparent;
    color: white;
    font-size:12px
    }
.title a:link
    {
    color: white;
    text-decoration:none
    }
.title a:visited
    {
    color: white;
    text-decoration:none
    }
.title a:hover
    {
    color: OrangeRed;
    text-decoration:underline;
/*    text-transform: uppercase;
*/   	}

link
    {
    background-color: transparent;
    color: gray;
    font-size: 12px;
    text-decoration: none;
    }
a:link
    {
    color: gray;
    text-decoration: none;
    font-weight: bold;
    }
a:visited
    {
    color: gray;
    text-decoration: none;
    }
a:hover
    {
    color: Dimgray;
    text-decoration: underline;
   	}

#mainnewsheader a:link {
    font-variant: small-caps;
    background: DimGray;
    color: #FFFACD;
}

#rssfeed {
    font-family: arial;
    font-size: 9px;
    text-decoration: none;
    color: DimGray;
    background-color: white;
}

#rssfeed_date_time {
    font-family: arial;
    font-size: 8pt;
    text-decoration: none;
    background-color: white;
	color: #31659C;
}

h1 {
	font-size: 13pt;
}

h2 {
	font-size: 11pt;
}