/*------------------------------------------------------------------------------------------- It is imparative as a web development company that we use clean CSS and that we use it to our full potential. The idea is to use basic tables for layout, and have CSS control 100% the rest of your content, from content layout, fonts, navigations and everything possible! To get more information on CSS use these links: -- Everything CSS - http://www.w3.org/Style/CSS/ -- Learn CSS - http://www.w3.org/Style/CSS/learning -- CSS Specs - http://www.w3.org/Style/CSS/#specs Take charge and educate yourself on usefull CSS implementation. ---------------------------------------------------------------------------------------------*/ /*------------------------------------ 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-color:white; margin:0px; text-align:center; font-family:tahoma, arial; font-size:12px; color:black; line-height:1.5em; } .pngfix { behavior: url("/js/iepngfix.htc") } .borderless { border:0px; } .teal { color:#006D77; } .right { float:right; margin-left:10px; margin-bottom:10px; } .left { float:left; margin-right:10px; margin-bottom:10px; } /*------------------------------------ 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-color:white; background-image: url(/images/bg-container.gif); background-position: top center; background-repeat: repeat-y; width:1000px; padding:0px; margin:0px auto; text-align:center; } .div_topbar { background-color:white; width:1000px; padding:0px; margin:0px auto; text-align:right; } .topbar { font-size:14px; color:#006D77; } .div_nav { float:left; background-color:#006C76; background-image: url(/images/bg-nav.jpg); background-position: top left; background-repeat: repeat-x; width:218px; padding:10px 0px 0px 0px; margin:0px; text-align:left; min-height: 375px; } .div_right { float:right; background-color:white; background-image: url(/images/bg-content.jpg); background-position: top right; background-repeat: repeat-x; width:782px; padding:0px; margin:0px; text-align:center; min-height: 400px; } .div_content { background-color:white; padding:10px; margin:0 10px 0 10px; text-align:left; } .div_content a:link, .div_content a:visited, .div_content a:hover { font-weight:bold; } .div_footer { background-color:white; background-image: url(/images/bg-teal-fade.gif); background-position: top right; background-repeat: repeat-x; padding:10px; text-align:center; } .footer { font-size:10px; } .div_cta { width:244px; background-color:white; border-right: 1px solid #208B93; border-bottom: 1px solid #208B93; padding-bottom:5px; padding-right:5px; } .div_photo { padding:5px; background-image: url(/images/bg-cta.gif); background-position: top left; background-repeat: no-repeat; background-color:white; border-right: 1px solid #DFAF81; border-bottom: 1px solid #DFAF81; } .div_form { padding:5px; background-image: url(/images/bg-cta.gif); background-position: top left; background-repeat: no-repeat; background-color:white; border-right: 1px solid #DFAF81; border-bottom: 1px solid #DFAF81; } .table_form { background-color:#FEF9F3; padding:5px; } .gallery { padding:2px; margin:3px; border: 1px solid #DFAF81; } .ul-nav { color:white; text-align:right; list-style-type:none; margin:0 12px 5px 0; } .ul-nav a:link, .ul-nav a:visited { color: white; } .ul-nav a:hover { color: yellow; } /*------------------------------------ Keep your title formatting seperate from your text for organization. Format your titles below. ------------------------------------*/ .title { font-family:tahoma, futura, arial; color:#006D77; font-size:13.5px; font-weight: bold; } .header { font-family:calibri, arial; color:#006D77; font-size:14px; font-weight: bold; } .subheader { font-family:calibri, arial; color:#006D77; font-size:14px; font-weight:bold; } .faq { color:#006D77; font-size:12px; font-weight: bold; font-style:italic; } /*------------------------------------ In many of our websites, we format the submit buttons. Below is example css to format those buttons. ------------------------------------*/ .formbutton { background-color: #AC723D; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color: #ffffff; border: 2px solid #ffffff; padding: 3px; } /*------------------------------------ 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; } .alert { font-weight:bold; color:red; background-color:yellow; } /* @import url('dropdown_menu.css'); /* IE4 can understand, but not NN4 */