html {
	height: 101%;	
	font-size: 100.01%;
}

/* Styles Reset*/

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */

/*Typography */

html { font-size: 62.5%; font-family: helvetica, arial, sans-serif; }
strong, b, th, thead td, h1, h2, h3, h4, h5, h6, caption { font-weight: bold; }
cite, em, dfn, i { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px dotte #ccc; }
small, sup, sub { font-size: 88%; }
abbr, acronym { text-transform: uppercase; font-size: 90%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }


/* QUOTES */

blockquote { 1px solid #ccc; color: #111;}
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }
/* language specific quotes! */

q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/*Forms */

fieldset { border: 1px solid #ccc; }
legend { background: #fff; }
textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; }
input, select { cursor: pointer; }
input[type='text'] { cursor: text; }

/*
-----------------------------
CONTENT ONLY
-----------------------------
*/

/*Base Sizes */

#content { font-size: 1.4em; line-height: 1.4em; }
#content h1 { font-size: 1.8em;  line-height: 1em; }
#content h2 { font-size: 1.6em;  line-height: 1em; }
#content h3 { font-size: 1.4em;  line-height: 1em; }
#content h4 { font-size: 1.2em;  line-height: 1em; }
#content h5 { font-size: 1.0em;  line-height: 1em; }
#content h5 { font-size: 1.0em;  line-height: 1em; }
#content h6 { font-size: 1em;  line-height: 1em; }
#content caption { font-size: 1.2em; }
#content input { font-size: .9em; }

ul#navbar li { font-size: 1.3em;	text-align: center; }
#sidebar { font-size: 1.2em; line-height: 1.4em; }
#sidebar h2 { font-size: 1.3em;  line-height: 1em; font-weight: bold; letter-spacing: .07em;}
#reference {	font-size: 1.2em; }

/* HR */

#content hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }

/*Lists */

#content ul {  list-style-position: outside; list-style-type: square; }
#content ul ul, #content ul ul ul, #content ol ol, #content ol ol ol { margin-top: .7em }
#content ul li { line-height: 1em; margin-bottom: .7em; }
#content ol { list-style-position: outside; list-style-type: decimal; }
#content ol li { line-height: 1em; margin-bottom: .7em; }
#content dt { font-weight: bold; }
#content dd { margin-left: 1.5em; margin-top: -.2em;}

/*Tables */

#content table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
#content th, #content td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }
#content tr.odd { background: #ffc; }
#content tr.even { background: #efefef; }

/*Margins & Paddings */

#content blockquote *:first-child { margin: 0 1em ; padding: .3em .5em; background: #efefef;}
#content hr, #content p, #content ul, #content ol, #content dl, #content pre, #content blockquote, #content address, #content table, #content form { margin-bottom: 1.6em; }

#content p+p { margin-top: -.8em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
#content p {
	margin-left: .4em;
}
#content h1 { margin: 0 0 .4em;  }
#content h2 { margin: 0 0 .435em; }
#content h3 { margin: .6em 0 .47em; }
#content h4 { margin: 0 0 .515em; }
#content h5 { margin: 0 0 .57em; }
#content h6 { margin: 0 0 .7em; }
#content th, #content td { padding: .3em .5em; }
#content caption { padding-bottom: .8em; } /* padding instead of margin for IE */
#content blockquote { padding: 0 1em; margin: -.2em 0 1.2em 0; }
#content fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
#content legend { padding-left: .8em; padding-right: .8em; }
#content legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
#content textarea, #content input { padding: .1em .4em .15em .4em; margin-left: .3em; }
#content select { padding: .1em .2em 0 .2em; }
#content option { padding: 0 .4em; }
#content a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
#content dt { margin-top: .8em; margin-bottom: .4em; }
#content ul { margin-left: 2.5em; margin-bottom: .6em; }
#content ol { margin-left: 2.6em; }
#content ol ol, #content ul ol { margin-left: 2.5em; }
#content form div { margin-bottom: .8em; }
#sidebar p {	margin-bottom: 1.2em; }
#header p { padding: 7px 10px; }

/*Colors */
body { color: #111; background: #2855a0 url(images/bg_page.jpg) }
#content { background: #fdfefd; }
#content a:link { text-decoration: underline; color: #36c; }
#content a:visited { text-decoration: underline; color: #99c; }
#content a:hover { text-decoration: underline; color: #c33; }
#content a:active, #content a:focus { text-decoration: underline; color: #000; }
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { color: #036; font-style: italic;}
.highlight { color: red; } /* for error messages */
#sidebar, #header { background: #188b67; color:  #fdfefd;}
#sidebar a {	color: #fdfefd; text-decoration: underline; }
#sidebar a:hover {color: #000; text-decoration: underline; }
#main { background: url(images/bg_main.gif) repeat-y; }
#sidebar { background: url(images/bg_sidebar.jpg) no-repeat; }
#sidebar a { color: #fdfdfd; text-decoration: underline; }
#sidebar a:hover { color: #900; text-decoration: underline; }
#content { background: url(images/bg_content.jpg) no-repeat ; }
#reference {
	color: #454545;;
}
#reference a { color: #333; }
#reference a:hover { color: #900; }

/*Positioning classes */
.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
.floatleft { float: left; }
.floatright { float: right; }
.clearleft { clear: left; }
.clearright { clear: right; }
.clearboth { clear: both; }
.offscreen { text-indent: -999em; }/* move text offscreen for image replacement */
.callout { marign: 25px; padding: 5px; background: #ccc; height: 125px;}
.callout img {margin-right: 25px;}
/*
-----------------------------
Positioning
-----------------------------
*/
#container { margin: 20px auto; border:  2px solid #669; position: relative; width:  935px; }

/* Header */
#header { background: #188b67; height: 208px; position: relative; width: 935px; }
	/* Menu */
	#menu { line-height: normal; position: absolute; margin-right: -5px; right: 0; text-align:  right; top: 51px; width:100%; }
	
	#menu ul { margin: 0; padding: 7px 7px 0; list-style: none; } 
	#menu ul li { float: right; background: url(images/tab_right.gif) right top no-repeat; text-align: center; overflow: hidden; padding-right:  2px; } 
	#menu ul li a { display: block; background: url(images/tab_left.gif) left top no-repeat; padding: 6px 9px 4px; font-size: 1.3em; font-weight: bold; color: #036; z-index: 90; }
	
	#menu ul li a:hover { color: #990000; } 
	#menu ul li.current{ background: url(images/tab_right_current.gif) right top no-repeat; color:  } 
	#menu ul li.current a { background: url(images/tab_left_current.gif) left top no-repeat; padding-bottom: 8px; color: white; }
	#menu ul li.current a:hover { color: #f66; }
	#topphoto { border-bottom: 5px solid #b2c3cc; border-top: 5px solid #b2c3cc; position: absolute; top: 81px; } 

/* Content  */
#main { clear: both; position: relative; width: 935px; margin-top: 4px; }

	/* Sidebar */
	#sidebar { clear: left; float: left; width: 235px; } 
	#sidebarpad { padding: 35px 10px; text-align: center; } 
	
	/* Main Content */
	#content { margin-left: 236px; } 
	#content img { margin: 3px 5px; }
	#contentpad { padding: 35px 30px; } 

/* Footer */
#reference p { clear: both; margin: 12px 0 16px; text-align: center; }