/* nvsmallscreen.css */

/* Style sheet for narrower screens */
#wrapper {
/* Set your own widths, % for fluid, px for fixed */
 width: 100%;
 min-width: 320px;
 max-width: 780px; 
/* Vertical margins, and auto to center */
 margin: 0 auto;
}

/* Sample styles for 3-column layout */
/* Section containing multiple columns */
.columns {
 display: block;
 width: 100%;
}

/* Aside columns in columns div */
.columns aside {
 display: block; 
/* Use any width and padding you like */
 width: 100%;
 padding: 1%;
}
/* Main article in the columns */
.columns article {
display: block;
/* Use any width and padding you like */
 width: 100%;
 padding: 1%;
}

/* Sample styles for 3-column layout */
.columns {
 display: block;
 width: 100%; 
}

/* Columns in columns div */
.columns left {
 display: block; 
/* Use any width and padding you like */
 width: 100%;
 padding: 1%;
}

.columns center {
display: block;
/* Use any width and padding you like */
 width: 100%;
 padding: 1%;
}

.columns right {
display: block;
/* Use any width and padding you like */
 width: 100%;
 padding: 1%;
}



/* Sample styles for 3-column layout */
/* Section containing multiple columns */
.columnstitle {
 display: block;
 width: 100%;
 margin: 0 auto; 
}

/* Columns in columns div */
.columnstitle left {
 display: block; 
/* Use any width and padding you like */
 width: 100%;
 padding: 1%;
}

.columnstitle center {
display: block;
/* Use any width and padding you like */
 width: 100%;
 padding: 1%;
}

.columnstitle right {
display: block;
/* Use any width and padding you like */
 width: 100%;
 padding: 1%;
}


/* Sample styles for 3-column layout */
/* Section containing multiple columns */
.columnsc {
 display: block;
 width: 100%;
 margin: 0 auto; 
}

/* Columns in columns div */
.columnsc left {
 display: block; 
/* Use any width and padding you like */
 width: 100%;
 padding: 1%;
}

.columnsc center {
display: block;
/* Use any width and padding you like */
 width: 100%;
 padding: 1%;
}

.columnsc right {
display: block;
/* Use any width and padding you like */
 width: 100%;
 padding: 1%;
}


/* Sample styles for 3-column layout */
/* Section containing multiple columns */
.columnsabout {
 display: block;
 width: 100%;
}

/* Columns in columns div */
.columnsabout left {
 display: block; 
/* Use any width and padding you like */
 width: 100%;
 padding: 1%;
}

.columnsabout center {
display: block;
/* Use any width and padding you like */
 width: 100%;
 padding: 1%;
}

.columnsabout right {
 display: block; 
/* Use any width and padding you like */
 width: 100%;
 padding: 1%;
}



/* Sample styles for 2-column layout */
.columnstwo {
 display: block;
 width: 100%;
}

/* Columns in columns div */
.columnstwo left { 
display: block;
/* Use any width and padding you like */
width: 100%;
padding: 1%;
}

.columnstwo right { 
display: block;
/* Use any width and padding you like */
width: 100%;
padding: 1%;
}



/* Sample styles for 2-column layout */
.columnsart {
 display: block;
 width: 100%;
}

/* Aside Columns in columns div */
.columnsart aside { 
display: block;
/* Use any width and padding you like */
width: 100%;
padding: 1%;
}



/* Sample styles for 3-column layout */
/* Section containing multiple columns */
.columnsfooter {
 display: block;
 width: 100%;
}

/* Columns in columns div */
.columnsfooter left {
 display: block; 
/* Use any width and padding you like */
 width: 100%;
 padding: 1%;
}

.columnsfooter center {
display: block;
/* Use any width and padding you like */
 width: 100%;
 padding: 1%;
}

.columnsfooter right {
 display: block; 
/* Use any width and padding you like */
 width: 100%;
 padding: 1%;
}