/*layout CSS */ * {margin:0px; padding:0px;} body { text-align:center; /*center hack*/ margin:20px; font-family:Arial, Helvetica, sans-serif; } #wrapper { min-width:760px; max-width:960px; width: auto !important; /*IE6 hack*/ width:960px; /*IE6 hack*/ margin:0px auto; /*center hack*/ text-align:left; /*center hack*/ } div #content100 {} #inner_wrapper {background:url(../images/page_bg_right.png) top right repeat;} #header {margin-top:20px; height:165px; background:url(../images/header_bg.png) right top no-repeat; text-align:center;} #header .inside {margin:0px; padding:0px; height:165px; background:url(../images/header_inside_bg.png) right top no-repeat; text-align:center;} #ad_space_1 {width:468px; height:60px; border:#999999 1px dotted; float:right; margin:20px 20px 10px 0px;} #ad_space_2 {width:468px; height:60px; border:#999999 1px dotted; float:right; margin:0px 20px 10px 0px;} #main_nav_holder {width:100%; background:url(../images/main_nav_bg.png) top right no-repeat;} #main_nav {padding:5px 0px 15px 15px; background:url(../images/main_nav_bg.png) top left no-repeat;height:0.8em;width:95%;} #sidebar {float:left;width:20%; overflow:hidden; } #content60 {float:left;width:60%;overflow:hidden;background:url(../images/page_bg_right.png) top right repeat-y;} #content80 {float:left;width:80%;overflow:hidden;background:url(../images/page_bg_right.png) top right repeat-y;} #content100 {float:left;width:100%;overflow:hidden;background:url(../images/page_bg_right.png) top right repeat-y;} #content_holder {background:url(../images/page_bg_left.png) top left repeat-y; width:100%;} #sidebar-2 {float:left;width:20%; overflow:hidden;} #footer_top {clear:both;background:url(../images/footer_top_bg.png) top left no-repeat; height:1px;} #footer_inside_top {background:url(../images/footer_inside_top_bg.png) top right no-repeat; height:1px;} #footer {background:url(../images/footer_bg.png) bottom left no-repeat; text-align:center;} #footer .inside {padding:0px 20px; background:url(../images/footer_inside_bg.png) bottom right no-repeat;} .inside {padding:20px; background:none;} .blog, .blog-article { width:100%;text-align:left; } hr { height:0px; color:#ffffff; border-top:1px #CCCCCC dashed; margin:0px 0px 20px 0px; } .boxout_1 {padding:10px;background-color:#F6F6F6;border:#999999 1px dashed; margin-bottom:20px;} .boxout_1 p {padding:0px; font-size:0.7em;} .contentpaneopen, .contentpaneopen-frontpage {width:100%;} #movie_holder {text-align:center; padding:0px 0px 30px 0px;} #front_page_links {width:355px; float:right; background:url(../images/front_page_links.gif) top left no-repeat; margin-left:30px;} #front_page_links_bottom {width:355px; float:right; background:url(../images/front_page_links_bottom.gif) top left no-repeat; height:20px;} /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* TYPOGRAPHY */ /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #content_holder ul {margin-left:40px;} #content_holder li {list-style:none; background:url(../images/list.png) 0px 1px no-repeat;padding:0px 0px 10px 25px; font-weight:bold;} p, #content_holder ul, #contact_form_holder label {text-align:left; font-size:13px; line-height:1.7em; color:#666666; padding:0px 0px 20px 0px;} a {color:#789BBF; font-weight:bold;} a:hover {color:#000000;} h1, h2, h3, h4, h5, h6, .large_intro {font-family:'Cronos Pro', Arial, Helvetica, sans-serif;color:#537EA1; font-weight:bold;text-align:left;} h2 {font-size:20px;margin:5px 0px 5px 0px;} h6 {font-size:1.1em;margin:0px 0px 10px 0px;} .contentheading, .componentheading, .contentpaneopen-article {text-align:center; width:100%} .blog-article .contentpaneopen-article {text-align:left;} .contentheading, .componentheading-article, .contentheading-article, .contentheading-contact, .componentheading-contact, .contentheading-frontpage {font-family:'Cronos Pro', Arial, Helvetica, sans-serif;color:#537EA1; font-weight:bold; font-size:30px;width:100%; text-align:center;padding:10px 0px; } .blog-article .contentheading-article {text-align:left; font-size:19px; padding-bottom:0px;} .article_column .contentheading {font-size:1.2em; padding:0px 0px 3px 0px;} /* blog layout heading */ .contentpaneopen hr {width:100%;} .contentpaneopen-article p, .contentpaneopen-article h2 {padding-left:100px; padding-right:100px;} .contentpaneopen-article ul, .contentpaneopen-article li {margin-left:100px; margin-right:100px;} .contentpaneopen-article ul {padding-bottom:10px; margin-top:20px;} .contentpaneopen-article h2 {margin-top:5px; margin-bottom:5px;} .blog-article .contentpaneopen-article p {padding:3px 0px 10px 0px;} .article_column hr {margin-bottom:3px;} .article_column p {padding-bottom:10px;} #ad_space_1 p, #ad_space_2 p {font-size:10px; padding-top:25px; text-align:center;} .large_intro {color:#333333; font-weight:normal; font-size:30px;} .img_caption p {font-size:11px; color:#000000; font-weight:bold;} table.blog-article span.article_separator { display:block; height:20px; } .article_column {padding:0px 20px;} .readon, .readon-article { background:url(../images/readon.png) 0px 0px no-repeat; padding:0px 0px 0px 20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; font-weight:bold; text-decoration:none; text-align:left} a.readon:hover, a.readon-article:hover {color:#333333; text-decoration:underline;} .pagenav_next {color:#666666; padding:0px 25px 0px 0px; background:url(../images/next_article.png) right 2px no-repeat; text-decoration:none; margin:0px 25px 0px 20px;} .pagenav_prev {color:#666666; padding: 0px 0px 0px 25px; background:url(../images/prev_article.png) left 2px no-repeat; text-decoration:none; margin:0px 20px 0px 25px;} a.pagenav_next:hover {color:#000000; padding-right:25px; background:url(../images/next_article_over.png) right 2px no-repeat; text-decoration:underline;} a.pagenav_prev:hover {color:#000000; padding-left:25px; background:url(../images/prev_article_over.png) left 2px no-repeat; text-decoration:underline;} .pagenav {width:100%; margin:0px; color:#FFFFFF; border-top:1px #CCCCCC dashed; padding:25px 0px 0px 0px; text-align:center;} /* --------------- END OF TYPOGRAPHY ---------------- */ /* --------------- FRONT PAGE PANEL ---------------- */ #front_page_links h1 {text-align:center; font-size:30px; color:#CC6600; padding:5px 10px 15px 30px;} #front_page_links h2 {text-align:left; font-size:19px; color:#CC6600; padding:5px 10px 0px 15px;} #front_page_links p {text-align:left; padding:5px 10px 5px 15px;} #front_page_links a {color:#CC6633;} #front_page_links a:hover {color:#000000;} /* --------------- END OF FRONT PAGE PANEL ---------------- */ /* --------------- CONTACT COMPONENT ---------------- */ #component-contact {margin:0px 0px; font-family:Arial, Helvetica, sans-serif; color:#555555; font-size:15px;} #contact_form {width:100%;text-align:center;} .contact_name_header, .contact_position_header, .contact_telephone_header {font-size:15px; font-weight:bold; padding-bottom:15px;} a.category-contact {font-size:15px;} .contact_position , .contact_telephone {font-size:15px;} div #position, div #contact_vcard, #contact_form_holder {width:350px; text-align:left;} #contact_text {width:350px;} #component-contact label, #component-contact strong {font-weight:bold; color:#537EA1; padding:0px 0px 5px 0px; font-size:16px; margin:0px;} #contact_form_holder input, #contact_form_holder textarea {margin:0px 0px 10px 0px; padding:0px;} #position {margin-bottom:20px;} #contact_vcard {width:350px; background:url(../images/vcard.png) 20px 0px no-repeat; padding-left:50px;} #email_copy {font-size:15px; color:#537EA1; text-align:left;} #email_copy input {display:inline; padding:0px 5px 0px 0px; margin:0px 5px 0px 0px;} /* email confirmation message */ #system-message {border:1px #CCCCCC dashed; background-color:#FFCC66; padding:10px; text-align:center; margin-bottom:20px;} .message {width:100%; text-align:center; font-size:20px; color:#CC6633;} #content_holder .message ul, #content_holder .message li {text-align:center; list-style-type:none; background:none; margin:15px 0px; padding:0px;} /* --------------- END OF CONTACT COMPONENT ---------------- */ /* --------------- MAIN NAV - CONTROLS THE STYLING OF THE EXTENDED MENU AND MAIN MENU ---------------- */ #main_nav li {display:inline-block; padding: 0px 7px;} #main_nav a {color:#FFFFFF; font-size:13px; font-weight:bold;text-decoration:none;} #main_nav a:hover {text-decoration:underline;} #main_nav .active {background-color:#666666;} #twocols { /*the columns that gets dropped down over yours might be different*/ z-index:20; } #leftcol { /*the columns that gets dropped down over yours might be different*/ z-index:10; } #mainleveltopnav li { display:inline; list-style-type:none; padding-right:5px; } a.mainleveltopnav,a.mainleveltopnav:link, a.mainleveltopnav:visited { color:#FFFFFF; } .moduletablemainnav { /* I have absolutely positioned the module, you might have a different scheme*/ z-index:100; margin:0; padding:0; background:none; } #mainlevelmainnav, #mainlevelmainnav ul { float:left; list-style:none; font-weight:700; margin:0; padding:0; } #mainlevelmainnav a { display:block; color:#FFFFFF; text-decoration:none; margin-right:15px; padding:0.3em 0.2em 0.7em 0.2em; } /* Top level nav link styling */ #mainlevelmainnav a.mainlevelmainnav:hover { color:#333333;} #mainlevelmainnav li { float:left; padding:0; } /* Top level nav list styling */ #mainlevelmainnav li ul { /*drop down item background */ position:absolute; left:-999em; height:auto; width:10em; font-weight:400; background:url(../images/menu_background.png) top left repeat-x; border-left:#CCCCCC 1px dotted; border-right:#CCCCCC 1px dotted; margin:0; display:none; } #mainlevelmainnav li li { width:10em; padding-bottom:5px; border-bottom:thin #CCCCCC dotted; } /* drop menu list styling */ #mainlevelmainnav li ul a { width:10em; color:#FFFFFF; font-size:13px; line-height:1em; font-weight:bold; padding: 6px 0 4px 10px;} /* drop down menu link styling */ #mainlevelmainnav li:hover ul ul,#mainlevelmainnav li:hover ul ul ul,#mainlevelmainnav li.sfhover ul ul,#mainlevelmainnav li.sfhover ul ul ul { left:-999em;display:block;} #mainlevelmainnav li:hover ul,#mainlevelmainnav li li:hover ul,#mainlevelmainnav li li li:hover ul,#mainlevelmainnav li.sfhover ul,#mainlevelmainnav li li.sfhover ul,#mainlevelmainnav li li li.sfhover ul { left:auto; z-index:6000; display:block;} #mainlevelmainnav li li:hover,#mainlevelmainnav li li.sfhover { background:#565656 url('/../images/soccerball.gif') 98% 50% no-repeat;display:block; } /* a.mainlevelmainnav:hover {background-color:#666666;} */ /* --------------- END OF MAIN NAV ---------------- */ /* --------------- BOTTOM NAVIGATION MODULE ---------------*/ #bottom_nav ul { padding:15px 0px 20px 0px; } #bottom_nav li { display:inline; font-size:12px; color:#FFFFFF;} #bottom_nav a { color:#FFFFFF; font-weight:bold; } #bottom_nav a:hover { color:#333333; } .slash { padding: 0px 5px; font-size:16px; } #copyright p { text-align:center; font-size:11px; color:#333333; padding-bottom:30px;} #copyright a {color:#333333; } #copyright a:hover {color:#000000; font-weight:bold; } /* --------------- END OF BOTTOM NAVIGATION MODULE ---------------*/