/**************************************
SECTION 1: STRUCTURE OF THE LAYOUT:
DO NOT DEFINE ANY ATTRIBUTES OF LOOK
AND FEEL HERE E.G. COLOURS, FONTS, ETC.
**************************************/


/*********************
1.0: Frame of website: 
*********************/
#container {
text-align:left; 
margin:0 auto; 
width: 960px; 
position:relative; 
display:block; 
}
/* End 1.0: Frame of website */


/*******************
1.1: The Header row: 
*******************/
#header-container {
width: 960px; 
position:relative; 
display:block;
background: white url('../images/header_bg.gif') no-repeat;
}

#h_left { 
width:201px; 
height:115px; 
position:relative; 
display:block; 
float:left;
}

#h_middle {
width:592px; 
height:115px; 
position:relative; 
display:block; 
float:left;
}

#h_right {
width:167px; 
position:relative; 
display:block; 
float:left; 
text-align:right; 
}
/* End 1.1: The Header row */


/*************************
1.2: The menu and content: 
*************************/

#content-container {
width: 960px;
position:relative; 
display:block;
}

#menu { 
width:201px; 
margin-top:.5%;
position:relative; 
display:block; 
float:left;
}


/*--------------------
1.2.1 Home page layout:
---------------------*/

#slideshow {
width:592px; 
position:relative; 
display:block; 
float:left;
}

#thermometer {
width:167px; 
position:relative; 
display:block; 
float:left;
}
/* End 1.2.1: Home page layout */


/*--------------------
1.2.2 Sub page layout:
---------------------*/
#maincontent {
width:759px; 
position:relative; 
display:block; 
float:left; 
}

#sidephoto {
width:300px; 
position:relative; 
display:block; 
float:right; 
margin-left:10px; 
margin-bottom:10px;
}

/***************
1.3: The footer: 
***************/

#footer-container {
width: 960px; 
position:relative; 
display:block;
}

/*--------------------
1.3.1 Home page footer:
---------------------*/
#footer-stats {
position:relative; 
display:block; 
float:right;
margin:5px;
width:155px; 
overflow: hidden;
}

#footer-home-container { width:592px; position:relative; display:block; float:right; margin-right:2px; margin-top:5px; }
.footer-home-items { margin-right:6px; border:none; }
.footer-home-items-end { border:none; }

/******************
1.4: Miscellaneous: 
******************/
/* To clear DIV tags equal to <BR CLEAR="ALL" /> */
.clearer { 
clear:both; 
height:0px; 
font-size:1px; 
line-height:1px; 
overflow:hidden; 
}


/************************************
SECTION 2: APPEARANCE OF THE CONTENT:
************************************/

body { 
font-family: arial, sans-serif; 
font-size:.75em; /* Let's keep the font size flexible, best practice */
color:#333333;
background-color:#818a8f; 
text-align:center; 
margin: 1%;
}

p { margin: 0 2% 2% 2%; line-height: 1.4em; }
h1 { margin: 3% 2% 1% 2%; font-size:1.6em; color:#818a8f; }
h2 { margin: 3% 2% 1% 2%; font-size:1.4em; color:#818a8f; }
h3 { margin: 3% 2% 0 5%; font-size:1.1em; color:#000000; }

a { color:#d71f85; text-decoration:none; }
a:hover { color:#891455; text-decoration:none; }

ul { list-style-image: url(../images/ul_dot.gif); margin:0 2% 2% 4%; padding:0; }
ul ul { list-style-image: url(../images/ul_dot.gif); margin:2% 2% 2% 2%; padding:0; }

ol { margin:0 2% 2% 5%; padding:0; }
ol ol { margin:2% 2% 2% 3%; padding:0; }

li { margin:0; padding:0; }
li p { margin-left:0; }

.container_look {
/*extends #container */
background-color:white;
}

.maincontent_look {
/*extends #maincontent */
background-color:#eeeeee;
}

.simpletable td { vertical-align:top; }

.video_thumb { margin: 0 2% 2% 2%; }

div.two-columns div { width:340px; position:relative; float:left; margin-right:20px; }
div.two-columns div p  { margin-left: 5%; margin-bottom:4%; }
div.two-columns div h2 { margin-left: 5%; }

div.three-columns div { width:230px; position:relative; float:left; margin-left:1.9%; }
div.three-columns h2 { text-align:center; }

/*Photos/Artist Renderings Slideshow*/
.slideshow-caption { margin:0 75px 5px 75px; text-align:left; height:100px; overflow:hidden; }
.thumbnails { padding: 8px 2px 4px 2px; font-size:9px; background-color:white; border:solid 1px #ccc; }
.thumbnails td {  width:90px; vertical-align: top; }

/*footer content*/
p.footer-stats_look { 
/*extends #footer-stats for paragraph text */
text-align:center; 
font-size:.9em; 
margin:5px 0 5px 0;
}

.big-bold { 
text-align:center; 
font-size:1.7em; 
line-height:1em;
margin:0; 
color:#00afd8 
}
/*-----end footer content-----*/

/*header content*/
#h_left img { border:none; } /* logo */
#h_middle img { margin-left:155px; margin-top:20px; border:none; } /* banner */
#h_right img { border: none; }
.btnDonate { margin:25px 20px 0 0; }
#addthis { width:95px; float:right; position:relative; margin-top:7px; }
.fontsize { position:relative; float:right; width:90px; text-align:right; margin-right:10px; margin-top:7px; font-size:12px; }
.cursor { cursor: pointer; }
/*-----end header content-----*/

/* MENU NAVIGATION DISPLAY */
/* Main menu items: */
ul.sidemenu { list-style:none; list-style-image: url(none); margin:0 6px 0 0; padding:0; }
ul.sidemenu li { margin:0; padding:0px 0px 6px 0px; list-style:none; list-style-image: url(none); font-weight:bold; font-size:1em; text-align:right; }
/* Sub-menu items: */
ul.sidesubmenu-hide { list-style:none; list-style-image: url(none); margin:4px 10px 0 0; padding:0; display:none; }
ul.sidesubmenu-show { list-style:none; list-style-image: url(none); margin:4px 10px 0 0; padding:0; display:block; }
ul.sidesubmenu-hide li, ul.sidesubmenu-show li { margin:0; padding:2px 0px 4px 0px; list-style:none; list-style-image: url(none); font-weight:normal; font-size:.9em; line-height:1em; text-align:right; }

.menu-selected { color:#00afd8; list-style-image: url(../images/ul_dot.gif)!important; }

#ParentTitle { background-color:#00afd8; color:white; font-weight:bold; font-size:1.2em; padding:.5% 2%; }

a.donatelink { color:#0046ad; }
a:hover.donatelink { color:#00388b; }
/*----- End Menu Navigation Display -----*/