/*
	name:	default.css
	dir:	htdocs/includes
	by:		Iterate Pte Ltd
	func:	provides the basic style selections for the site, optimized for 96 dpi displays 
				(eg- most Windows environments and Mac IE v5.xx);
				supports rounded corners using 4 separate images with 20 pixel radius,
				however the implementation does not support transparent corner images
	rev:	20090607, wmc, restructured and commented
				20090628, wmc, validated the CSS and converted to ems rather than points or pixels
					(check out 'http://www.clagnut.com/blog/348/' for information on using ems)
				20090707, wmc, modified to incorporate Dave Woods' Rounded Corners
					- http://www.dave-woods.co.uk/?p=107
					- http://www.dave-woods.co.uk/index.php/css-rounded-corners-revisited/
*/

	/* generic structure with firefox vertical scrollbar fix (overflow-y) */
* 						{ padding:0; margin:0; }	/* global reset of margins for browser compatability */ 
html 					{ overflow-y:scroll; font-family:verdana, arial, helvetica, sans-serif; font-size:4.75pt; } 		
body 					{ width:90%; max-width:880px; margin:0 auto; padding:35px 0px; background:#ffffff; color:#000000; }
img, a img		{ border:none; }					/* ensure that no images have borders by default */
*:focus 			{ outline:none; }					/* remove unwanted focus outlines around images and links */
li li, li p, td p, blockquote p { font-size:1.0em }		/* be sure relative font sizes do not accumulate */

	/* styles for block-level elements of HTML */
div						{ font-size:1.2em; } 
h1 						{ font-size:1.2em; line-height:1.8em; margin-bottom:5px; font-weight:bold; }
h2 						{ font-size:1.1em; line-height:1.4em; margin-bottom:5px; background:none; color:#666666; font-weight:bold; }
h3 						{ font-size:1.05em; line-height:1.2em; margin-bottom:5px; background:none; color:#666666; font-weight:bold; 
								margin:0px 0px 0px 15px; font-style:italic; }
p							{ font-size:0.85em; line-height:1.25em; margin:0px 0px 15px 15px; }		/* clockwise: top, right, bottom & left */
td, div td		{ font-size:1.0em; }
input, select, option, textarea 	{ font-size:1em; }
ul,ol					{ margin:5px 5px 15px 35px; font-size:0.85em; }		
li						{ margin-bottom:5px; }

	/* styles specified by id attribute (use only once in document) */
#container 		{ position:relative; background-color:#999; overflow:hidden; width:100%; } 	/* clear the floats */
/* Hides from IE5-mac \*/
 * html div#container 	{ height:1%; }		/* IE hack to force layout mode */
/* End hide from IE5-mac */ 

#preheader						{ display:none; }
#header								{ position:relative; background:#ffffff; width:100%; height:100%; }
#header .logo					{ position:relative; left:5px; top:2px; float:left; }
#header .menuicons		{ position:relative; top:0px; float:right; clear:right; margin-right:25px; }
#header .menuitems 		{ position:relative; top:5px; float:right; clear:right; margin-right:25px; padding-bottom:5px; }
#header .menuitems a 	{ white-space:nowrap; }
#header .banner img		{ max-width:100%; }

#main									{ background:#ffffff; color:#000000; width:100%; overflow:hidden; }
#leftcol							{ float:left; width:25%; padding:45px 0px 20px 35px; background:#bdd5d7; color:#666666; font-size:1.5em; }
	/* this 32k margin is a faux column trick, to extend the left column indefinitely */
/* Hides from IE5-mac \*/
#leftcol 							{ padding-bottom: 32000px; margin-bottom: -31980px; }
/* End hide from IE5-mac */ 
#leftcol ul						{ padding:15px; margin:-10px 5px 0px 5px; }
#leftcol li						{ font-size:0.9em; }
#rightcol							{ background:#ffffff; color:#000000; width:70%; float:right; }
#pagebody							{ padding: 40px 35px 20px 15px; }
#photocredits					{ float:right; clear:right; padding:7px 25px; background:none; color:#666666; font-size:0.9em; }
#displaycontrols			{ float:right; clear:right; padding-right:25px; }

#footer								{ position:relative; background:#0054a6 url(../images/corners/rb_background.png) repeat; 
												color:#ffffff; overflow:hidden; padding-top:5px; }
#footer .wrapper			{ position:relative; float:right; padding:0px 10px 0px 0px; height:15px; }

#postfooter						{ background:url(../images/corners/page_background.png) repeat; height:30px; }
#postfooter .wrapper	{ float:right; width:180px; height;100%; padding:5px 25px 0px 0px; }
#postfooter	img				{ margin-left:5px; } 
												
	/* define hyperlink pseudo classes in a particular order to inherit the default (unvisited) link type  */
a 						{ background:none; color:#000000; text-decoration:underline; }
a:visited 		{ background:none; color:#000000; }
a:active 			{ background:none; color:#000000; }
a:hover 			{ background:none; color:#ff9400; }	

.menuitems a 					{ background:none; color:#000000; font-size:1.0em; text-decoration:none; font-weight:bold; }
.menuitems a:visited 	{ background:none; color:#000000; }
.menuitems a:active 	{ background:none; color:#000000; }
.menuitems a:hover 		{ background:none; color:#ff9400; }	

#footer a 				{ background:none; color:#ffffff; font-size:0.9em; text-decoration:underline; }
#footer a:visited { background:none; color:#ffffff; }
#footer a:active 	{ background:none; color:#ffffff; }
#footer a:hover 	{ background:none; color:#ff9400; }

	/* styles specified by class attribute (use repeatedly in document) */
.pgborder			{ background:url(../images/corners/page_background.png) repeat; }
.plain		 		{ background:none; color:#000000; }
.title1 			{ background:none; color:#000000; line-height:1.8em; font-size:1.4em; font-weight:bold; }
.title2 			{ background:none; color:#666666; font-size:1.2em; font-weight:bold; }
.title3 			{ background:none; color:#666666; font-size:1.1em; font-weight:bold; }
.bodytext1 		{ background:none; color:#000000; line-height:15px; font-size:1.0em; }
.bodytext2 		{ background:none; color:#666666; line-height:20px; font-size:0.9em; }
.textsmall 		{ background:none; color:#000000; line-height:15px; font-size:0.75em; }
.date 				{ background:none; color:#ff0000; font-size:0.75em; }
.right				{ float:right; }
.left					{ float:left; }
.border-grey	{ border-color:#c2c2c2; border-style:dashed; border-width:1px; }
.border-red		{ border-color:#ff0000; border-style:dashed; border-width:1px; }

	/* corners: 'font-size:0' corrects a bug in IE6 whereby a box will not render smaller than the inherited font */
.topleft 			{ background-image:url(../images/corners/rounded_tl_white.png); width:20px; height:20px; 
								font-size:0; float:left; }		
.topright 		{ background-image:url(../images/corners/rounded_tr_white.png); width:20px; height:20px; 
								font-size:0; float:right; }
.bottomleft 	{ background-image:url(../images/corners/rounded_bl_blue.png); width:20px; height:20px; 
								font-size:0; float:left; }
.bottomright 	{ background-image:url(../images/corners/rounded_br_blue.png); width:20px; height:20px; 
								font-size:0; float:right; }

	/* define media-specific styles */
@media print {
	.pgborder			{ background-color:#ffffff !important; background-image:none !important; }
	body					{ padding:0px 0px; }
	#preheader 		{ background:#0054a6 url(../images/corners/rb_background.png) repeat; width:100%; }
	.topleft 			{ background-image:url(../images/corners/rounded_tl_blue_onwhite.png); width:20px; height:20px; 
									font-size:0; float:left; }		
	.topright 		{ background-image:url(../images/corners/rounded_tr_blue_onwhite.png); width:20px; height:20px; 
									font-size:0; float:right; }
	#header .wrapper	{ display:none; }
	#header .menuicons	{ display:none; }
	#header .menuitems	{ top:40px; }
	#leftcol			{ display:none; }
	#rightcol			{ width:100%; }
	#displaycontrols	{ display:none; }
	#pagebody p		{ font-family:Verdana, Arial, Helvetica, sans-serif; background:#ffffff; color:#000000; font-size:14px;  
									line-height:18px; }
	.noprint			{ display:none; }
	.bottomleft 	{ background-image:url(../images/corners/rounded_bl_blue_onwhite.png); width:20px; height:20px; 
									font-size:0; float:left; }
	.bottomright 	{ background-image:url(../images/corners/rounded_br_blue_onwhite.png); width:20px; height:20px; 
									font-size:0; float:right; }
	#postfooter		{ display:none; }
}