/* Global Resetting */

.offLeft { display:block; width:650px; position:fixed; left:-699px; padding-right:50px; text-align:left; }

html { width: 100%; height: 100%; }
body { width: 100%; height: 100%; font-size: 62.5%; /* reset font-sizes to 1em == 10px */ }
* { font-size: 1em; /* reset font-sizes to 1em == 10px */ padding: 0; margin: 0; font-family:Verdana,Helvetica,sans-serif; list-style:none; }
a img { border:0; }
.clear { clear:both; }

/* Layout CSS */
#Main { margin:0px auto; width:930px; padding-bottom:10px; position:relative; }
#Header { border-left:1px solid #ccc; border-right:1px solid #ccc; clear:left; }
#headerImages { position:absolute; width:554px; left:384px; top:22px;}
#headerImages img { margin-left:5px;}
#headerImages img.homeHeaderImage { margin-left:64px; margin-top:-20px;}
#Header h1 { color:#fff; font-size:1.5em; line-height:4.5em; padding-left:20px; }

#Menu1 { height:21px; }
#Menu1 li { float:left; margin-right:2px; }
#Menu1 li.current, #Menu1 li.section { color:#fff; background:#6d6453; }
#Menu1 li a { height:13px; width:120px; display:block; color:#fff; text-align:center; font-weight:bold; font-size:1.1em; text-decoration:none; padding:4px 0; background:url(../images/menu1.gif) repeat-x left top; }
#Menu1 li a:hover { color:#fff; background:#6d6453; }
#Menu1 li.current a, #Menu1 li.section a { background:url(../images/menu1_left_on.gif) no-repeat left top; color:#fff; }

#ContentContainer { width:967px; margin-top:10px; clear:both; }

#Banner { text-align: center; }

/* Splash Page */
#langSelect { background:transparent url(../images/splash.gif) left top no-repeat; width:528px; height:358px; margin:125px auto;}
#langSelect #langBtns { padding-top:195px; margin-left:45px;}
#langSelect a#engBtn { width:220px; height:128px; display:block; background:transparent url(../images/splash_eng.gif) left top no-repeat; float:left;}
#langSelect a#espBtn { width:220px; height:128px; display:block; background:transparent url(../images/splash_esp.gif) left top no-repeat; float:left;}
#langSelect a#engBtn:hover { background:transparent url(../images/splash_eng_ovr.gif) left top no-repeat;}
#langSelect a#espBtn:hover { background:transparent url(../images/splash_esp_ovr.gif) left top no-repeat;}

#Menu2 { margin-left: 18px; width: 200px; padding:0px 10px 10px 10px; }
#Menu2 li { }
#Menu2 a { color:#fff; font-weight:bold; font-size:1.15em; line-height:1.5em; text-decoration:none; }
#Menu2 a:hover { text-decoration:underline; }
#Menu2 li.current a { color:#df753f; }/**/

#Menu3 { margin-left: 10px; }
#Menu3 li { }
#Menu3 a { color:#fff; font-weight:bold; font-size:1.1em; line-height:1.4em; text-decoration:none; }
#Menu3 a:hover { text-decoration:underline; }
#Menu3 li.current a { color:#df753f; }

#Menu4 { margin-left: 10px; }
#Menu4 li { }
#Menu4 a { color:#fff; font-weight:bold; font-size:1.1em; line-height:1.4em; text-decoration:none; }
#Menu4 a:hover { text-decoration:underline; }
#Menu4 li.current a { color:#df753f; }



#Content { }

div.breadcrumbs { margin-bottom:10px; font-size:1em; }
div.breadcrumbs a { text-decoration:none; }

/* The rest of this file is for the second tutorial */
#NewsList, #StaffList { background:#f0f0f0; border:1px dotted #ccc; padding:10px; }

#NewsList li, #StaffList li { margin: 0; list-style-type: none; }
#NewsList li.newsDateTitle span { line-height:2em; }
#NewsList li.newsDateTitle a { font-size:1.3em; font-weight:bold; text-decoration:none; padding-left:20px; background:url(../images/treeicons/news-file.gif) no-repeat left center; }
#NewsList li.newsDateTitle a:hover { border-bottom:1px dotted #0083C8; }
#NewsList li.newsSummary { margin-bottom:20px; }
#NewsList li.newsSummary span { font-size:1.1em; line-height:1.5em; color:#333; }
#NewsList li.newsSummary a.readMoreLink { text-decoration:none; }
#NewsList li.newsSummary a.readMoreLink:hover { border-bottom:1px dotted #0083C8; }

div.newsDetails { margin-bottom:10px; }

div.newsDetails p { margin:0; font-size:1em; }

div.pageComments { background:#f0f0f0; border:1px dotted #ccc; padding:10px; }

#StaffList .staffname {  clear: both; padding-left: 60px; height: 1.2em; }
#StaffList .staffphoto { float: left; margin-left: 3px; margin-top: -1.2em; }
#StaffList .staffphoto img { border:1px solid #AAA; }
#StaffList .staffdescription { margin-left: 60px; margin-bottom:30px; }

#StaffPhoto { float: left; margin-right: 10px; }
#StaffPhoto img { border:1px solid #AAA; }

#PageComments { list-style:none; background:#e9e9e9; border:1px solid #ccc; border-bottom:0; padding:0; margin:0; }
#PageComments li { list-style:none; padding:5px; margin:0; font-size:1em; border-bottom:1px dotted #bbb; }
#PageComments li p span { font-style:italic; }
#PageComments a.deletelink { font-weight:bold; }
 
#PageNumbers { font-weight:bold; font-size:1.1em; text-align:center; padding:5px; border:1px solid #ddd; background:#e9e9e9; }
#PageNumbers * { padding:0 5px; line-height:1.5em; }
#PageNumbers a { text-decoration:none; }
#PageNumbers a:hover { text-decoration:underline; }