/* -------------------- */
/* Reset */
/* -------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, 
del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}

body{line-height:1.5}
a img{border:none}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}


/* -------------------- */
/* Grid */
/* -------------------- */
/* A container should group all your columns. */
.container{width:950px; margin:0 auto}

/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, 
div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24{float:left; margin-right:10px}

/* The last column in a row needs this class. */
.last, div.last{margin-right:0}

/* Use these classes to set the width of a column. */
.span-1{width:30px}
.span-2{width:70px}
.span-3{width:110px}
.span-4{width:150px}
.span-5{width:190px}
.span-6{width:230px}
.span-7{width:270px; margin-right:20px !important}
.span-8{width:310px}
.span-9{width:350px}
.span-10{width:390px}
.span-11{width:430px}
.span-12{width:470px}
.span-13{width:510px}
.span-14{width:550px}
.span-15{width:590px}
.span-16{width:630px}
.span-17{width:660px}
.span-18{width:710px}
.span-19{width:750px}
.span-20{width:790px}
.span-21{width:830px}
.span-22{width:870px}
.span-23{width:910px}
.span-24{width:950px; margin:0}

/* Border on right hand side of a column. */
.border{padding-right:4px; margin-right:5px; border-right:1px solid #eee}

/* Use a .box to create a padded box inside a column. */
.box{padding:1.5em; margin-bottom:1.5em; background:#E5ECF9}

/* Use this to create a horizontal ruler across a column. */
hr{background:#ddd; color:#ddd; clear:both; float:none; width:100%; height:.1em; margin:0 0 1.45em; border:none}

hr.space{background:#fff; color:#fff}

/* Clearing floats without extra markup [http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after, .container:after{content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden}
.clearfix, .container{display:block}

/* Regular clearing */
.clear{clear:both}

/* -------------------- */
/* Typography */
/* -------------------- */
/* Default font: % of 16px. (0.75 * 16px = 12px) */
body{font-size: 75%; color: #444;background: #e6f2ff;font-family: Georgia, "Helvetica Neue", Helvetica, Arial, sans-serif;}

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { color: #e28427; font-size: 2.5em; line-height: 1; margin-bottom: 0; }
h2 { color: #0673cc; font-size: 1.75em; line-height: 1; font-style: italic; margin-bottom: 0; }
h3 { color: #0673cc; font-size: 1.5em; line-height: 1; margin-bottom: 0; }
h4 { font-size: 1.5em;  line-height: 1; margin-bottom: 0; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #0673cc; }
a           { color: #0673cc; text-decoration: underline; }

blockquote{color:#575757; margin:22px 40px; padding:0 50px; background:transparent url(../../Image/User/blockquote.gif) no-repeat 0 0}
blockquote span{color:#575757; font-size:inherit}
strong{font-weight:bold; color:#000}
em, dfn{font-style:italic}

dfn{font-weight:bold}
sup, sub{line-height:0}

abbr, acronym{border-bottom:1px dotted #666}
address{margin:0 0 1.5em; font-style:italic}
del{color:#666}

pre{margin:1.5em 0; white-space:pre}
pre, code, tt{font:1em 'andale mono','lucida console',monospace; line-height:1.5}

li ul, li ol{margin:0 1.5em}
ul, ol{margin:0 1.5em 1.5em 1.5em}

ul{list-style-type:disc}
ol{list-style-type:decimal}

dl{margin:0 0 1.5em 0}
dl dt{font-weight:bold}
dd{margin-left:1.5em}

.small{font-size:.8em; margin-bottom:1.875em; line-height:1.875em}
.large{font-size:1.2em; line-height:2.5em; margin-bottom:1.25em}
.hide{display:none}
.quiet{color:#666}
.loud{color:#000}
.highlight{background:#ff0}
.added{background:#060; color:#fff}
.removed{background:#900; color:#fff}
.first{margin-left:0; padding-left:0}
.last{margin-right:0; padding-right:0}
.top{margin-top:0; padding-top:0}
.bottom{margin-bottom:0; padding-bottom:0}

/* -------------------- */
/* Buttons */
/* -------------------- */
a.redbtn:link, a.redbtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/red_button.gif'); border:1px solid #732b29}
a.redbtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/red_button_hover.gif')}
a.redbtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap}

a.greenbtn:link, a.greenbtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/green_button.gif'); border:1px solid #4c7329}
a.greenbtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/green_button_hover.gif')}
a.greenbtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap}

a.lgreenbtn:link, a.lgreenbtn:visited{font:bold 14px/29px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/green_button.gif'); border:1px solid #4c7329}
a.lgreenbtn:hover{font:bold 14px/29px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/green_button_hover.gif')}
a.lgreenbtn:active{font:bold 14px/29px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap}

a.bluebtn:link, a.bluebtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/blue_button.gif'); border:1px solid #369}
a.bluebtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/blue_button_hover.gif')}
a.bluebtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap}

a.yellowbtn:link, a.yellowbtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#000 !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/yellow_button.gif'); border:1px solid #73670a}
a.yellowbtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#000 !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/yellow_button_hover.gif')}
a.yellowbtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#000 !important; text-decoration:none; white-space:nowrap}

/* -------------------- */
/* Non-Framework */
/* -------------------- */

.logo {
	float: left;
	height: 101px;
	width: 262px;	
}

.primarylogo {
	float: left;
	height: 157px;
	width: 518px;	
}

.primaryintro {
	float: right;
	margin: 30px 15px 0 0px;
	width: 360px;
	text-align: right;
}

.intro {
	float: left;
	margin: 15px 0 0 398px;
	text-align: right;
}

.primaryheader 
{
	background-color: #fff;
	/*background: #fff url('../../Image/User/header.gif') no-repeat top left;*/
	height: 157px;
}

.header 
{
	background-color: #fff;
	/*background: #fff url('../../Image/User/header.gif') no-repeat top left;*/
	height: 101px;
}

.navigation {
	background: url('../../Image/User/navigation.gif') repeat-x top left;
	height: 32px;
}

.tellafriend 
{
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	background-color: #002d62;
}

.tellafriend a:focus, .tellafriend a:hover {
	color: #fff;
	text-decoration: underline;
}

.tellafriend a 
{
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.content 
{
	background-color: #fff;
	/*background: #fff url('../../Image/User/footer.gif') no-repeat bottom left;*/
}

.holder {
	background: #fff url('../../Image/User/content.gif') repeat-y top left;
}

.leftcontent {
	float: left;
	width: 371px;
}

.rightcontent {
	float: left;
	width: 546px;
}

.flash {
	width: 546px;
}

.flashImage {
	width: 546px;
	height: 205px;
}

.flashText 
{
	background: #fff url('../../Image/User/dgn_home_swoop.jpg') no-repeat top right;
	width: 546px;
}

.menu {
	background: #fff url('../../Image/User/menu.jpg') no-repeat top left;
	height: 205px;
	width: 371px;
}

.menu a:focus, .menu a:hover {
	color: #fff;
	text-decoration: underline;
}

.menu a {
	color: #fff;
	font-size: 18px;
	text-decoration: none;
}

.menu ul 
{
	color: #fff;
	left: 10px;
	line-height: 2.75;
	list-style-type: square;
	position: relative;
	top: 26px;
}

.newthisyear {
	background: url('../../Image/User/topcorner.gif') no-repeat top left;
	font-size: 18px;
	margin: 25px 0 25px 20px;
	width: 325px;
}

.bottom {
	background: url('../../Image/User/bottomcorner.gif') no-repeat bottom right;
	width: 325px;
}

.bottom ul {
	list-style-type: square;
}

.sponsor {
	margin-top: 15px;
	height: 35px;
}



.footer {
	color: #6b6a6a;
	text-align: center;
}

.secondarynav {
	float: left;
	width: 190px;
}

.secondarycontent
{
	float: left;
	width: 720px;
}

.footersecondary 
{
	background: url('../../Image/User/footersecondary.gif') no-repeat top left;
	height: 11px;
}

.req
{
	color: Red;
}

a.breakout:focus, 
a.breakout:hover     { color: #f1e9cb; }
a.breakout           { color: #f1e9cb; text-decoration: underline; }

/*
-------------------------------------------------------------------------------
HOLDER PAGE STUFF
-------------------------------------------------------------------------------
*/


div#containerHolder
{
    border:solid 10px #4281b0;
    background-color:#ffffff;
    margin-left:auto;
    margin-right:auto;
    width:700px;
    text-align:left;
    padding:20px 20px 20px 20px
}