/* HTML Tag Redefinition */
:focus 
{
    outline: 0;
}

html
{
    width: 100%;
    font: normal 100% Courier New, serif;
    /* margin: 10px 10px 10px 10px; */ 
    /* customize_background */ background-color: #eeeeee; /* customize_background */
}

body
{
    width: 100%;
    /* customize_body_central_foreground */ font: normal normal 13px Courier New, serif; /* customize_body_central_foreground */
    /* customize_body_central_foreground */ color:#333333 /* customize_body_central_foreground */
}

div.clear 
{
    clear: both; 
}

img 
{
	border: 0px
}

a 
{ 
	cursor:pointer 
}

#wallpaper
{
    background: url(../../../../themes/VuPop2/images/vupop2-books-only-cropped.jpg) repeat-y center top scroll;
    background-size: 100% auto;    
    width: auto;
    margin: 0em 1em 2em 1em;
    height: auto;
}

#page 
{
    width: auto;
    margin: 0em 6em 2em 6em;
    height: auto;
}

#page #sidebar
{
    width: 21em;
    float: left;
    display: block;
    background-color: transparent;
}
#page #sidebar #focus 
{
    width: auto;
    margin: 1em 1em 1em 1em;
}
#page #right 
{
    width: 74.9em;
    float: right;
    padding-left: 1em;
    padding-right: 1em;
    background-color: transparent;
    border-left: 1px solid #999;
}
#page.oneline .sidebar-right 
{
    background-color: transparent;
}
#page #center 
{
    width: 68.49132176235%;
    float: left;
    padding-right: 1.5em;
    border-right: 1px solid #999;
}
#page #center.border 
{
    border-right: 1px solid #999;  
}
#page #breadcrumb 
{
    font-size: 1em;
    color: #CCC;
    background-color: #FFF;
    width: 74.489795918367%; /* 730px/980px */
    margin: 0;
    padding: 1.020408163265%; /* 10px/980px */
}
#page #breadcrumb a 
{
    color: #94b6d1;
    text-decoration: none;
}
#page #breadcrumb a:hover 
{
    color: #94b6d1;
    text-decoration: underline;
}

#headerspace 
{
    height: 80px; 
    width: auto;
    position: relative;
    display: block;
    margin: 20px 60px 20px 60px;
}

#header 
{
    width: 650px;
    margin: 20px auto;
    height: 220px; 
    padding: .5em 0 .5em 0;
    position: relative;
    display: block;
    border: 4px solid #333333;
    background-color: rgba(236, 236, 236, 0.75);
}

#header #logo 
{
    width: 75%;
    display: block;
    float: left;
    overflow: hidden;
    padding-left: 1.020408163265%;
    padding-right: 1.020408163265%;
    height: 100%;
}
#header #logo h1.nologo a
{
    font-family: Courier New, serif;
    font-size: 58px;
    text-transform: uppercase;
    text-decoration: none;
    color: white;
    overflow: hidden;
    letter-spacing: 0.0em;
    zoom:1;
}

#header #logo h1.logo a 
{
    text-indent: -9000px;
    display: block;
    width: 100%;
    height: 6.5em;
}

#header ul.nav-header 
{
	list-style:none;
	margin:0px;
	float: right; 
	padding:0px;
	z-index:2;
	overflow:visible;
}

#header ul.nav-header li 
{
	float: left;
	padding:2px 0px;
	margin-left:24px;
	margin-bottom: 0px;
	color:#ffffff;
	/* customize_navigation_foreground */ font: normal bold 14px Courier New, serif; /* customize_navigation_foreground */
	letter-spacing:1.5px;
	text-decoration:none;
	margin-top:0px
}

#header ul.nav-header li a, #header ul.nav-header li a:hover 
{
	text-decoration:none;
	/* customize_navigation_foreground */ color:#ffffff  /* customize_navigation_foreground */
}

#header ul.nav-header li.nav-selected 
{
	font-weight:bold;
}

#header #header-area 
{
	height: 200px;
	width: auto;
    position: relative;
    display: block;
    border: 0;
}

#homeHeader 
{
	min-height:100%;
}

#homeHeader, #page #pageHeader 
{
	margin:15px 0px 15px 0px;
	padding:0;
	position:relative;
}

#page #central 
{
	clear:both;
	height: auto; 
    	margin: 0 80 0 80;
    	position: relative;
    	display: block;
	padding-bottom:30px; /* for footer */
}

#page.no-sidebar 
{
	background-image: none !important;
}

/* body & sidebar */

#page #central #body 
{
	display: inline;
        text-align: center;
        position: relative;
	float:left;
	height: auto;
	/* customize_body_central_background */ background-color: rgba(236, 236, 236, 0.9); /* customize_body_central_background */
}

#page #central #sidebar 
{
	
	float:right;
	width:162px;
	/* customize_body_sidebar_background */ background-color: rgba(236, 236, 236, 0.9); /* customize_body_sidebar_background */
	margin:15px 5px 30px 5px;
}

#page.sidebar-left #central #sidebar 
{
	float:left;
	width:200px !important; /*moz width*/
        width:230px; /*IE width*/
}

#page.sidebar-right #central #sidebar 
{
	float:left;
	width:200px !important; /*moz width*/
	width:230px; /*IE width*/
}

#page.sidebar-left #central #body 
{
	float:left;
	width:590px !important; /*moz width*/
        width:620px; /*IE width*/
	margin:15px 30px 30px 5px;
}

#page.sidebar-right #central #body
{
	float:middle;
	width:590px !important; /*moz width*/
        width:620px; /*IE width*/
	margin:15px 5px 30px 30px;
}

#page.split #central #sidebar 
{
	display: inline;
	float:left;
	text-align: center;
	position: relative;
	width:64% !important; /*moz width*/
        width:58%; /*IE width*/
    margin-right: 0px; 
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#page.split #central #body 
{
	display: inline;
	float:left;
	text-align: center;
	position: relative;
	width:33% !important; /*moz width*/
        width:27%; /*IE width*/
	margin-right: 0px; 
	margin-left: 0px;
	margin-top: 10px;
    margin-bottom: 10px;
}

.percent_spacer
{
	display: inline;
	float:left;
	text-align: center;
	position: relative;
	width:2% !important; /*moz width*/
        width:2%; /*IE width*/
}

#page.no-sidebar #body 
{
	align: center;
	display: inline;
	position: relative;
	float:left;
	text-align: center;
	width:100% !important; /*moz width*/
	width:80%;
	max-width:100%;
	margin-right: 0px; 
	margin-left: 0px;
	margin-top: 10px;
        margin-bottom: 10px;
}

#page #central #sidebar p 
{
	line-height:24px
}

#page #central #sidebar ul.nav 
{
	list-style:none;
	margin-left:0px;
	padding:0px;
	padding-left:0;
	font-size:11px;
}

#page #sidebar 
{
	/* customize_body_sidebar_foreground */ font: normal normal 13px Courier New, serif; /* customize_body_sidebar_foreground */ 
	/* customize_body_sidebar_foreground */ font-color: #333333 /* customize_body_sidebar_foreground */
}

#page #central #sidebar ul.nav li 
{
	margin-bottom:10px;
}

#page #central #sidebar ul.nav a 
{
	text-decoration:none;
	color:#69ab2b
}

#page #central #sidebar ul.nav a.nav-selected 
{
	font-weight: bold
}

#page #central #sidebar ul.nav a:hover 
{
	text-decoration:underline
}

#page #central #sidebar ul.nav ul 
{
	list-style:none;
	margin-left:5px;
	padding:0px;
	margin-top:10px;
}

#page #central #sidebar ul.nav ul li 
{
	padding-left: 5px;
	margin: 0;
	border-left: 1px solid #69ab2b;
}

#page #central #sidebar ul.nav ul li ul li 
{
	list-style:square inside;
	padding-left:0;
}

#page #central #sidebar ul.nav ul li ul li 
{
	border:none;
}

#footer 
{
	height:40px;
	line-height:30px;
	clear:both;
	/* customize_footer_foreground */ font: normal bold 16px Courier New, serif; /* customize_footer_foreground */
	/* customize_footer_foreground */ color:#111111; /* customize_footer_foreground */
	text-align:center;
	padding:10px 0 0px 0;
	position:relative;
	bottom:0;
	width:100%
}


#footer a 
{
	/* customize_footer_foreground */ color:#0066CC; /* customize_footer_foreground */
	text-decoration:none;
}

#footer a:hover { /* customize_footer_foreground_hover */ color:#50AAB5 /* customize_footer_foreground_hover */ } 

span.sign-in 
{
	margin-left: 20px
}

#footer span.powered-by { float:right; margin-right:20px;}


/* MISC STYLES & SHORTCUTS */
div.code 
{
	border: 1px solid #ddd;
	background: #eee;
	padding: 10px
}
div.spacer, div.ccm-spacer 
{
	clear:both;
	font-size:1px;
	line-height:1px
}
.noTopSpace 
{
	margin-top:0px;
	padding-top:0px
}

#page #central table 
{
    width: 100%;
}

#page #central table.zebra 
{
    border-collapse: collapse;
    border: 2px solid #333;
    margin-left:7%; 
    margin-right:7%;
    width: 90%;
}
#page #central  table.zebra td 
{
    border-bottom: 2px solid #333;
    border-left: 2px solid #333;
    padding: 0.3em 1em;
    text-align: left;
}
#page #central  table.zebra th 
{
    border-bottom: 2px solid #333;
    border-left: 2px solid #333;
    font-weight: normal;
    text-align: center;
    width: 20%;
    background: none repeat scroll 0 0 #E5ECDB;
}
#page #central  table.zebra td.even
{
    background: none repeat scroll 0 0 #E5EFF8;
}

#footer 
{
	/* background:url(/themes/VuPop2/images/footer_vustuff.jpg) repeat-x; */
}
/* customize_miscellaneous */

ul.nav
{
     color: #111111; 
     font-family: Courier New, serif; 
     font-size: 32px; 
     text-align: left;
     list-style: none;
     font-weight: bold;
}

.nav a { color: #354e68 }
.nav a:hover { color:#50AAB5 }

.formBlockSurveyTable { text-align: left; font-size: 18px; }

img {border: 0px}
a { /* customize_body_link */ color: #324d36 /* customize_body_link */}
a:hover { /* customize_body_link_hover */ color:#50AAB5 /* customize_body_link_hover */ } 
#page #central #sidebar a { /* customize_sidebar_link */ color: #0066cc /* customize_sidebar_link */}
#page #central #sidebar a:hover { /* customize_sidebar_link_hover */ color:#50AAB5 /* customize_sidebar_link_hover */ } 


h1,h2,h3,h4,h5{  margin:0px 0px 4px 0px; padding:4px 0px; margin-top:8px }
h1{ font-size:200%; line-height:28px font-family: Courier New, serif; font-weight:normal; margin: .65em 0;}
h2{ font-size:150%; line-height:24px font-family: Courier New, serif; font-weight:normal; margin: .5em 0;}
h3{ font-size:130%; line-height:21px font-family: Courier New, serif; font-weight:normal; margin: .5em 0;}
h4{ font-size:100%; line-height:18px font-family: Courier New, serif; font-weight:normal; margin: .5em 0;}
h5{ font-size:80%;  line-height:16px font-family: Courier New, serif; font-weight:normal; margin: .35em 0;}
p{ padding:0px 0px 0px 0px; 0px 0px 16px 0px}