/* CSS Document */

/****************************
AUTHOR: Heidi Weiland
DATE: June 2006
CONTACT: heidi@soundwebsolutions.net

NOTES: Styling for the layout of the pages.  Organized by the following manner: General Stylings, Stylings by Div Sections & Other Stylings
****************************/


/*
color:#330000; /*Dark Red */ /*
color:#003366; /* Dark Blue */



/******************************* GENERAL STYLINGS *************************/
* {
margin:0;
padding:0;
}
body {
background-image:url(../Images/BGGradient_03.jpg);
}
img {
border:0;
}
h1 {
margin-left:37px;
margin-left:75px;
margin-bottom:13px;
}
h2 {
margin-left:37px;
clear:both;
margin-left:75px;
margin-top:20px;
}
h3 {
	margin-top:20px;
margin-left:37px;
margin-left:75px;
clear:both;
}
h4 {
margin-left:37px;
margin-left:75px;
clear:both;
}
h5 {
margin-left:37px;
margin-left:75px;
clear:both;
}
p {
margin-left:37px;
margin-left:75px;
margin-bottom:12px;
}


table {
margin-left:75px;
margin-left:50px;
/*border:solid #999966 1px;*/
width:575px;
margin-bottom:25px;
}
td {
padding:5px 10px;
vertical-align:top;
}
td p, td h2, td h3, td h4, td h5 {
margin:0;
}
table.LineBottom {
	padding-bottom:20px;
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
}
table.LineTop {
	padding-top:20px;
	border-top:1px solid #CCC;
	margin-top:30px;
}


/****************************** STYLINGS BY DIV SECTION *********************/

#container {
position:relative;
background-color:white;
/*
background-image:url(../images/BGGuides_03.jpg);
*/
width:1000px;
height:100%;
margin:0px auto 15px auto;
}

#header {
position:relative;
height:199px;
width:1000px;
}
#header #Logo {
background-image:url(../Images/BGLogo_03.jpg);
background-position:left;
background-repeat:no-repeat;
position:absolute;
height:250px;
width:400px;
margin-top:-47px;
}
#header img {
position:absolute;
top:118px;
left:93px;
}
#header object {
float:right;
}
#header #myAlternativeContent img {
float:right;
top:0;
left:0;
position:relative;
}

#Content {
float:left;
width:1000px;
min-height:650px;
height:100%;
background-image:url(../Images/BGSecondaryInfo.gif);
background-position:right top;
background-repeat:repeat-y;
margin-top:-7px;
position:relative;
z-index:500;
}
#Content ul {
list-style:outside;
list-style-type:square;
font-size:.85em;
margin-left:90px;
margin-bottom:12px;
width:475px;
}

#MainContent {
width:725px;
width:680px;
float:left;
padding-top:40px;
background-color:white;
}
#MainContent img {
	max-width:250px;
	float:right;
}
#MainContent #SmallPhoto {
margin-top:-25px;
}
#MainContent p {
/*width:562px;*/
}

#MainContent #FlashAnimation {
	margin-top:-63px;
	margin-top:-51px;
}
#MainContent #AltContent img { /** alternate image for #FlashAnimation ***/
width:725px;
margin-top:-51px;
}

#NewsSection {
width:724px;
float:left;
background-image:url(../Images/NewsSection_02.jpg);
background-repeat:no-repeat;
padding-top:62px;
margin-top:10px;
padding-bottom:25px;
}
#MainContent .Column1 {
width:325px;
float:left;
/*margin-left:24px;*/
}
#MainContent .Column2 {
width:312px;
float:left;
/*margin-left:24px;*/
}
#NewsSection .Column2 {
	margin-top:20px;
}
#NewsSection p {
/*width:325px;*/
width:90%;
margin-left:38px;
}
#NewsSection h2 {
margin-left:62px;
margin-bottom:12px;
margin-top:0px;
}
#NewsSection h3 {
/*width:312px;*/
margin-left:38px;
margin-top:12px;
}
#NewsSection h5 {
/*width:312px;*/
margin-left:38px;
}
#NewsSection ul {
/*width:312px;*/
margin-left:53px;
}
#NewsSection img {
width:200px;
float:right;
margin-left:10px;
}

#SecondaryInfo {
width:275px;
float:right;
position:relative;
top:1px;
padding-bottom:25px;
}
#SecondaryInfo .Row {
background-image:url(../Images/BGSecondaryInfoCircles.png);
background-repeat:no-repeat;
background-position:right top;
width:250px;
margin-top:37px;
padding-top:20px;
}
#SecondaryInfo .RowNoBG {
width:250px;
margin-top:37px;
}

#SecondaryInfo p {
margin-left:25px;
width:225px;
}
#SecondaryInfo ul {
width:225px;
}
#SecondaryInfo h3 {
padding-top:25px;
margin-left:25px;
}
#SecondaryInfo ul {
margin-left:37px;
}
#SecondaryInfo h4 {
margin-left:25px;
}

/********************************* LAYOUT STYLING FOR FOOTER ****************/
#footer {
height:37px;
width:1000px;
background-image:url(../Images/NavOver_02.gif);
background-repeat:repeat-x;
position:relative;
clear:both;
}
#footer p {
padding-top:7px;
margin-left:13px;
}




/******************* OTHER STYLING ***************/
#credit {
width:300px;
float:right;
margin:-17px 0px 0px 0px;
font-style:italic;
}
#credit a:hover, #credit a:active {
text-decoration:underline;
}

p.ReadMore {
	margin-top:-5px;
	margin-bottom:30px;
}