/*------------------------------------ This is the body tags you must use this to set the website parameters, do NOT put info inside of the tag, use css instead. ------------------------------------*/ body { background-image: url(/images/bg-green-ivy.gif); background-position: top left; background-repeat: repeat-x repeat-y; background-color:#AAC023; margin: 0px; padding:0px; font-size:12px; font-family:arial, san serif; position:relative; } .png { behavior: url(/js/iepngfix.htc) } /*------------------------------------ Set your links here. There are two examples. The main links for the website and a specific link class to use. ------------------------------------*/ A:link { text-decoration:none; color: #006D77; } A:visited { text-decoration:none; color: #006D77; } A:hover { text-decoration: none; color: black; } /*------------------------------------ Text formatting. Use this area for all of your text formatting. Use this for coontent tags, footer tags, etc. ------------------------------------*/ .div_container { background-image: url(/images/bg-white-shadow.png); background-position:top center; background-repeat: repeat-y; margin:auto; padding:0px; width:1000px; } .div_topnav { background-image: url(/images/bg-topnav-field.jpg); background-position:top left; background-repeat: no-repeat; margin:auto; padding:0px; width:910px; height:136px; text-align:right; } .div_content { margin:auto; padding:0px; width:900px; clear:both; } .div_yellowbar { background-color:#FFE952; margin:5px 0 0 0; padding:0px; width:900px; height:274px; } .div_greenbar { background-color:#D0EC8C; margin:5px 0 0 0; padding:0px; width:900px; height:137px; } .div_bluebar { background-color:#D1D5FD; margin:5px 0 0 0; padding:0px; width:900px; height:137px; } .div_purplebar { background-color:#EDBFF9; margin:5px 0 5px 0; padding:0px; width:900px; height:137px; } .div_yellowpanel { background-image: url(/images/bg-panel-yellow.gif); background-position:top left; background-repeat: no-repeat; background-color:#FCEC5A; margin:0px; padding:0px 20px 0px 30px; width:250px; height:137px; overflow:hidden; position:relative; } .div_bluepanel { background-image: url(/images/bg-panel-blue.gif); background-position:top left; background-repeat: no-repeat; background-color:#FFE952; margin:0px; padding:0px 20px 0px 30px; width:250px; height:137px; overflow:hidden; position:relative; } .div_greenpanel { background-image: url(/images/bg-panel-green.gif); background-position:top left; background-repeat: no-repeat; background-color:#FFE952; margin:0px; padding:0px 20px 0px 30px; width:250px; height:137px; overflow:hidden; position:relative; } .div_purplepanel { background-image: url(/images/bg-panel-purple.gif); background-position:top left; background-repeat: no-repeat; background-color:#FFE952; margin:0px; padding:0px 20px 0px 30px; width:250px; height:137px; overflow:hidden; position:relative; } .div_purplepanel_doublewide { background-image: url(/images/bg-panel-purple-doublewide.gif); background-position:top left; background-repeat: no-repeat; background-color:#FFE952; margin:auto; padding:0px 20px 00px 30px; width:550px; height:137px; overflow:hidden; position:relative; } .panel { font-size:12px; color:white; } .div_footer { background-color:white; margin:auto; padding:10px 0 10px 0; width:880px; text-align:center; } .footer { font-size:10px; } .div_headerpic { background-position:top left; background-repeat: repeat-y; background-color:white; width:900px; height:190px; margin:5px 0 0 0; border:0px; padding:0px; overflow:hidden; position:relative; } .div_yellowtitle { background-image:url(/images/titlebar-yellow.png); background-repeat: no-repeat; background-position: bottom-left; width:900px; margin:0px; padding:0px; position:absolute; bottom:0px; left:0px; } .div_bluetitle { background-image:url(/images/titlebar-blue.png); background-repeat: no-repeat; background-position: bottom-left; width:900px; margin:0px; padding:0px; position:absolute; bottom:0px; left:0px; } .div_greentitle { background-image:url(/images/titlebar-green.png); background-repeat: no-repeat; background-position: bottom-left; width:900px; margin:0px; padding:0px; position:absolute; bottom:0px; left:0px; } .div_purpletitle { background-image:url(/images/titlebar-purple.png); background-repeat: no-repeat; background-position: bottom-left; width:900px; margin:0px; padding:0px; position:absolute; bottom:0px; left:0px; } .div_yellowsubpage { background-color:#FCEC5A; width:900px; } .div_bluesubpage { background-color:#D1D2FC; width:900px; } .div_greensubpage { background-color:#CEEE8C; width:900px; } .div_purplesubpage { background-color:#EBBBF8; width:900px; } .content { padding:10px; } .subtitle { margin-left:30px; border:0px; } /*------------------------------------ Keep your title formatting seperate from your text for organization. Format your titles below. ------------------------------------*/ .header { font-size:18px; font-weight:bold; } /*------------------------------------ In many of our websites, we format the submit buttons. Below is example css to format those buttons. ------------------------------------*/ .bttn_more { position:absolute; bottom:8px; right:8px; margin:5px 0 0 5px; border:0px; } .formbutton { background-color: #6e0202; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color: #ffffff; border: 2px solid #ffffff; padding: 3px; } /*------------------------------------ If you are formatting tables, IE, backgrounds, text, or anything as such, use the code samples listed below. ------------------------------------*/ .table_blue { margin:0px; border:1px solid #6A9CFD; margin:auto 0; } .table_blue_header { background-color:#6A9CFD; color:white; font-weight:bold; } table.table_blue td { text-align:left; border:1px solid #76A7FD; } .pic { border:1px solid black; padding:2px; } .right { float:right; margin: 0 0 10px 10px; } .left { float:left; margin: 0 10px 10px 0; } /*------------------------------------ If you have additionall css that does not fall in the scope above use that down here. This can include anything, such as css dropdown text, div layers, etc. ------------------------------------*/ .butterly { position:absolute; top:90px; left:40px; border:0px; z-index:2; } .div_subnav { background-color:white; margin:auto; padding:0px; width:910px; text-align:center; } .div_subnav table { background-color:white; width:910px; padding:0px; height:25px; border:none; border-spacing:0px; margin-top:5px; } .div_subnav table td { background-color:black; padding:5px; text-align:center; } .div_subnav table a { color:white; font-family:arial; font-size:14px; font-weight:bold; } .div_subnav table a:visited { color:white; } .div_subnav table a.subnav_yellow:hover { color:#FFE952; } .div_subnav table a.subnav_green:hover { color:#D0EC8C; } .div_subnav table a.subnav_blue:hover { color:#D1D5FD; } .dl_list dt { font-size:14px; font-weight:bold; } .dl_list dd { padding-bottom:0.3em; } .calendar_list dt { font-size:14px; font-weight:bold; } .calendar_list dd { font-style:italic; padding-bottom:0.5em; } .article_list dt { font-size:14px; font-weight:bold; } .article_list dd { font-style:italic; padding-bottom:1em; } .article_list a { font-size:10px; font-style:normal; font-weight:bold; } /*------------------------------------ Use the code below if you will be using an additional css file seperate from this file. This can be used for our dropdown menu system or the tab content system. Customize for your own development. ------------------------------------*/ /* Google Map Tool Tip */ .tooltip{ background-color:#FFFFFF; border:2px solid #CCCCCC; padding:5px; white-space:nowrap; } /* @import url('dropdown_menu.css'); /* IE4 can understand, but not NN4 */