@charset "UTF-8";

h1 { font-size: 2.2em; line-height: 1.2em; font-weight: 400; font-style: normal; font-family: Georgia,"Times New Roman",Times,serif; }
h1.smaller { font-size: 1.6em; line-height: 1.2em; font-weight: 400; font-style: normal; font-family: Georgia,"Times New Roman",Times,serif; }
h2 { font-size: 1.2em; line-height: 1.1em; font-weight: normal; font-style: normal; }
h3 { font-size: 1.0em; font-weight: normal; font-style: normal; }
h4 { font-size: 1.0em; font-weight: normal; font-style: normal; }
h5 { font-size: 1.2em; font-weight: normal; font-style: normal; }
h6 { font-size: 0.85em; font-weight: normal; font-style: normal; }
p { font-size: 1.2em; line-height: 1.5em; font-weight: 400; font-style: normal; font-family: Georgia,"Times New Roman",Times,serif; padding-bottom: 10px; }
p.byline { font-size: 0.8em; border-bottom: 1px solid #dcdcdc; color: #666666; display: block; font-family: "Lucida Grande",Geneva,Helvetica,sans-serif; font-variant: normal; font-weight: lighter; letter-spacing: 0.3em; height: 15px; margin-bottom: 10px !important; text-transform: uppercase; width: 100%; }
p.smaller_byline { font-size: 0.7em; border-bottom: 1px solid #dcdcdc; color: #666666; display: block; font-family: "Lucida Grande",Geneva,Helvetica,sans-serif; font-variant: normal; font-weight: lighter; letter-spacing: 0.3em; height: 10px; margin-bottom: 5px !important; text-transform: uppercase; width: 100%; }
p.smaller { font-size: 0.9em; }

#advertisement { background-color: #242424; }
#advertisement .inner { width: 728px; margin: 0 auto; text-align: left; }

.share { float: right; width: 100px; text-align: right; padding-top: 60px; }

#content { background: transparent url(/gfx/content_background2.png) top center repeat-x; min-height: 500px; padding-top: 10px; }

#content_left { float: left; width: 650px; }
.mainmenu { background: transparent url(/gfx/mainmenu_background.png) top left no-repeat; }
.article, .resource { background: #ffffff url(/gfx/article_background.png) top center repeat-x; border: 1px solid #e5e5e5; padding: 20px;  border-top: none; min-height: 350px; }
.article h2 { font-size: 1.3em; padding: 10px 0px 5px 0px; }
.article h3 { font-size: 1.1em; font-weight: bold; padding: 10px 0px 5px 0px; }
.resource h1 { font-size: 1.2em; }
.resource h2 { font-size: 2.2em; line-height: 1.2em; font-weight: 400; font-style: normal; font-family: Georgia,"Times New Roman",Times,serif; }
.resource h2.smaller { font-size: 1.6em; line-height: 1.2em; font-weight: 400; font-style: normal; font-family: Georgia,"Times New Roman",Times,serif; }

.author { background-color: #fdfdfd; border: 1px solid #e5e5e5; padding: 10px; font-size: 0.8em; }
.author h2 { font-size: 1.3em; padding: 0px; }
.author_picture { float: left; width: 85px; }
.author_info { float: left; width: 495px; }

#content_right { float: right; width: 300px; }
#content_right h2 { padding-top: 5px; color: #094060; }
#content_right h2 a { color: #094060; }
#content_right h3 { padding-top: 5px; color: #527387; }
#content_right h3 a { color: #527387; }
#content_right h4 { font-size: 0.8em; color: #666666; }
#content_right h4 a { color: #666666; }
#content_right h4.right { float: right; }
#content_right h4.right a { color: #094060; }
#content_right .boxleft h2, #content_right .boxright h2 { font-size: 1.1em; }
#content_right .boxleft h3, #content_right .boxright h3 { font-size: 0.85em; }

.ad_300_250 { width: 300px; height: 250px }
.box { float: left; background-color: #ffffff; border: 4px solid #dcdcdc; border-bottom: none; padding: 8px; width: 276px; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; }
.boxfull { float: left; background-color: #ffffff; border: 4px solid #dcdcdc; padding: 8px; width: 276px; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; }
.boxleft, .boxright { float: right; background-color: #ffffff; border: 4px solid #dcdcdc; padding: 8px; margin-top: -4px; width: 128px; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; }
.boxleft { float: left; margin-right: -4px; }

#content_right .video_name h2 { color: #527387; }
.video_name p { font-size: 0.85em; font-family: "Lucida Grande",Geneva,Helvetica,sans-serif; }

.video_photo { float: left; width: 75px; }
.video_name { float: right; width: 200px; padding-top: 7px; }
.video_right .video_photo { float: right; }
.video_right .video_name { float: left; }

.clear, .clear1b, .clear2, .clear5, .clear5b, .clear7, .clear10, .clear20 { clear: both; font-size: 0px; line-height: 0px; height: 0px; }
.clear1b { height: 1px; border-top: 1px dashed #cccccc; }
.clear2 { height: 2px; }
.clear5 { height: 5px; }
.clear7 { height: 7px; }
.clear5b { height: 1px; margin-top: 5px; border-top: 1px solid #dcdcdc; }
.clear10 { height: 10px; }
.clear10b { height: 1px; margin-top: 5px; padding-top: 10px; border-top: 1px solid #dcdcdc; }
.clear20 { height: 20px; }





ul.topnav { list-style: none; padding: 5px 0 0 10px; margin: 0; float: left; width: 600px; font-size: 1.2em; }  
ul.topnav li { float: left; margin: 0; padding: 0 10px 0 0; position: relative; }  
ul.topnav li a { padding: 8px 5px; color: #081744; display: block; text-decoration: none; float: left; }  
ul.topnav li a:hover { background: url(topnav_hover.gif) no-repeat center top; }  
ul.topnav li span { width: 17px; height: 35px; float: left; background: url(/gfx/topnav_arrow.png) no-repeat center top; }  
ul.topnav li span.subhover { cursor: pointer; }    
ul.topnav li ul.subnav { list-style: none; position: absolute; left: 0; top: 35px; background: #333; margin: 0; padding: 0; display: none; float: left; width: 170px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border: 1px solid #111; }  
ul.topnav li ul.subnav li { margin: 0; padding: 0; border-top: 1px solid #252525; border-bottom: 1px solid #444; clear: both; width: 170px; }  
html ul.topnav li ul.subnav li a { font-size: 0.9em; color: #f5f5f5; float: left; width: 155px; background-color: #333; padding-left: 10px; }  
html ul.topnav li ul.subnav li a:hover { background-color: #222; }