/*----[Reduced Eric Meyer Reset]----*/

* {
    margin: 0;
	padding: 0;
	border: 0;
	outline: none;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

    /*----[Clearfix]----*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
}
* html .clearfix {
    overflow: hidden;
}

    /*----[Hide an element]----*/

.hide-element {
    visibility: hidden;
}

    /*----[Overall style rules]----*/
 
body {
	font: 62.5%/1.5 "Times New Roman", "New Century Schoolbook", Times, serif;
	background: #dcdbdb;
	color: #777;
}


a:link,         /* Being kind to IE6 */
a:visited,
a:hover,
a:active {
	color: #777;
	text-decoration: none;
}
a:hover, a:focus, a:active {
	color: #777;
	text-decoration: underline;
}
a span.extended {
    display: none;
}
th {
	font-weight: bold;
}

    /*----[Skip to content]----*/

#orientation {
	position: absolute;
	left: -1000px;
	top: -1000px;
}

    /*----Utilities]----*/

.clear{
	clear: both;
}

    /*----[Typography]----*/

h1 {
    font-size: 0;
    height: 0;
    line-height: 0;
    text-indent: -9999px;
}    
h1.dove{
	color: #0c5e7b;
	font-size: 2.1em;
	font-weight: bold;
	line-height: 1.1em;
}
h2 {
    font-size: 1.54em;
    padding: 6px 0 9px 0;
    color: #333;
}
h3 {
    font-size: 1.178em;
    color: #525252;
}
p {
    font-size: 1em;
}

    /*----[Structure]----*/
    
#grid {
    clear: both;
    margin: 40px auto;
    display: block;
    width: 940px;
}
#banner {
    height: 280px;
    width: 940px;
    background: #fff;
}
* html #banner {
    margin-bottom: -3px;
}
#top-nav {    
    background: #03325f;
}
#content {
    width: 940px;
    min-height: 280px;
    padding: 30px 0 20px 0;
    clear: both;
    float: left;
    background: #fff;
}
#footer {
    clear: both;
    float: left;
    width: 940px;
    background: #fff;
    padding-bottom: 22px;
}
#copyright {
    clear: both;
    float: left;
    width: 940px;
    background: #dcdbdb;
    height: 35px;
    padding-top: 5px;
}

    /*----[Menu]----*/        
    
#top-nav ul {
    float: left;
    width: 940px;
    height: 36px;
    list-style-type: none;
    position: relative;
    background: #03325f url(../img/bg_menu.gif) left top no-repeat;
}
#top-nav ul li {
    float: left;
    text-align: center;
}    
#top-nav a:link,
#top-nav a:visited,
#top-nav a:hover,
#top-nav a:active {
    display: block;
    text-decoration: none;
    color: #fff;
    letter-spacing: 1px;
    font-size: 1.1em;
    text-transform: uppercase;
    height: 36px;
}
#top-nav a:link span,
#top-nav a:visited span,
#top-nav a:hover span,
#top-nav a:active span {
    top: 11px;
    position: relative;
}

#top-nav li.home {
    width: 101px;
}
#top-nav li.home a {
    width: 101px;
    height: 36px;
}
#top-nav li.home a:hover,
#top-nav li.home:hover,
#top-nav li.home:hover a {
    width: 101px;
    background: #566574 url(../img/bg_hover_state.gif) left top repeat-x;
}
#top-nav li.home a.active {
   width: 101px;
    background: #566574 url(../img/bg_hover_state.gif) left top repeat-x;
}
#top-nav li.home a.active:hover {
    width: 101px;
    cursor: normal;
} 

#top-nav li.about {
    width: 230px;
}
#top-nav li.about a {
    width: 230px;
    height: 36px;
}
#top-nav li.about a:hover,
#top-nav li.about:hover,
#top-nav li.about:hover a {
    width: 230px;
    background: #566574 url(../img/bg_hover_state.gif) left top repeat-x;
}
#top-nav li.about a.active {
   width: 230px;
    background: #566574 url(../img/bg_hover_state.gif) left top repeat-x;
}
#top-nav li.about a.active:hover {
    width: 230px;
    cursor: normal;
}  

#top-nav li.media {
    width: 186px;
}
#top-nav li.media a {
    width: 186px;
    height: 36px;
}
#top-nav li.media a:hover,
#top-nav li.media:hover,
#top-nav li.media:hover a {
    width: 186px;
    background: #566574 url(../img/bg_hover_state.gif) left top repeat-x;
}
#top-nav li.media a.active {
   width: 186px;
    background: #566574 url(../img/bg_hover_state.gif) left top repeat-x;
}
#top-nav li.media a.active:hover {
    width: 186px;
    cursor: normal;
}  

#top-nav li.comms {
    width: 263px;
}
#top-nav li.comms a {
    width: 263px;
    height: 36px;
}
#top-nav li.comms a:hover,
#top-nav li.comms:hover,
#top-nav li.comms:hover a {
    width: 263px;
    background: #566574 url(../img/bg_hover_state.gif) left top repeat-x;
}
#top-nav li.comms a.active {
   width: 263px;
    background: #566574 url(../img/bg_hover_state.gif) left top repeat-x;
}
#top-nav li.comms a.active:hover {
    width: 263px;
    cursor: normal;
}     
    
#top-nav li.events {
    width: 160px;
}
#top-nav li.events a {
    width: 160px;
    height: 36px;
}
#top-nav li.events a:hover,
#top-nav li.events:hover,
#top-nav li.events:hover a {
    width: 160px;
    background: #566574 url(../img/bg_hover_state.gif) left top repeat-x;
}
#top-nav li.events a.active {
   width: 160px;
    background: #566574 url(../img/bg_hover_state.gif) left top repeat-x;
}
#top-nav li.events a.active:hover {
    width: 160px;
    cursor: normal;
}     

#logo,
#contacts {
    width: 280px;
    float: left;
} 
#logo img {
    float: right;
    display: block;
} 

#text-content  {
    clear: none;
    float: right;
    width: 595px;
    margin-right: 33px;
}
#text-content p {
    font-size: 1.4em;
    padding: 5px 0;
}
#contacts p {
    font-size: 1.4em;
    padding: 3px 0;
}
#text-content p.content-text-large {
    font-size: 2.4em;
    line-height: 1.2;
    padding: 3px 0 10px 0;
}
#contacts p {
    margin-left: 30px;
    line-height: 1;
    padding: 0 0 4px 0;
}
#copyright p {
    float: right;
    font-size: 1.1em;
}