html
{
overflow:scroll;
}

body
{
background: #4c4d4e;
font-family: arial,helvetica,sans-serif;
font-size: 1em; 
color: #fff;
margin: 0;
padding: 0;
text-align: center;
}

a 
{
color: #fff;
text-decoration: none; 
}

img
{
border:0px none;
}

.clear 
{
clear:both;
}


/*===========================================================*/
/* STRUCTURAL */

#wrap
{
width: 777px;
margin-left: auto;
margin-right: auto;
text-align: left;
display: block;
}

#main
{
background: #0e0b0c;
padding: 0 22px 22px 22px;
display: block;
}


/*===========================================================*/
/* HEADER */

#gclogo
{
height: 119px;
}


/*===========================================================*/
/* NAVIGATION */

ul#nav
{
list-style-type: none;
font-size: 13px;
line-height: 18px;
font-weight: bold;
margin: 0 -3px 0 -5px;
padding: 0;
}

ul#nav a:link,
ul#nav a:visited,
ul#nav a:hover,
ul#nav a:active
{
color: #fff;
}

ul#nav li
{
float: left;
width: 117px;
height: 40px;
margin-left: 3px;
margin-right: 3px;
text-align: center;
background: url('../images/navbg_grey.gif') repeat-x top;
}

/* home on */

body#home ul#nav li.home
{
float: left;
width: 117px;
height: 40px;
margin-left: 3px;
margin-right: 3px;
text-align: center;
background: url('../images/px_blue.gif') repeat-y top center;
}

body#home ul#nav div.home
{
width: 117px;
height: 18px;
background: #1b7096;
text-align: center;
}

/* vision on */

body#vision ul#nav li.vision
{
float: left;
width: 117px;
height: 40px;
margin-left: 3px;
margin-right: 3px;
text-align: center;
background: url('../images/px_orange.gif') repeat-y top center;
}

body#vision ul#nav div.vision
{
width: 117px;
height: 18px;
background: #f3742e;
text-align: center;
}

/* find on */

body#find ul#nav li.find
{
float: left;
width: 117px;
height: 40px;
margin-left: 3px;
margin-right: 3px;
text-align: center;

}

body#find ul#nav div.find
{
width: 117px;
height: 18px;
background: #a0004b;
text-align: center;
}

/* contact on */

body#contact ul#nav li.contact
{
float: left;
width: 117px;
height: 40px;
margin-left: 3px;
margin-right: 3px;
text-align: center;
background: url('../images/px_cream.gif') repeat-y top center;
}

body#contact ul#nav div.contact
{
width: 117px;
height: 18px;
background: #c0bd8b;
text-align: center;
}

body#contact ul#nav div.contact a
{
color: #0e0b0c;
}

/* news on */

body#news ul#nav li.news
{
float: left;
width: 117px;
height: 40px;
margin-left: 3px;
margin-right: 3px;
text-align: center;
background: url('../images/px_blue.gif') repeat-y top center;
}

body#news ul#nav div.news
{
width: 117px;
height: 18px;
background: #1b7096;
text-align: center;
}

/* questionnaire on */

body#questionnaire ul#nav li.questionnaire
{
float: left;
width: 117px;
height: 40px;
margin-left: 3px;
margin-right: 3px;
text-align: center;
background: url('../images/px_orange.gif') repeat-y top center;
}

body#questionnaire ul#nav div.questionnaire
{
width: 117px;
height: 18px;
background: #f3742e;
text-align: center;
}


/*===========================================================*/
/* CONTENT */

#content
{
clear: both;
font-size: 0.85em;
line-height: 1.5em;
margin: 0;
padding: 17px 38px 38px 38px;
}

body#home #content,
body#news #content
{
border: 1px solid #1b7096;
}

body#vision #content,
body#questionnaire #content
{
border: 1px solid #f3742e;
}

body#find #content
{
background: #4c4d4e;
padding: 0;
border: 1px solid #a0004b;
}

body#contact #content
{
background: #fff;
color: #0e0b0c;
border: 1px solid #c0bd8b;
}

body#contact #content a
{
color: #0e0b0c;
}

h1
{
font-size: large;
font-weight: normal;
}

body#home h1,
body#news h1
{
color: #1b7096;
}

body#vision h1,
body#questionnaire h1
{
color: #f3742e;
}

body#find h1
{
color: #a0004b;
}

body#contact h1
{
color: #a6a25e;
}

h1 .stand
{
color: #fff;
}

#content p
{
text-align: justify;
}

.colwrap
{
position: relative;
}

/* one third column */
.col-13-l
{
float: left;
width: 210px;
font-weight: bold;
}

.col-13-r
{
float: left;
}

/* one half column */
.col-12-l
{
position: relative;
float: left;
width: 347px;
height: auto;
}

.col-12-r
{
position: relative;
float: left;
width: 300px;
height: auto;
}

/* two thirds column */
.col-23-l
{
float: left;
width: 400px;
}


.col-23-r
{
float: right;
width: 237px;
text-align: right;
}

.col-23-r img
{
margin-left: 5px;
margin-top: 15px;
}

.col-23-r img.contact
{
margin-left: 5px;
margin-top: 5px;
}

img.shadow
{
position: absolute;
top: 40px;
left: -11px;
z-index: 5;
}




/*===========================================================*/
/* FOOTER */

#footer
{
font-size: 0.55em;
margin: 3px 0 20px 0;
}

#footer a:link,
#footer a:visited
{
color: #fff;
}

#footer a:hover,
#footer a:active
{
color: #fff;
text-decoration: underline;
}

#credits
{
float: left;
}

#footer #links
{
float: left;
}

#footer #links a
{
margin-left: 2px;
margin-right: 2px;
}