/* ********************************************************************************************
 * 
 * S U T H E R L A N D S   D E S I G N   G A L L E R Y   P R I M A R Y   C S S   S H E E T
 * 
 * Last modified: 10/23/09 MAT 
 *
 **********************************************************************************************/

/*****************************************************
 * Design Gallery Section General Settings
 *****************************************************/

body {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	background-image:url(../../images/bg_grad.png); 
	background-repeat:repeat-x;
	background-color:#c4c5c7;
	list-style-image: url(../../images/arrowbullet.png);
	
}

.button {
border: 1px solid #BBBBBB;
padding:1px 6px 2px 6px;
background-image:url(../../images/css_btn_bg.png);

}
a:link {
	text-decoration: none;
	
}
a:visited {
	text-decoration: none;
	
	
}
a:hover {
	text-decoration: underline;
		
}
a:active {
	text-decoration: underline;
	color: #CC3300;
	
}

.page_wrap
{
	
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	text-align:left;
	}

/*****************************************************
 * Design Gallery Section Typefaces and Fonts
 *****************************************************/

.dg_body_text {
font-family: Tahoma, Century Gothic, Arial, Helvetica, Sans-serif;
color:#000000;
font-size : 12px;
display : block; 
letter-spacing:1px;
line-height:14px;
text-align : left;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 3px;
margin-top: 5px;
margin-bottom: 5px;
list-style-image: url(../../images/arrowbullet.png);

} 
.dg_body_text a:link,
.dg_body_text a:active {color:#822830;}
.dg_body_text a:visited,
.dg_body_text a:hover {color:#822830; }

.dg_pagename {
font-family: Georgia, "Times New Roman", Times, serif;
text-align:left;
font-size:30px;
font-weight:bold;
letter-spacing:3px;
color:#822830;
padding-top:10px;
padding-left:10px;

}

.dg_headline {
font-family:"Times New Roman", Times, serif;
font-size:25px;
line-height:25px;
letter-spacing:0px;
color:#000000;
padding-top:5px;
margin-bottom:5px;
}

.dg_feature_text {
font-family: "Times New Roman", Times, serif;
font-weight:bold;
font-size:18px;
line-height:25px;
padding-left:10px;
color:#7b2221;
padding-top:5px;
margin-bottom:5px;
}

.dg_fineprint {
font-family: Verdena, Century Gothic, Arial, Helvetica, Sans-serif;
font-size:10px;
color:#000000;
padding-top:2px;
margin-bottom:2px;
}

.dg_confirmtext {
font-family: Verdena, Century Gothic, Arial, Helvetica, Sans-serif;
font-size:13px;
font-weight:bold;
color:#009900;
padding-top:2px;
margin-bottom:2px;
}


table tr.dg_rowtitle td {
background-color:#822a31;
color:#FFFFFF;
font-weight:bold;
font-family: Tahoma, Century Gothic, Arial, Helvetica, Sans-serif;
letter-spacing:1px;
font-size : 12px;
letter-spacing:1px;
line-height:14px;
text-align : left;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 3px;



}

.dg_hint_box
{
	font-family: Verdena, Century Gothic, Arial, Helvetica, Sans-serif;
	font-size:10px;
	color:#000000;
	padding-top:2px;
	margin-bottom:2px;
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:10px;
	margin-bottom:4px;
	margin-top:0px;
	margin-left:0px;
	margin-right:3px;
	border-top: 1px solid #822830;
	border-bottom: 1px solid #822830;
	border-left: 1px solid #822830;
	border-right: 1px solid #822830;
	background:#FFFF99;
	
}


.dg_footer {
background-color:#822a31;
font-family: Century Gothic, Arial, Helvetica, Sans-serif;
font-size:15px;
color:#FFFFFF;
padding-top:2px;
padding-bottom:2px;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
text-align:center;
}

.dg_footer a:link {color:#FFFFFF;}
.dg_footer a:active {color:#FFFFFF;}
.dg_footer a:visited {color:#FFFFFF;}
.dg_footer a:hover {color:#FFFFFF;}


.dg_event_date {
font-family: Century Gothic, Arial, Helvetica, Sans-serif;
color:#000000;
font-size : 16px;
font-weight:bold;
text-align : left;
padding-bottom: 3px;

}

.box_500
{
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:10px;
	
	margin:4px;
	
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background:#FFFFFF;
	background-image:url(../../images/box_grad.png);
	background-repeat: repeat-x;
	
}

.white_box
{
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:10px;
	margin-bottom:4px;
	margin-top:0px;
	margin-left:0px;
	margin-right:3px;
	width: 400px;
	border-top: 1px solid #822830;
	border-bottom: 1px solid #822830;
	border-left: 1px solid #822830;
	border-right: 1px solid #822830;
	background:#FFFFFF;
	list-style-image: url(../../images/dg_bullet.png);
}
.white_box_title
{
	padding-left:5px;
	padding-right:5px;
	padding-top:6px;
	padding-bottom:6px;
	margin-top:10px;
	margin-left:0px;
	margin-right:3px;
	border-top: 1px solid #822830;
	border-bottom: 1px solid #822830;
	border-left: 1px solid #822830;
	border-right: 1px solid #822830;
	background:#822830;
	color:#FFFFFF;
	font-style:italic;
	text-align:left;
	letter-spacing:2px;
	width: 400px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}

/* Dotted Row Divider	*/
table tr.dottedrow td {
background:url(../../images/divider.gif) repeat-x bottom left;
padding-top:10px;
padding-bottom:10px;
background-color:#FFFFFF;

}

/*CSS for pop up hint box */

#hintbox{ 
position:absolute;
top: 0;
background-color: #FFFF99;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}