/* general styling*/ * { margin : 0; padding : 0; } html,body { height : auto; background : #FFF; color : #888; font-family : Arial, Helvetica, sans-serif; font-size : 10pt; } /* the hyperlinks*/ a { color : #488FE5; text-decoration : underline; } a:hover { color : #488FE5; } /* the container centers the page*/ #container { width : 740px; height : auto; margin : 0 auto 0 auto; } /* the topbar that contains the most upper links*/ #topbar { width : 740px; height : 24px; line-height : 24px; vertical-align : middle; text-align : right; } /* the links in the topbar are an unordered list, formatted here*/ #topbar ul { float : right; } #topbar li { list-style : none; display : block; width : auto; float : left; } #topbar a { text-decoration : none; display : block; padding : 0 10px 0 10px; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; text-transform : uppercase; } #topbar a:hover { background : #488FE5; color : #FFF; } /* the header that contains the big image*/ #header { width : 740px; height : 180px; background : #9AB2D6 url(../images/header1.jpg) top left no-repeat; position : relative; } /* the big title text in the header*/ #header h1 { font-family : "Trebuchet MS", Tahoma, Verdana, sans-serif; font-size : 30px; font-weight : 100; letter-spacing : -1px; color : #FFF; position : absolute; top : 60px; left : 20px; } /* the navigationbar in the header*/ #navbar { position : absolute; bottom : 11px; right : 6px; } /* the links in the navigationbar are an unordered list*/ #navbar ul {} #navbar li { list-style : none; display : block; width : auto; float : left; } #navbar a { text-decoration : none; display : block; padding : 4px 10px 4px 10px; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; text-transform : uppercase; } #navbar a:hover { background : #488FE5; color : #FFF; } /* the core contains all the site contents*/ #core { width : 740px; height : auto; margin-top : 5px; background : #FFFFFF url(images/coreback.gif) top left repeat-y; } /* the coreleft contains the left part of the core*/ #coreleft { width : 140px; height : auto; background : #9AB2D6; float : left; } /* the links in coreleft are another unordered list*/ #coreleft ul {} #coreleft li { display : block; height : auto; width : 136px; margin : 2px; } #coreleft a { display : block; height : auto; padding : 4px; width : 128px; color : #07346A; background : url(../images/readmore_arrow.gif) 97% center no-repeat; text-decoration : none; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; border : 0; } #coreleft a:hover { background : #488FE5 url(../images/readmore_over.gif) 97% center no-repeat; color : #FFF; } #coreleft h3 { padding : 20px 4px 0 4px; font-family : "Trebuchet MS", Tahoma, Verdana, sans-serif; font-size : 18px; margin : 0; color : #07346A; background : #9AB2D6; } #coreleft p { padding : 5px; margin-top : 0px; line-height : 16px; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; color : #07346A; } /* the corecenter contains the center part of the core*/ #corecenter { width : 590px; height : auto; float : left; } #corecenter h2 { font-family : "Trebuchet MS", Tahoma, Verdana, sans-serif; font-size : 20px; color : #07346A; padding : 10px 0 0 10px; } #corecenter p { line-height : 20px; padding : 0 10px 10px 10px; color : #888; } #corecenter ul { padding : 20px; width : auto; } #corecenter li { list-style : none; line-height : 20px; border-bottom : 1px solid #DDD; } #corecenter li a { text-decoration : none; color : #488FE5; display : block; height : auto; padding : 4px; } #corecenter li a:hover { background : #488FE5; color : #000; } /* the footer contains all copyright info etcetera*/ #footer { clear : both; width : 740px; height : 20px; background : #9AB2D6; line-height : 20px; vertical-align : middle; text-align : right; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; } #footer p { color : #FFF; padding-right : 20px; } #footer a { color : #FFF; } h2 { font-family : "Trebuchet MS", Tahoma, Verdana, sans-serif; font-size : 20px; color : #07346A; padding : 10px 0 0 10px; font-weight : bold; }