@charset "UTF-8";
/* CSS Document */

/**** generic ****/
body {
background: #373227;
width: 100%;
height: 100%;
padding: 0 0 20px 0;
margin: 0;
}

.bground1 {
background: #373227 url(../images/generic/bground_body1.jpg) no-repeat center bottom;
}

.bground2 {
background: #373227 url(../images/generic/bground_body2.jpg) no-repeat center bottom;
}

.bground3 {
background: #373227 url(../images/generic/bground_body3.jpg) no-repeat center bottom;
}

.bground4 {
background: #373227 url(../images/generic/bground_body4.jpg) no-repeat center bottom;
}


#divWrapper {
width: 750px;
padding: 0;
margin: auto;
}

.clearing {
font-size: 0px;
padding: 0;
margin: 0;
clear: both;
}



/**** header ****/
#divHeader {
background: url(../images/generic/bground_header.gif) repeat-y left top;
width: 750px;
padding: 10px 0 0 0;
margin: 0;
}

#divHeader #divSectionImage {
width: 720px;
height: 240px;
padding: 0;
margin: auto;
}

#divHeader #divMainNavigation {
background: url(../images/generic/bground_mainNavigation.gif) no-repeat bottom left;
width: 750px;
height: 55px;
padding: 0;
margin: 0;
}



/**** content ****/
#divContent {
font-family: Georgia, "Times New Roman", Times, serif;
width: 720px;
padding: 10px 0 0 0;
margin: 20px auto 0 auto;
}

.bground {
background: url(../images/generic/bground_content.gif) repeat-y 500px top;
}


.divTitle {
padding: 0 0 20px 0;
margin: 0;
}

#divContent .leftColumn {
width: 100%;
padding: 0;
margin: 0 -180px 0 0;
float: left;
}

#divContent .rightColumn {
width: 180px;
padding: 0;
margin: 0;
float: right;
}



/**** home news content ****/
#divContent .divNews {
width: 720px;
padding: 0 0 0 0;
margin: 0;
}

#divContent .divNews .leftColumn {
width: 100%;
padding: 0;
margin: 0 -570px 0 0;
float: left;
}

#divContent .divNews .leftColumn .thumbnail {
padding: 0 0 20px 0;
margin: 0;
}

#divContent .divNews .rightColumn {
width: 570px;
padding: 0;
margin: 0;
float: right;
}



/**** content - profile ****/
#divContent #divContainerProfile {
width: 500px;
padding: 0 0 15px 0;
margin: 0;
}


#divContent #divContainerProfile .divProfile {
width: 485px;
padding: 0 0 5px 0;
margin: 0 0 0 15px;
}

#divContent #divContainerProfile .divProfile .leftColumn {
width: 100%;
padding: 0;
margin: 0 -345px 0 0;
float: left;
}

#divContent #divContainerProfile .divProfile .rightColumn {
width: 345px;
padding: 0;
margin: 0;
float: right;
}



/**** content - comment ****/
#divContent .divComment {
width: 490px;
padding: 0 0 25px 0;
margin: 0;
}

#divContent #divCommentField {
width: 500px;
padding: 0 0 15px 0;
margin: 0;
}

#divContent #divCommentField .divField {
width: 485px;
padding: 0 0 5px 0;
margin: 0 0 0 15px;
}

#divContent #divCommentField .divField .leftColumn {
width: 100%;
padding: 0;
margin: 0 -395px 0 0;
float: left;
}

#divContent #divCommentField .divField .rightColumn {
width: 395px;
padding: 0;
margin: 0;
float: right;
}



/**** photo gallery ****/
#divContent .divPhotoGallery {
width: 540px;
height: 85px;
padding: 0 0 20px 0;
margin: 0;
}

#divContent .divPhotoGallery .thumbnail {
width: 110px;
height: 85px;
padding: 0 20px 0 0;
margin: 0;
float: left;
}



/**** media gallery ****/
#divContent .divMediaGallery {
width: 500px;
padding: 0;
margin: 0;
}

#divContent .divMediaGallery .leftColumn {
width: 100%;
padding: 0;
margin: 0 -370px 0 0;
float: left;
}

#divContent .divMediaGallery .leftColumn .thumbnail {
padding: 0 0 20px 0;
margin: 0;
}

#divContent .divMediaGallery .rightColumn {
width: 370px;
padding: 0;
margin: 0;
float: right;
}