/* CSS Document */
html {
height : 100%;
}
body {
line-height : 110%;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 13px;
padding : 0;
margin : 0;
background-image: url (http://www.visual-artists-guild.org/VAG/Backgrounds/background01.jpg) fixed center repeat-x;
color : #222221;
background-color : #FFFFFF;
}
.clr {
clear : both;
}
#top_menu {
width : 100%;
height : 40px;
padding : 0px;
margin : 0px;
background-color : #fafafa;
background-image : url(../images/bg_pagenav.gif);
background-repeat : repeat-x;
}
#top_menu_inner {
width : 100%;
height : 40px;
padding : 0px;
margin : 0px;
background-color : #fafafa;
background-image : url(../images/bg_pagenav.gif);
background-repeat : repeat-x;
}
#banner {
float : right;
font-size : 11px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #555556;
padding-top : 20px;
padding-right: 70px;
}
#pathway {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
height : 24px;
color : #FFFFFF;
margin-bottom : 4px;
margin-left : 5px;
margin-right : 5px;
margin-top : 15px;
background-color : #f0f0f0;
background-image : url(../images/pathway.gif);
background-repeat : repeat-x;
border : 1px solid #d0d0d0;
line-height : 24px !important;
line-height : 22px;
overflow : hidden;
}
#pathway_text {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
overflow : hidden;
display : block;
height : 24px;
line-height : 24px !important;
line-height : 22px;
color : #FFFFFF;
float : left;
padding-left : 10px;
}
#pathway a {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
overflow : hidden;
display : block;
height : 24px;
line-height : 24px !important;
line-height : 22px;
color : #FFFFFF;
float : left;
}
#pathway_text img {
margin-left : 10px;
}
#buttons {
float : left;
margin : 2px;
padding : 2px;
width : auto;
}
ul#mainlevel-nav {
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
padding-top: 9px;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
}
ul#mainlevel-nav li {
display: inline;
background-image: none;
}
ul#mainlevel-nav li a {
text-decoration: underline;
color: #FFFFFF;
padding: 15px;
font-size:12px;
font-weight: bolder;
}
#buttons > ul#mainlevel-nav li a {
width : auto;
}
ul#mainlevel-nav li a:hover {
text-decoration: underline;
}
#search_inner_form {
padding : 2px;
margin : 2px;
float : right;
width : 180px;
height : 24px;
margin-top : 8px;
margin-right : 5px;
}
#search_inner {
padding : 2px;
margin : 2px;
color : #555556;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
float : right;
width : 180px;
height : 24px;
padding-right : 25px;
}
#head {
float : left;
width : 100%;
padding : 0;
margin : 0;
height : 40px;
overflow : hidden;
background-image : url(../images/top_one.gif);
background-repeat : repeat-x;
}
#header {
height : 100px;
float : left;
width : 100%;
padding : 0px;
margin : 0px;
background-color : #F6F6F6;
background-image : url(../images/bg_pagebg.gif);
}
#content_outer {
width : 100%;
color : #222221;
padding : 0;
background-repeat : repeat-x;
background-image : url(../images/bg.gif);
background-color: #FFFFFF;
}
#main_content {
float : none !important;
float : none;
padding : 0;
margin-left : 5px;
margin-right : 5px;
}
table.content_table {
float : none;
width : 90%;
margin-top : 10px;
}
.content {
color : #222221;
margin-bottom : 10px;
}
#left {
background-image : url(../images/left.png);
background-repeat : repeat-y;
width : 232px;
float : left;
height : 100%;
}
#left_outer {
float : left;
width : 180px;
margin-bottom : 20px;
margin-top : 10px;
}
#left_inner {
float : none !important;
float : left;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
padding : 5px;
}
#left_inner_float {
width : 180px;
}
#right {
background-image : url(../images/right.png);
background-repeat : repeat-y;
width : 232px;
float : right;
height : 100%;
}
#right_outer {
float : left;
width : 180px;
margin-bottom : 20px;
margin-top : 10px;
}
#right_inner {
float : none !important;
float : left;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
padding : 5px;
}
#right_inner_float {
width : 180px;
}
.user1_inner {
float : none !important;
float : left;
padding : 2px;
}
#user1_outer {
float : none !important;
float : left;
margin : 5px;
padding : 2px;
}
.user2_inner {
float : none !important;
float : left;
padding : 2px;
}
#user2_outer {
float : none !important;
float : left;
margin : 5px;
padding : 2px;
}
ul {
margin : 2px;
padding : 2px;
list-style : none;
}
li {
text-align : left;
line-height : 14px;
padding-left : 18px;
background-image : url(../images/arrow_hover.gif);
background-repeat : no-repeat;
background-position : 0 2px;
}
li:hover {
text-align : left;
line-height : 14px;
padding-left : 18px;
background-position : 0 2px;
background-image : url(../images/arrow.gif);
background-repeat : no-repeat;
}
td {
text-align : left;
font-size : 12px; //was 11
}
a:link, a:visited {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #222221;
text-decoration : underline;
}
a:hover {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #000000;
text-decoration : underline;
}
table.contentpaneopen {
width : 99%;
padding : 2px;
margin : 2px;
}
table.contentpane {
width : 99%;
padding : 6px;
margin : 6px;
}
table.searchinto {
width : 100%;
}
table.moduletable {
width : 100%;
margin : 0;
padding : 2px;
}
div.moduletable {
padding : 0;
padding-bottom : 10px;
}
table.moduletable th, div.moduletable h3 {
background-image : url(../images/h3.gif);
background-repeat : no-repeat;
border : 1px solid #d0d0d0;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #FFFFFF;
font-weight : normal;
height : 24px;
line-height : 24px;
font-size : 12px;
margin : 0;
padding : 0;
padding-left : 10px;
margin-bottom : 2px;
}
table.moduletable td {
font-size : 11px;
padding : 2px;
margin : 0;
font-weight : normal;
}
table.pollstableborder td {
padding : 4px;
margin : 4px;
}
table.contenttoc {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
border : 1px solid #ebebeb;
padding : 2px;
margin : 2px;
}
table.contenttoc td {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
padding : 4px;
margin : 4px;
}
table.contenttoc th {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
background-image : url(../images/h3.gif);
background-repeat : repeat-x;
color : #FFFFFF;
text-align : left;
padding-left : 4px;
height : 22px;
text-transform : uppercase;
}
a.mainlevel:link, a.mainlevel:visited {
background-image : url(../images/menu_bg.gif);
background-repeat : no-repeat;
font-family : Verdana, Arial, Helvetica, sans-serif;
display : block;
vertical-align : middle;
font-size : 11px;
color : #222221;
text-align : left;
padding-top : 5px;
padding-left : 10px;
height : 22px !important;
height : 25px;
text-decoration : none;
}
a.mainlevel:hover {
font-family : Verdana, Arial, Helvetica, sans-serif;
background-position : 0 -25px;
text-decoration : none;
height : 22px !important;
height : 25px;
font-size : 11px;
text-align : left;
padding-left : 10px;
padding-top : 5px;
}
a.mainlevel#active_menu {
background-image : url(../images/menu_bg_ac.gif);
background-repeat : no-repeat;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
height : 22px !important;
height : 25px;
text-decoration : none;
text-align : left;
padding-top : 5px;
padding-left : 10px;
}
a.mainlevel#active_menu:hover {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #777777;
padding-left : 10px;
}
a.sublevel:link, a.sublevel:visited {
font-family : Verdana, Arial, Helvetica, sans-serif;
padding-left : 10px;
vertical-align : middle;
font-size : 10px;
color : #222221;
text-align : left;
height : 20px !important;
height : 25px;
text-decoration : none;
margin : 4px;
}
a.sublevel:hover {
color : #222221;
text-decoration : none;
}
a.sublevel#active_menu {
color : #222221;
}
a.sublevel#active_menu:hover {
color : #222221;
text-decoration : line-through;
}
#copy {
background-color : #fafafa;
height : 65px;
width : 100%;
font-size : 11px;
background-image : url(../images/footer.gif);
background-repeat : repeat-x;
}
#copy_inner {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #FFFFFF;
padding : 6px;
font-size : 11px;
padding-top : 20px;
}
.copy_inner a:link {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #FFFFFF;
font-size : 11px;
text-decoration: underline;
}
.copy_inner a:visited {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #FFFFFF;
font-size : 11px;
text-decoration: underline;
}
.copy_inner a:hover {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #FFFFFF;
font-size : 11px;
text-decoration: underline;
}
.componentheading {
background-image : url(../images/compo_head.png);
background-repeat : no-repeat;
height : 20px;
line-height : 20px;
color : #555556;
border-bottom : 1px solid #c8c8c8;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
white-space : nowrap;
padding-left : 30px;
margin : 4px;
padding-top : 6px;
}
.contentcolumn {
height : 20px;
color : #555556;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
white-space : nowrap;
padding-left : 5px;
margin : 4px;
padding-top : 4px;
}
.contentheading {
background-image : url(../images/content_head.png);
background-repeat : no-repeat;
height : 20px;
color : #555556;
border-bottom : 1px solid #c8c8c8;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
white-space : nowrap;
padding-left : 25px;
margin : 4px;
padding-top : 4px;
}
.contentpagetitle {
height : 20px;
color : #555556;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
white-space : nowrap;
padding-left : 5px;
margin : 4px;
padding-top : 4px;
}
.back_button {
background-image : url(../images/button_bg.png);
font-family : Verdana, Arial, Helvetica, sans-serif;
float : left;
text-align : center;
font-size : 11px;
border : 3px double #ebebeb;
margin : 4px;
margin-left : 10px;
color : #222221;
padding : 2px;
}
.back_button a:link {
text-decoration : none;
color : #222221;
}
.back_button a:visited {
text-decoration : none;
color : #222221;
}
.back_button a:hover {
text-decoration : none;
color : #777777;
}
.pagenav {
font-family : Arial, Helvetica, sans-serif;
text-align : center;
font-size : 10px;
border : 3px double #ebebeb;
width : auto;
padding : 0 8px;
line-height : 14px;
margin : 1px;
color : #222221;
background-image : url(../images/button_bg.png);
}
.pagenavbar {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
margin-right : 10px;
float : left;
}
.pagenav a:hover {
color : #777777;
text-decoration : none;
}
.blog_more {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
margin-left : 4px;
}
.button {
color : #565656;
background-image : url(../images/button_bg.png);
font-family : Verdana, Arial, Helvetica, sans-serif;
text-align : center;
font-size : 11px;
border : 3px double #ebebeb;
width : auto;
padding : 0 5px;
height : 20px;
margin : 4px;
}
.button:hover {
color : #777777;
}
.inputbox {
padding : 2px;
margin : 2px;
border : 1px solid #D8D8D8;
background-color : #f0f0f0;
color : #222221;
}
.sectiontableheader {
border-bottom : 1px dashed #ebebeb;
color : #555556;
background-color : #f8f8f8;
text-align : left;
text-transform : none;
margin : 0;
padding : 2px;
padding-right : 8px;
}
.sectiontablefooter {
color : #8f8f8f;
padding : 2px;
margin : 0;
text-align : left;
text-transform : none;
}
.sectiontableentry1 {
background-color : #fafafa;
text-align : left;
}
.sectiontableentry2 {
background-color : #f8f8f8;
text-align : left;
}
.readon {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #993333;
font-size : 13px;
}
a.readon:link {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #555556;
font-size : 13px;
}
a.readon:visited {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 13px;
}
a.readon:hover {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #010101;
font-size : 13px;
text-decoration : underline;
}
.pagenav_next {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
color : #555556;
font-size : 11px;
text-decoration : none;
}
.pagenav_next a:hover {
color : #010101;
text-decoration : none;
}
.pagenav_prev {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : normal;
color : #555556;
font-size : 11px;
text-decoration : none;
}
.pagenav_prev a:hover {
color : #010101;
text-decoration : none;
}
.buttonheading {
color : #ffffff;
font-size : 10px;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
border-bottom : 1px solid #c8c8c8;
}
.buttonheading a:hover {
text-decoration : none;
text-decoration : none;
}
.mostread a:hover {
color : #777777;
text-decoration : none;
}
.mostread:visited {
color : #222221;
text-decoration : none;
}
.mostread:link {
color : #222221;
text-decoration : none;
}
.latestnews a:hover {
color : #777777;
text-decoration : none;
}
.latestnews:visited {
color : #222221;
text-decoration : none;
}
.latestnews:link {
color : #222221;
text-decoration : none;
}
.error {
font-style : italic;
text-transform : uppercase;
padding : 5px;
color : #efefef;
font-size : 12px;
}
.contact_email {
padding : 4px;
margin : 4px;
}
.small {
font-family : Arial, Helvetica, sans-serif;
color : #777777;
font-size : 9px;
}
.smallako {
font-family : Arial, Helvetica, sans-serif;
color : #777777;
font-size : 9px;
}
.createdate {
font-family : Arial, Helvetica, sans-serif;
font-size : 9px;
color : #777777;
}
.modifydate {
font-family : Arial, Helvetica, sans-serif;
color : #777777;
font-size : 9px;
}
.highlight {
background-color : #777777;
color : blue;
padding : 0;
}
.code {
background-color : #ddd;
border : 1px solid #bbb;
}
form {
margin : 0;
padding : 0;
}
div.mosimage {
border : 2px solid #ebebeb;
background-color : #f8f8f8;
}
.mosimage {
margin : 0;
background-color : #f8f8f8;
}
.mosimage_caption {
margin-top : 0;
background-color : #f8f8f8;
padding : 0;
color : #8f8f8f;
font-size : 10px;
}
.maintitle {
font-size: 30px;
float: left;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #222221;
font-weight: bold;
padding-left: 25px;
padding-top: 20px;
letter-spacing: normal;
padding-bottom: 0px;
}
.copy_design {
height:0px;
visibility: hidden;
}
table.moduletable-go {
width : 100%;
margin : 0;
padding : 2px;
}
li.mod_comments {
text-align : right;
line-height : 14px;
padding-left : 25px;
padding-right : 5px;
background-image : url(https://visualartistsguild.info/VAG/main/images/stories/flowerxs.gif);
background-repeat : no-repeat;
background-position : 0 2px;
}
li.mod_comments:hover {
text-align : right;
line-height : 14px;
padding-left : 25px;
padding-right : 5px;
background-image : url(https://visualartistsguild.info/VAG/main/images/stories/flowerxs.gif);
background-repeat : no-repeat;
background-position : 0 2px;
}