* {
margin: 0;
padding: 0;
outline: none;
text-decoration: none;
}

.clear {
clear: both;
}

body {
font-family: Arial, Verdana, sans-serif;
background: #ccc;
text-align: center;
font-size: 12px;
}

a img {
border:none;
}





/* 2. Layout
_________________________________________________*/ 
#container {
width: 995px;
padding: 30px 30px 10px 30px;
text-align:left;
margin: 0 auto;
background: #fff;
}

#header {
margin-bottom: 10px;
background: url(../images/gradient_bar.gif) no-repeat bottom left;
height: 85px;
}

#primary_content {
float: left;
width: 725px;
}

#secondary_content {
float:right;
width: 240px;
}

#footer {
clear: both;
text-align:center;
}

.slideshow {
width: 725px;
margin-bottom:20px;
height: 400px;
margin-bottom: 20px;
}

#slogan {
float: right;
position: relative;
top:30px;
}

#logo {
float: left;
}

#footer ul {
margin-bottom:10px;
}

#portal_login {
width: 900px;
height: 90px;
background: #6db33f url(../images/login_h.gif) no-repeat top left;
}

#portal_login div {
margin-left: 120px;
padding-top:20px;
}

#portal_login li {
float: left;
margin-right: 20px;
}
#portal_login ul {
list-style: none;
}



#portal_pic {
margin-bottom:10px;
}

.center_col {
float: left;
width: 353px;
}

.left_col {
float: left;
width: 353px;
margin-right: 19px;
}

/* 3. Typography
_________________________________________________*/ 

p, ul {
margin-bottom: 20px;
color: #333;
line-height: 20px;
}


h1 {
margin-bottom: 20px;
color: #005696;
font-size: 28px;
padding-top:20px;
}

h2 {
margin-bottom: 5px;
color: #005696;
font-size: 16px;
}


ul {

}

#footer p {
margin-bottom:0px;
}


label {
color: #fff;
font-weight: bold;
font-size:13px;
}

#portal_login p {
color: #fff;
}







/* 4. Navigation
_________________________________________________*/ 

a:link {
color: #005696;
}

a:visited {
color: #666;
}

#primary_content a:link {
color: #005696;
}

#primary_content a:visited {
color: #666;
}






#primary_content .slideshow a:link {
border-bottom: none;
}

#primary_content .slideshow a:visited {
border-bottom: none;
}



#footer_nav a {
text-align:center;
color: #666;
padding: 0 10px 0 10px;
border-bottom: none;
border-right: 1px solid #ccc;
}


#footer_nav {
list-style: none;
display: inline;
text-align: center;
}

#footer_nav li {
display: inline;
}




#footer_nav .last a {
border-right:none;
}

#primary_nav {
list-style: none;
margin-bottom: 15px;

width: 240px;
}

#primary_nav li {
margin-bottom: 5px;
}





#primary_nav a:link, #primary_nav a:visited {
background: url(../images/button_bg.gif) no-repeat top left;
display: block;
width: 240px;
height: 40px;
line-height: 40px;
text-indent: 20px;
color: #fff;
font-size: 16px;
}



#primary_nav a:hover {
background: url(../images/button_bg_hover.gif) no-repeat top left;

}



#home #primary_nav #home_tab a {
background: url(../images/button_bg_on.gif) no-repeat top left;
}

#about #primary_nav #about_tab a {
background: url(../images/button_bg_on.gif) no-repeat top left
}


#login_LoginButton {
padding: 6px;
background: #fff;
font-weight: bold;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
font-size: 13px;
float: left;
}

#portal_login a {
border-bottom: 1px dotted;
padding-bottom: 2px;
}






/* 5. Images
_________________________________________________*/ 
.slideshow img {
width: 725px;
height: 400px;
}


.shim {
width: 310px;
height:200px;
background: #eee;
margin-bottom:10px;
}

.left_pic {
float:left;
margin-right: 10px;
padding: 4px;
border: 1px solid #ccc;
}