/*defaults*/ body {background:#2765AF url('../images/body_bg.jpg') repeat-x 0 0; color:#000000; margin:20px 0; padding:0; font-family:"Trebuchet MS", verdana, arial, "Times New Roman", serif; font-size:90%; } p {margin:0; padding:0 0 15px 0; } a {color:#000000; text-decoration:underline; } a:hover {color:#225799; text-decoration:none;} /*structural elements*/ #container {margin:0px auto; text-align:center; width:760px; } /* this sets the white box width */ #holder {width:100%; padding:20px 20px 5px 20px; background:#FFFFFF; text-align:left; } #logo {float:left; border-bottom:0px solid #DADADA; padding:5px 20px 20px 0px; width:590px; height:40px; } /*the px after no-repeat is the left indent of the logo */ #logo2 {float:right; height:65px; width:150px; padding:0px 0px 0px 0px; border-bottom:0px solid #DADADA; } /*the px after no-repeat is the left indent of the logo */ #logo_buffer {float:left; height:1px; width:100%;border-top:1px solid #DADADA;} #navigation {padding:10px 0; border:0px dashed #000000; width:590;} #header {background:#DADADA url('../images/trinheader.jpg') no-repeat 10px 10px; padding:10px; height:200px;width:740px; } #content {border:0px dashed #000000;float:left; width:470px; padding:20px 10px 0 0; line-height:160%; text-align:justify; } #content2 {float:left;width:480px; padding: 0px 0px 0 0; line-height:160%; } #sidebanner {border:0px dashed #000000;float:left; width:228px; height:600px; background:url('../images/sidebanner_dove.gif') no-repeat; } #news {float:right; width:240px; margin: 20px 16px 0px 0px ; line-height:140%; text-align:justify; } .newsItem {padding:0px 12px 5px 12px; background:url('../images/card_box_background.png') repeat-x 0px 0px; border:1px solid #FFEB70; font-size:90%; margin-bottom:20px; } .newsItem:hover {border:#ff0000 1px solid} .newsItem a {text-decoration:none; color:#111ddd;} .newsItem a:hover {text-decoration:none;} .newsItem h1 {color:#225799; margin:0 0 10px 0; padding:0; font-size:130%; font-weight:normal; } #footer {clear:both; width:100%; font-size:80%; background:#DADADA; padding:20px; text-align:left; border-top:2px solid #2765AF; } #copyright {float:right;} #flowchart {text-align: left;border-left:3px solid #000000; border-right:3px solid #000000; border-bottom:3px solid #000000;border-top:3px solid #000000; width:400px; padding: 7px 5px 7px 5px; } .short { height:50px; } .medium {height:80px;} .tall { height:90px; } .extra {height:120px;} #flowchart a:hover {text-decoration:underline;} #flowchart:hover {text-decoration:underline;} /*headings*/ /* .newsItem a {color:#000000; text-align:justify; padding:0 0px 0 0; text-decoration:none; } .newsItem a:hover {color:#000000; text-decoration:none; cursor:pointer; cursor:hand; } */ #content h1 {font-size:170%; font-weight:normal; line-height:130%; margin:0; padding:0 0 20px 0; } #logo h1 {font-weight:normal; font-size:170%; margin:0; padding:0; color:#225799; } .tiny {font-size:0.70em;} /* STACK */ /* #stack {text-align:center; width:228px; height:130px ; padding: 3px 10px 0px 0px; } */ #stack {display:block; text-align:left; width:228px; height:130px ; padding: 0px 10px 0px 0px; border:1px solid #000000} #empty {width:228px; height:130px;} #line {width:479px; height:2px; float:left; line-height:1%;border-top:2px solid #aaaaaa; } #button {margin:2.5px 2.5px 5px 2.5px;float:left; width:228px; height:130px ;} #button a {color:#0066cc; text-decoration:none;} #button a:hover {color:#ff0000; text-decoration:underline;} .textbox { } .textbox b { text-decoration: underline ; font-weight: bolder;} .textboxwide {margin: 0 5px 0 5px;float:left; height:230px ; padding: 0px 5px 0px 0px; border-bottom:0px solid #aaaaaa;width:450;} .textboxwide a {color:#0066cc;text-decoration:underline;} .textboxwide a:hover {color:#ff0000; text-decoration:none;} .welcome {background:url('../images/stack1.gif') no-repeat;} .welcome a:hover {cursor:hand;cursor:pointer; background:url('../images/stack1x.gif') no-repeat; } .welcome:hover {cursor:hand;cursor:pointer; background:url('../images/stack1x.gif') no-repeat; } .emergency {background:url('../images/stack2.gif') no-repeat;} .emergency a:hover {cursor:hand;cursor:pointer; background:url('../images/stack2x.gif') no-repeat; } .emergency:hover {cursor:hand;cursor:pointer; background:url('../images/stack2x.gif') no-repeat; } .services {background:url('../images/stack4.gif') no-repeat; } .services a:hover {cursor:hand;cursor:pointer; background:url('../images/stack4x.gif') no-repeat; } .services:hover {cursor:hand;cursor:pointer; background:url('../images/stack4x.gif') no-repeat; } .history {background:url('../images/history_button.gif') no-repeat; } .history a:hover {cursor:hand;cursor:pointer; background:url('../images/history_buttonx.gif') no-repeat; } .history:hover {cursor:hand;cursor:pointer; background:url('../images/history_buttonx.gif') no-repeat; } .mission {background:url('../images/mission_button.gif') no-repeat;} .mission a:hover {cursor:hand;cursor:pointer; background:url('../images/mission_buttonx.gif') no-repeat; } .mission:hover {cursor:hand;cursor:pointer; background:url('../images/mission_buttonx.gif') no-repeat; } .staff {background:url('../images/staff_button.gif') no-repeat;} .staff a:hover {cursor:hand;cursor:pointer; background:url('../images/staff_buttonx.gif') no-repeat; } .staff:hover {cursor:hand;cursor:pointer; background:url('../images/staff_buttonx.gif') no-repeat; } .message {background:url('../images/message_button.gif') no-repeat;} .message a:hover {cursor:hand;cursor:pointer; background:url('../images/message_buttonx.gif') no-repeat; } .message:hover {cursor:hand;cursor:pointer; background:url('../images/message_buttonx.gif') no-repeat; } .touts {background:url('../images/touts_button.gif') no-repeat;} .touts a:hover {cursor:hand;cursor:pointer; background:url('../images/touts_buttonx.gif') no-repeat; } .touts:hover {cursor:hand;cursor:pointer; background:url('../images/touts_buttonx.gif') no-repeat; } .stories {background:url('../images/stories_button.gif') no-repeat;} .stories a:hover {cursor:hand;cursor:pointer; background:url('../images/stories_buttonx.gif') no-repeat; } .stories:hover {cursor:hand;cursor:pointer; background:url('../images/stories_buttonx.gif') no-repeat; } /*navigation*/ #navigation ul {margin:0; padding:0; } #navigation li {margin:0; padding:0; list-style:none; display:inline; } #navigation a {color:#225799; padding:0 20px 0 0; text-decoration:none; } #navigation a:hover {color:#000000; text-decoration:underline; } #footer ul {margin:0; padding:0; } #footer li {margin:0; padding:0; list-style:none; display:inline; } #footer a {color:#000000; font-weight:bold; padding:0 5px 0 0; text-decoration:underline; } #footer a:hover {color:#000000; text-decoration:none; } /*shamelessly borrowed styles from http://www.positioniseverything.net/easyclearing.html*/ .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block; } /* Hides from IE-mac \*/ * html .clearfix {height:1%; } .clearfix {display:block; } /* End hide from IE-mac */