/* General
---------------------------------------*/


html { min-height:100%; margin-bottom:1px; margin-left: -1px; overflow-Y: scroll; }

body, ul, li, h1, h2, h3, h4, h5, h6, p { margin:0px; padding:0px; }
body, input, td, th, textarea { font-family:Arial, Helvetica, sans-serif; }

/* Font sizes */
body { font-size:62%; }
#content { font-size:1.3em;  }
#footer { font-size:1em;  }


a { text-decoration:none; color:#009999; }
a:hover { text-decoration:underline; }

ul, li { list-style-type:none }
img { border:0px; }
td, th { vertical-align:top; text-align:left }
p { margin-bottom:1.3em; line-height:1.5em  }
p, dt, dd, li { line-height:1.4em }
table, ul, dl, h2, h3 { margin-bottom:1.1em; }

h1 { font-size:1.9em; margin-top:12px; margin-bottom:15px; color:#009999; font-weight:normal;  }
h2 { font-size:1.3em; margin-bottom:15px; color:#666; font-weight:normal; }
h2.alt { font-size:1.5em }
h3 { font-size:1em; color:#333; margin-bottom:2px; }
h4 { font-size:1em; color:#333; margin-bottom:2px; font-weight:normal; font-weight:bold; }

h4 a { color:#FF6633; }

ol, ol li { list-style-type:decimal; }
ol li { margin-bottom:10px; color:#336699; font-weight:bold; }
ol li h4 { color:#336699; }

a.plain { text-decoration:none;  }
a.plain:hover { text-decoration:underline }

p.opening, .intro p { color:#996699; font-size:1.2em; }

p.hidden { display:none }

p.notice { background-color:#996699; font-weight:bold; color:#fff; padding:4px; width:70%; }

ul, ul li { margin:0; padding:0; list-style:none }
ul { margin:0 0 15px 20px; }
ul li { padding-left:15px; background:url(../images/internal/bullet.gif) top left no-repeat }



/* Structure
---------------------------------------*/
body { background:#fff; color:#333; text-align:center; }
#wrapper {  margin:20px auto 0; text-align:left; width:886px; background-color:#fff; }

#header { min-height: 75px; height: auto; width:886px; float:left; display:inline; }
* html #header { height: 75px; }

#searchbox { float:right; display:inline; width:170px; height:20px; margin:0px 22px 0 0; text-align:center; border:1px solid #CACECD; }
#searchbox fieldset { margin:0; padding:0; border:0; height:auto; }
#searchbox input#ajaxSearch_input { border:0; width:120px; float:left; display:inline; font-size:1.1em; margin:2px 0 0 4px; }
#searchbox input#ajaxSearch_submit { border:0; background:url(../images/internal/icon_search.gif) center center no-repeat; text-indent:-9999px; overflow: hidden; font-size: 0px; display:block; line-height: 0px; height:20px; width:40px; }
#searchbox input:focus { outline:none; }
.ajaxSearch_highlight { background-color:#ccc }
.ajaxSearch_result .ajaxSearch_resultLink { font-size:1.2em; font-weight:bold; }

#logo { float:left; display:inline; margin-left:19px; margin-top:21px; }


#navigation { clear:both; text-align:right; line-height:30px; font-size:1.2em; font-weight:bold; text-transform:uppercase; background:url(../images/homepage/header_bottom.gif) bottom center no-repeat; padding-bottom:6px; }
#navigation a { color:#333; text-decoration:none; }
#navigation a:hover, #navigation li.current a { color:#099; text-decoration:none }

#navigation ul.menu, #navigation ul.menu li { margin:0; padding:0; list-style-type:none; background:none }
#navigation ul.menu li { display:inline; margin:0 15px 0 15px; line-height:2em; }
#navigation ul.menu ul { display:none }


#banner img { width:590px; }
#banner img { margin-bottom:10px; }


#breadcrumbs { border-bottom:2px solid #7CA6D6; line-height:30px; padding-left:30px; color:#e2e2e2 }
#breadcrumbs span.B_currentCrumb { color:#666666 }
#breadcrumbs a { color:#7CA6D6; text-decoration:none }
#breadcrumbs a:hover { text-decoration:underline }

#content { clear:both; padding:0 0 1px; width:100%; float:left; display:inline; }

#content { min-height: 450px; height: auto; }
* html #content { height: 450px; }

#main, #sidebar, #photos { float:left; display:inline; margin-top:20px; } 
#main { width:590px; padding-bottom:20px }
#main .wrapper { width:520px; }
#sidebar { width:271px; margin-left:22px;  }
#photos { width:271px; margin-left:22px; text-align:center; }

#photos img { margin-bottom:10px;  }

body.wide #photos { clear:left; width:100%; margin-bottom:30px; text-align:left }
body.wide #photos .photo { float:left; width:265px; height:187px; display:inline; margin-right:20px; overflow:hidden }
body.wide #photos .photo img {  }

#subnav { border:1px solid #ddd; background:#fff url(../images/internal/subnav_bg.jpg) top left repeat-x; padding:17px 25px 30px; margin-bottom:10px; }

#subnav ul.menu, #subnav ul.menu ul, #subnav ul.menu li { margin:0; padding:0; background:none; list-style-type:none; }
#subnav ul.menu li { line-height:15px; display:inline }

#subnav ul.menu li a { padding:3px 0 3px 20px; text-decoration:none; background:url(../images/internal/subnav_bullet.gif) center left no-repeat; display:block; color:#333; }
#subnav ul.menu ul li a { border:0; background:none }
#subnav ul.menu li a:hover, #subnav ul.menu li.current a { color:#009999 }


#footer { clear:both; padding:15px 5px 15px; color:#666; border-top:6px solid #999; color:#669999; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em }
#footer p { line-height:1.5em }
#footer a {  text-decoration:none; color:#666; }
#footer a:hover { text-decoration:underline }
#footer .regnumber { color:#666; }

#footer .links a { color:#669999; margin:0 3px; }




/* Page Layouts
---------------------------------------*/

.nosidebar #sidebar, .nosidebar #sidebar #subnav { display:none }



/* Specific Elements
---------------------------------------*/

p#projectLinks { color:#666; text-transform:lowercase }
p#projectLinks a { text-decoration:underline;  }
p#projectLinks a:hover { text-decoration:none }
p#projectLinks span.divider { padding:0 8px; color:#999; }


#features { clear:both; margin:18px 0; background:url(../images/homepage/faetures_bg.gif) bottom left no-repeat; padding-bottom:20px; }
#features .item { background:url(../images/homepage/feature_bg.jpg) top left no-repeat; width:285px; float:left; display:inline; margin-left:13px;  }
#features .first { margin-left:3px; }
#features .item .wrapper { width:auto; padding: 25px 16px 5px; }

#features h2 { font-size:1.5em; color:#333; }

ul.linklist li a { color:#333; text-decoration:none }
ul.linklist li a:hover { text-decoration:underline }

/* Homepage
---------------------------------------*/
#homepage #main { width:886px; margin-top:10px; }
#homepage #footer a { color:#669999 }

ul#banners, ul#banners li { list-style-type:none; margin:0; padding:0; }
ul#banners li.first { margin-left:0 }
ul#banners li { margin-left:5px; display:inline; width:292px; float:left; }

#homepage #showcase { clear: both; width: 886px; height: 283px; overflow: hidden; }

/* Contact Page
---------------------------------------*/
#contact #main { width:621px; }
#contact #features { background-image:url(../images/contact/items_bg.gif); padding-bottom:1px; width:621px; }
#contact #features .wrapper { background:url(../images/internal/subnav_bg.jpg) top left repeat-x; margin:0 1px; }
#contact #features .item { margin-left:21px; background:none; width:299px; border-top:1px solid #ccc; }
#contact #features .first { margin-left:0; width:301px; }
#contact #maps { clear:both; margin:18px 0 8px; padding-bottom:20px; width:621px; }
#contact #maps .item { margin-left:21px; width:300px; float:left; display:inline; }
#contact #maps .first { margin-left:0; }

#contact #main #credits { background:#fff url(../images/internal/subnav_bg.jpg) top left repeat-x; width:621px;  }
#contact #main #credits .wrapper { border:1px solid #dedede; padding: 25px 16px 5px; width:auto }


/* EmailForm 
------------------------------------------------------------------------------- */
/*#EmailForm { width: 520px; text-align: left; padding-bottom: 20px; border: none;}
#EmailForm.full { width: 100%; }
#EmailForm fieldset, #EmailForm legend { border:0; margin:0; padding:0; }
#EmailForm label, #EmailForm p 
	{ display: block; clear: both; width: 520px; line-height: 1.5em; padding: 0 0 9px; }
#EmailForm p { padding-bottom:15px; }
#EmailForm input { display: block; margin-top: 3px; }
#EmailForm select { float: left; display: block; }

#EmailForm label { float: left; clear: left; width: 340px; margin: 0; line-height: 1.5em; }
#EmailForm label input { float: left; width: 310px;	padding: 0; }

/* style the #EmailForm elements to look similar across browsers ... emulates Safari /
#EmailForm label input, #EmailForm textarea {  padding: 0 2px; line-height: 20px; }
#EmailForm textarea { margin-top: 3px; width: 383px; height: auto; display: block; }
#EmailForm input.button { clear: left; border: 1px solid #ddd; border-left-color: #c3c3c3; border-top-color: #7c7c7c; background-color: #EBE9ED; color:#2d2d2d; padding:2px 4px; font-weight:bold; }*/



#EmailForm td, #EmailForm th { padding:8px 10px 8px 4px; border-bottom:1px solid #eee }
#EmailForm th label { font-weight:bold; color:#666; }
#EmailForm table { width:520px }
#EmailForm th { width:40%; text-align:right }
#EmailForm table input.text, #EmailForm table textarea, #EmailForm table select { width:240px; }
#EmailForm table select.short { width:120px; }
#EmailForm table input.button { background-color: #EBE9ED; color:#2d2d2d; padding:2px 4px; font-weight:bold; }

/* Contact Form Errors */
.errors { background-color:#eee; margin-bottom:15px; padding:0 8px; }




/* Hacks
---------------------------------------*/
.clear { clear:both; height:0; }