/* -- CSS - Steff Eiter 2008 -- */

body {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-size: 62.5%;
}

img {
    border: none;
}

#wrapper {
    margin: 0 auto;
    width: 970px;
    padding: 0;
    text-align: left;  
}

#header {
    margin: 0;
    background: transparent url(../images/section-border.gif) 0 0 repeat-y;
}

#header h1 {
    margin: 0;
    text-indent: -9999px;
    height: 100px;
    background: transparent url(../images/header-logo2.gif) 160px 15px no-repeat;
}

#header a:link, #header a:visited {
    cursor: pointer;    
}

#wrapper2 {
    margin: 0;
    padding: 0;
    text-align: left;
    background: #001d4a url(../images/body-bg.gif) 0 0 repeat-x;
}

#wrapper3 {
    margin: 0;
    padding: 0;
    text-align: left;
    background: transparent url(../images/section-border.gif) center 0 repeat-y;
}


#content {
    background: #001d4a url(../images/home-content-bg.gif) 0 0 no-repeat;
    min-height: 515px;
    margin: 0 auto;
    width: 970px;
}


#content2 {
    background: transparent url(../images/section-border.gif) 0 0 repeat-y;
    min-height: 515px;
    margin: 0 auto;
    width: 970px;
    padding: 0;
}



#nav {
    margin: 0 4px 0 0;
    padding: 0;
    width: 180px;
    float: right;
    color: #fff;
    background-color: #003d76;
}

#nav input {
    margin-bottom: 5px;
    color: #666;
}

#nav input.go {
    margin: 0 0 0 10px;
}

#nav h2 {
    font-size: 1.3em;
    margin: 10px 0;
}

#nav h2.register {
    background: #002d60 url(../images/register-btn.gif) 0 0 repeat-x;
    border: 1px solid #4d6c90;
}

#nav h2.register a:link, #nav h2.register a:visited {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 3px;
}

#nav h3 {
    font-size: 1.1em;
    margin: 5px 0;
}

#nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#nav li {
    border-bottom: 1px solid #336491;
}

#nav li.active {
    color: #fff;
    background-color: #336491;
}

#nav li a:link, #nav li a:visited {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 3px;
    line-height: 1.5em;
}

#nav li a:hover {
    color: #fff;
    background-color: #336491;
}

#nav a:link, #nav a:visited {
    color: #f90;
    text-decoration: none;
    display: block;
}

#nav a:hover {
    color: #fff;
    text-decoration: underline;
}


/* -- issue specific content begins here -- */

#contentIssue {
    background: #001d4a url(../images/home-content-bg.gif) 0 0 no-repeat;
    height: 100px;
    margin: 0 auto;
    width: 960px;
    padding: 0;
    color: #fff;
    text-align: center;
}

#contentIssue h2 {
    padding: 0;
    margin: 0;
    font-size: 2.5em;
    line-height:2.5em;
    text-align: center;
}

#contentIssue h2 a:link, #contentIssue h2 a:visited {
color:#FFFFFF;
display:block;
text-decoration:none;
}

#contentIssue p {
    padding: 0;
    margin: 0;
    font-size: 1.4em;
    font-weight: bold;
}

#sectionNav {
    padding: 8px 0 5px 0;
    margin: 0 5px 10px 5px;
    background: #002d60 url(../images/register-btn.gif) 0 0 repeat-x;
    height: 2em;
}

#sectionNav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#sectionNav  li {
    margin: 0;
    padding: 0;
    display: inline;
    height: 30px;
    border-right: 1px solid #2d6aaa;
}

#sectionNav a:link, #sectionNav a:visited {
    margin: 0;
    padding: 0 28px;
    font-size:1.2em;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

#sectionNav a:hover {
    color: #f90;
}

div.moduletableViewIssue {
    display: none;
}


#contentMain {
    position: relative;
    margin: 0 10px 0 220px;
    width: 730px;   
}

#contentMain h2.register {
    background: #002d60 url(../images/more-btn.gif) right 5px no-repeat;
    border: 1px solid #4d6c90;
    padding-right: 5px;
}

#contentMain h2.register a:link, #contentMain h2.register a:visited {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 3px;
}

#intro {
    padding: 10px 10px 0 10px;
    text-align: center;
}

#intro p {
    margin: 0 0 10px 0;
    line-height: 1.4em;
    font-size: 1.3em;
    color:#fff;
}

#intro p.intro {
    margin: 0 0 10px 0;
    padding: 0;
    line-height: 1.4em;
    font-size: 1.6em;
    font-weight: bold;
    color:#fff;
}


/* -- leftCol issueNav styles -- */

#issueNav {
    width: 200px;
    float: left;
    padding: 0;
    margin: 0 0 0 10px;
}

#issueNav h2 {
    margin: 0;
    padding: 0;
    color: #f90;
    font-size: 1.2em;
}

#issueNav ul {
    margin: 0 0 0 15px;
    padding: 0;
    list-style-type: none;
}

#issueNav li {
    margin: 0;
    padding: 0;
    border-bottom: 1px dashed #ccc;
    font-weight: bold;
}

#issueNav li.subnav {
    margin: 0;
    padding: 0 0 0 10px;
    border-bottom: 1px dashed #ccc;
    font-weight: normal;
}

#issueNav ul ul a:link, #issueNav ul ul a:visited {
    margin: 0;
    padding: 3px 0;
    font-size: 1.1em;
    color: #777;
    font-weight: normal;
    list-style-type: none;
    display: block;
}

#issueNav a:link, #issueNav a:visited  {
    margin: 0;
    display: block;
    padding: 3px 0;
    font-size:1.2em;
    color: #369;
    text-decoration: none;
}

#issueNav a:hover, #issueNav ul ul a:hover {
    color: #f90;
}

#issueNav .moduletableLogin, #issueNav .moduletableAecModule {
    margin: 0;
    padding: 5px;
    color: #666;
    background-color: #eee;
}

#issueNav .moduletableLogin {
    border: 1px solid #ccc;
    border-bottom: none;
}

#issueNav .moduletableLogin h1 {
    font-size: 1.3em;
    margin: 0 0 5px 0;
}

#issueNav .moduletableLogin p {
    font-size: 1.2em;
    margin: 0;
}

#issueNav .moduletableAecModule {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    font-size: 1.2em;
}

#issueNav .moduletableAecModule p {
    padding: 0 0 3px 0;
    margin: 3px 0 0 0;
    font-weight: normal;
}

#issueNav .moduletable_menuUser {
    border: 1px solid #ccc;
    border-top: none;
    margin: 0 0 10px 0;
    background-color: #eee;
}

#issueNav .moduletable_menuUser li {
    padding: 0;
    font-weight: normal;
    color: #666;
    font-size: 1.1em;
    border: none;
}

#issueNav .moduletablearchive h3 {
    display: none;
}

/* -- Download Issue -- */

#issueNav .moduletableissueDowload {
    margin: 10px 0 0 0;
    border: 1px solid #ccc;
    text-align: center;
    padding: 0 0 10px 0;
    background: #003d76 url(../images/section-bg.gif) repeat-x scroll 0 0;
}

#issueNav .moduletableissueDowload h2 {
    background: #61AB00 url(../images/btn-bg-green.gif) repeat-x scroll 0 bottom;
    border: 1px solid #999999;
    margin: 0;
    padding: 5px;
    text-align: center;    
}

#issueNav .moduletableissueDowload h2 a:link, #issueNav .moduletableissueDowload h2 a:visited {
    color: #fff;
    display: block;
    text-decoration: none;
}

/* -- main body content goes in the issueCol div -- */

#issueCol {
    margin: 0;
    padding: 10px;
    background: transparent url(../images/issue-bg.jpg) center 150px no-repeat;
    /*border: 1px solid #fff;*/
    float: right;
    font-size: 1em;
    min-height: 550px;
    width: 98%;
}

#issueCol .componentheading {
    margin: 15px 0;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1em;
    color: #004789; 
}

#issueCol .contentheading {
    margin: 0;
    padding: 15px 0 5px 0;
    color: #004789;
    font-size: 2em;
    line-height: 1.2em;
    font-family: Serif;
    font-weight: bold;
    border-bottom: 1px solid #336491;
}

#issueCol h4.contentheading {
    font-size: 1.3em;
}

#archive-list .intro p {
    font-size: 1em;
    line-height: 1em;
}

#issueCol .intro h2 {
    font-size: 1.2em
}

#issueCol h1 {
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
    color: #004789;
    font-size: 2.4em;
    line-height: 1.2em;
    font-family: Serif;
    border-bottom: 1px solid #336491;
}

#issueCol h2 {
    margin: 20px 0 5px 0;
    padding: 0;
    color: #666;
    font-size: 1.7em;
    line-height: 1.2em;
    border-bottom: 1px solid #ccc;
}


#issueCol h3 {
    margin: 10px 0 5px 0;
    padding: 0;
    color: #666;
    font-size: 1.4em;
    line-height: 1.2em;
}

#issueCol p {
    margin: 0 0 10px 0;
    color: #333;
    font-size: 1.2em;
    line-height: 1.5em;
}

#issueCol p.center {
    text-align: center;
}

#issueCol p.quote {
    margin: 10px 50px;
    color: #666;
}

#issueCol img.pic {
    border: 1px solid #ccc;
    padding: 5px;
}

#issueCol p.caption {
    margin: 0 0 5px 0;
    color: #003d76;
    font-size: 1em;
    line-height: 1em;
}

#issueCol ul, #issueCol ol {
    margin: 0 0 20px 0;
    padding: 0 0 0 30px;
    color: #333;
    font-size: 1.2em;
    line-height: 1.2em;
}

#issueCol li {
    margin: 0 0 5px 0;
    line-height: 1.2em;
}

#issueCol ul ul {
    margin: 0 0 10px 0;
    font-size: 1em;
}


#issueCol a:link, #issueCol a:visited {
    color: #598abd;
    text-decoration: none;
}

#issueCol a:hover {
    color: #003d76;
    text-decoration: underline;
}

#timeline {
    width: 700px;
    background-color: #fff;
}

#timeline table th {
    font-weight: bold;
    color: #336491;
    font-size: 1.3em;
}

#timeline table td {
    color: #333;
    font-size: 1.2em;
    line-height: 1.4em;
    padding: 5px;
    border-right: 1px solid #ccc;
    background-color: #efefef;
}

.issuePic {
    margin: 10px auto;
}

/* -- begin styles for archive pages -- */


#archive-list h4.contentheading {
    padding: 0;
    margin: 0;
}



/* -- begin styles for page images -- */

#image {
    width: 300px;
    float: right;
    text-align: right;
    
}
.pagePic {
    margin: 10px auto 0 auto;
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
}

#image p.pagePicCaption {
    font-size: 1em;
    text-align: right;
}

#print {
    text-align: right;
    margin: 0 0 10px 0;
}

#print p {
    font-size: 10px;
    color: #999;
}

#print img {margin: 0 3px -3px 3px;}




hr {
    border: none;
    border-top: 1px solid #336491;
    background-color: #336491;
    height: 1px;
}

.clearer {
	font-size: 0px;
	line-height: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
	width: auto;
	}


#footer {
	clear: both;
        margin: 0 auto;
        width: 970px;
	padding: 0;
        background: transparent url(../images/footer-top.gif) 0 0 no-repeat;
	color: #999;
	text-align: left;
	font-size: .9em;
	}

#footer p {
    margin: 0;
    padding: 5px 15px;
}

#footer a:link, #footer a:visited{
	color: #999;
	}