/*GUIDELINESS TO KEEP CSS CLEAN AND MANAGABLE

1. FORMAT YOUR RULES as seen in the Base Rules.
	a. Only put one selector per line for a block of rules that apply to multiple selectors.
	b. Indent your rules, only one rule per line.
2. Break code down into SECTIONS using section flags as formatted in Base Rules.
3. Keep your properties ALPHABETICALLY SORTED.
4. COMMENT your code often so that it is easy for others to understand- follow the format seen in the Base Rules.
5. Keep PROPRIETARY PROPERTIES DIRECTLY ABOVE the proposed property. (ie, -webkit-border-radius should be directly above border-radius)
6. USE EMS for font-size. The Base Rules have been set up so ems can be calculated as follows:

	(Ems = Pixels/10) 		
	
7. DOCUMENT COLORS with the following index so that changing colors remains easy once colors span multiple rules.

	Color Index
	Page Background:		#eef;
	Wrapper Background:		#ddd;
	Main Text:				#333;
	Links:					#33f;
	
*/

 		
/*== CSS Base Rules ==========================================================*/
 
html {/*Page Defaults*/
	background: #eef url(/images/layout/bg.png) repeat-x 0 53px;
	color: #333;
	font-family: sans-serif;
	font-size: 62.5%; /*Sets default font size to 10px so that ems can be easily calculated*/
	line-height: 1.8em; /*Inherits to all elements giving the page a vertical rhythm- You may have to change this if text squashes together vertically*/
	min-height: 100%; /*So page background will extend to match browser window height if content is not long enough*/
}
	
body {
	font-size: 1em; /*ATTENTION: By default the font-size will be 10px, which is smaller than the usual browser default, but this value must remain 1em to avoid messy calculations*/
	padding: 0;
}

/*A Few Starting Point Rules*/
p, h1, h2, h3, h4, h5, h6, img, div, span, form, fieldset, label, legend {margin: 0px; padding: 0px; border: 0px; font-size: 1em;}
ol, ul, li {list-style: none; margin: 0; padding: 0; border: 0;}
legend {display: none;}
 		
/*== General Rules ==========================================================*/
a.port:link {
    font-family: arial, helvetica, sans-serif;
    color: white;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}

a.port:visited {
    font-family: arial, helvetica, sans-serif;
    color: white;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}

a.port:hover {
    font-family: arial, helvetica, sans-serif;
    color: #900;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}

a.port2:link {
    font-family: arial, helvetica, sans-serif;
    color: white;
    font-size: 12px;
    text-decoration: none;
    font-weight: normal;
}

a.port2:visited {
    font-family: arial, helvetica, sans-serif;
    color: white;
    font-size: 12px;
    text-decoration: none;
    font-weight: normal;
}

a.port2:hover {
    font-family: arial, helvetica, sans-serif;
    color: #900;
    font-size: 12px;
    text-decoration: none;
    font-weight: normal;
}

a.port3:link {
    font-family: arial, helvetica, sans-serif;
    color: #2B3FAF;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}

a.port3:visited {
    font-family: arial, helvetica, sans-serif;
    color: #2B3FAF;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}

a.port3:hover {
    font-family: arial, helvetica, sans-serif;
    color: #900;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}

a.feat:link {
    font-family: arial, helvetica, sans-serif;
    color: #ffffff;
    font-size: 10px;
    text-decoration: underline;
    font-weight: bold;
}

a.feat:visited {
    font-family: arial, helvetica, sans-serif;
    color: #ffffff;
    font-size: 10px;
    text-decoration: underline;
    font-weight: bold;
}

a.feat:hover {
    font-family: arial, helvetica, sans-serif;
    color: #900;
    font-size: 10px;
    text-decoration: underline;
    font-weight: bold;
}

.btext {
}

.btext5 {
    font-family: arial, helvetica, sans-serif;
    color: #000000;
    font-size: 12px;
    text-decoration: none;
    line-height: 16px;
}

.btext2 {
    font-family: arial, helvetica, sans-serif;
    color: #2B3FAF;
    font-size: 12px;
    text-decoration: none;
}

.btext3 {
    font-family: arial, helvetica, sans-serif;
    color: #900;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    line-height: 11px;
}

.btext4 {
    font-family: arial, helvetica, sans-serif;
    color: #ffffff;
    font-size: 10px;
    text-decoration: none;
    line-height: 12px;
}

.port {
    font-family: arial, helvetica, sans-serif;
    color: white;
    font-size: 12px;
    font-weight: normal;
}

h1 {
    font-family: optima, arial, helvetica, sans-serif;
    color: #2B3FAF;
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
}

.head {
    font-family: arial, helvetica, sans-serif;
    color: #2B3FAF;
    font-size: 20px;
}

.head2 {
    font-family: arial, helvetica, sans-serif;
    color: #2B3FAF;
    font-size: 16px;
}

a.t_nav:link {
    font-family: arial, helvetica, sans-serif;
    color: #2B3FAF;
    font-size: 15px;
    text-decoration: none;
    font-weight: bold;
}

a.t_nav:visited {
    font-family: arial, helvetica, sans-serif;
    color: #2B3FAF;
    font-size: 15px;
    text-decoration: none;
    font-weight: bold;
}

a.t_nav:hover {
    font-family: arial, helvetica, sans-serif;
    color: #900;
    font-size: 15px;
    text-decoration: none;
    font-weight: bold;
}

a.s_nav:link {
    font-family: arial, helvetica, sans-serif;
    color: #2B3FAF;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}

a.s_nav:visited {
    font-family: arial, helvetica, sans-serif;
    color: #2B3FAF;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}

a.s_nav:hover {
    font-family: arial, helvetica, sans-serif;
    color: #900;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}

a.s_nav2:link {
    font-family: arial, helvetica, sans-serif;
    color: #2B3FAF;
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
}

a.s_nav2:visited {
    font-family: arial, helvetica, sans-serif;
    color: #2B3FAF;
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
}

a.s_nav2:hover {
    font-family: arial, helvetica, sans-serif;
    color: #900;
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
}

a.head:link {
    font-family: arial, helvetica, sans-serif;
    color: #2B3FAF;
    font-size: 24px;
    text-decoration: none;
    font-weight: bold;
}

a.head:visited {
    font-family: arial, helvetica, sans-serif;
    color: #2B3FAF;
    font-size: 24px;
    text-decoration: none;
    font-weight: bold;
}

a.head:hover {
    font-family: arial, helvetica, sans-serif;
    color: #900;
    font-size: 24px;
    text-decoration: none;
    font-weight: bold;
}

a:link {
    font-family: arial, helvetica, sans-serif;
    color: #2B3FAF;
    text-decoration: none;
    font-weight: bold;
}

a:visited {
    font-family: arial, helvetica, sans-serif;
    color: #2B3FAF;
    text-decoration: none;
    font-weight: bold;
}

a:hover {
    font-family: arial, helvetica, sans-serif;
    color: #900;
    text-decoration: none;
    font-weight: bold;
}

a.link:link {
    font-family: arial, helvetica, sans-serif;
    color: #2B3FAF;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
}

a.link:visited {
    font-family: arial, helvetica, sans-serif;
    color: #2B3FAF;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
}

a.link:hover {
    font-family: arial, helvetica, sans-serif;
    color: #900;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
}

a.link2:link {
    font-family: arial, helvetica, sans-serif;
    color: white;
    font-size: 10px;
    text-decoration: none;
    font-weight: normal;
}

a.link2:visited {
    font-family: arial, helvetica, sans-serif;
    color: white;
    font-size: 10px;
    text-decoration: none;
    font-weight: normal;
}

a.link2:hover {
    font-family: arial, helvetica, sans-serif;
    color: #2B3FAF;
    font-size: 10px;
    text-decoration: none;
    font-weight: normal;
}

.body_form_fields {
    color: black;
    font-size: 10px;
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular
}

.qsfields {
    width: 145px;
    height: 17px;
    border-width: 1px;
    border-style: solid;
    border-color: #383838;
    color: #626262;
    font-size: 11px;
}

.storytitle {
    font-family: arial, helvetica, sans-serif;
    color: #2B3FAF;
    font-size: 24px;
    text-decoration: none;
    font-weight: bold;
}

.newshead {
    font-family: arial, helvetica, sans-serif;
    color: #000000;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

.news_cell {
    border-left-width: 1px;
    border-right-width: 1px;
    border-style: solid;
    border-color: #000000;
    padding: 10px;
}

.hnewstitle {
    font-weight: bold;
    font-style: italic;
    font-size: 18px;
}

.hnewsdate {
    font-style: italic;
    font-size: 11px;
    color: #000000;
    font-weight: normal;
    text-decoration: none;
}

.newslink {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
}

.storyauthor {
    font-family: arial, helvetica, sans-serif;
    color: #474747;
    font-size: 14px;
    text-decoration: italic;
    font-weight: normal;
}

.home_news_date {
    font-family: arial, helvetica, sans-serif;
    color: #474747;
    font-size: 12px;
    text-decoration: none;
    text-decoration: italic;
    font-weight: normal;
}

.storybody {
    font-family: arial, helvetica, sans-serif;
    color: #000000;
    font-size: 14px;
    text-decoration: none;
    font-weight: normal;
    text-indent: 20px;
    line-height: 21px;
}

.article_cell {
    border-width: 1px;
    border-color: #AF251C;
    border-style: solid;
    padding: 10px;
}

.hnewsteaser {
    font-family: arial, helvetica, sans-serif;
    text-decoration: none;
    line-height: 16px;
    font-size: 12px;
}

/*== Header Rules ==========================================================*/

#dmg_layout_header {
	background: #fff url(/images/layout/qsc.png) no-repeat top right;
	width: 620px;
}

td#dmg_layout_videolink {
	text-align: right;
	background: transparent;
}

#dmg_layout_phone {
	position: relative;
}
#dmg_layout_phone span {
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #900;
	text-transform:uppercase;
	font-size: 2.4em;
	font-weight:700;
}

/*== Home Finder Rules =======================================================*/

#dmg_layout_homefinder {
	background: #006;
	font-size: 1em;
	color: #eee;
	height: 32px;
}

#dmg_layout_hf_title {
	text-transform:uppercase;
	font-weight: 700;
	font-size: 1.4em;
}

#dmg_layout_hf_submit {
	background: #33d;
	border: 1px solid;
	color: #eee;
}

#dmg_layout_homefinder td {
	padding: 5px;
}

/*== Content Rules ==========================================================*/

#dmg_layout_content {
	background: #fff;
	padding: 20px;
	font-size: 1.6em;
}

font.head, span.head{
	font-weight: 700;
	font-family: serif;
}

#dmg_layout_fp_desc {
	padding: 5px;
}

#dmg_layout_fp_title {
	font-weight:700;
	color:#900;
	font-size:2em;
	text-transform:uppercase;
}
/*== Footer Rules ==========================================================*/

td#dmg_layout_address 	{
	background: #900;
}