/********************************
	General
********************************/

body { margin: 0; padding: 0; height: 100%; width: 772px; background-color: #fff; font: 62.5% Arial, Helvetica, sans-serif; color: #333333; }

html { height: 100%; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; }

* html .clearfix { height: 1%; }

.clearfix { display: block; }

img { border: none; }

a { color: #003366;}

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

h1 { margin: 0 0 10px 0; padding: 0; font-weight: bold; font-size: 1.3em; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; }

h2 { margin: 0 0 10px 0; padding: 0; font-weight: bold; font-size: 1.3em; color: #CC6600; font-family: Verdana, Arial, Helvetica, sans-serif; }

h2 .h2off { color: #333333; font-weight: normal; }

h3 { margin: 0 0 3px 0; padding: 0; font-weight: bold; font-size: 1.1em; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; }

h4 { margin: 0 0 15px 0; padding: 0; font-weight: bold; font-size: 1.1em; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; } 

p { margin: 0 0 10px 0; padding: 0; font-size: 1.1em; line-height: 1.3em; }

ul { font-size: 1.1em; line-height: 1.3em; }

input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; line-height: 1.3em; }

input.button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.3em; }

form { padding: 0 0 15px 0;}

#container { background-color: #E6E6E6; }

/********************************
	Header
********************************/

#header { margin: 0; padding: 13px 0 0 0; }

#logo { margin: 0; padding: 0 0 0 24px; }

#nav { margin: 0 0 1px 0; padding: 0; text-align: right; border-bottom: 8px solid #80B3CC; }

#nav li { list-style: none; display: inline; }

#nav li a { color: #666; font-weight: bold; font-size: 1em; text-decoration: none; border-left: 1px solid #80B3CC; padding: 0 10px 0 10px; margin: 0; }

#nav li a:hover { color: #29537F; text-decoration: none; }

/********************************
	Left Column
********************************/

#leftcol { width: 186px; float: left; }

#leftcol.home { padding: 138px 0 0 0; background: #CCCCCC url(/themes/tls_themes/images/home_left.jpg) top left no-repeat; }

#subnav { margin: 0; padding: 15px 0 21px 0; background-color: #E6E6E6; list-style: none; }

#subnav li {  background: #fff url(./themes/tls_themes/images/bullet_arrow.gif) .6em .3em no-repeat; padding: 4px 0 4px 12px; border-bottom: 1px solid #E6E6E6; }

#subnav li a {  color: #29537F; font-size: 1.1em; font-weight: bold; text-decoration: none; padding: 0 0 0 9px; }

#subnav li a:hover { color: #666; }

#subnav li.subsub {  background: #fff url(./themes/tls_themes/images/bullet_arrow.gif) 1.8em .3em no-repeat; padding: 4px 0 4px 25px; border-bottom: 1px solid #E6E6E6; }

#subnav li.subsub a {  color: #333; font-size: 1em; font-weight: normal; text-decoration: none; padding: 0 0 0 9px; }

#subnav li.subsub a:hover { color: #29537F; }

#subnav ul.subsub-list { list-style: none; margin:0; padding:0; display: none; border-top: 1px solid #E6E6E6; margin-top:4px; margin-left: -12px;}

#subnav li.active ul.subsub-list { display:block; }

#subnav ul.subsub-list .subsub.last { border: none; padding-bottom: 4px;}

#blog { border-top: 4px solid #fff; }

#blog h1 { background-color: #666666; color: #CCCCCC; padding: 5px 0 5px 15px; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }

#blog h1 .wrap { font-weight: bold; padding: 0 2px 0 2px;}

#blog p { background-color: #fff; padding: 7px; border: 1px solid #999999; margin: 10px; line-height: 1.3em; font-size: 1.1em; }

/********************************
	Right Column
********************************/

#rightcol { width: 586px; float: left; }

#content { padding: 20px 0 40px 20px; background-color: #fff; }

#content p.welcome { padding: 0 20px 0 0; color: #666666; }

#hottopicsnav { margin: 0; padding: 0 0 20px 0; list-style: none; width: 425px;}

#hottopicsnav li {  background: #fff url(./themes/tls_themes/images/bullet_arrow2.gif) .2em .4em no-repeat; padding: 4px 5px 4px 0; display: inline;}

#hottopicsnav li a {  color: #666; font-size: 1.1em; font-weight: bold; text-decoration: none; padding: 0 0 0 10px; line-height: 1.4em;}

#hottopicsnav li a:hover { color: #29537F; }

/********************************
	Home
********************************/

#advocate { width: 340px; float: left; margin: 15px 0 0 0; }

#advocate img { float: right; margin: 15px; margin-bottom: 30px; }

#advocate p { padding: 15px; }

#advocate h1, #spotlight h1 { margin: 0; padding: 3px 0 3px 15px; background-color: #B3D1E1; font-weight: normal; font-size: 1.4em; color: #660000; }

#spotlight h1 { border-left: 1px solid #fff; }

#spotlight { float: left; width: 226px; margin: 15px 0 0 0; }

#spotlight ul { padding: 0 20px 40px 0; margin: 15px 0 0 0; border-left: 1px solid #ccc; list-style: none;  }

#spotlight li { margin: 0 0 15px 0; padding: 0 0 0 15px; }

/********************************
	Calendar
********************************/
#calendar { border-collapse: collapse; }

#calendar td { margin: 0; padding: 10px 10px 10px 0; border-bottom: 1px solid #CCC; }