@charset "UTF-8";
/* CSS Document */

body {
background-image: url(../images/background.gif);
background-color: #c2d9e1;
background-repeat: repeat-x;
margin: 0;
padding: 0;
font-size: 62.5%
}

#nav a:visited {
color: #4a93b8;
}
a:link {
color:#001645;
text-decoration:none;
}

a:hover {
color:#f94315;
text-decoration:none;
}

a:visited {
color:#b7d0db;
text-decoration:none;
}
#container {
position: relative;
width: 713px;
margin:0 auto;
padding: 0;
}

#dropshadow {
position:relative;
width: 713px;
margin:0 auto;
background-image:url(../images/drop-shadow.png);
}

#header {
position:relative;
width:699px;
height: 88px;
margin:0 auto;
padding: 0;
background-image:url(../images/header.jpg);
}

#content {
position:relative;
background-color: #FFF;
width: 699px;
margin:0 auto;
background-image: url(../images/gradient.jpg);
background-repeat: repeat-x;
background-color: #e6e6e6;
border-bottom: 1px solid #a1a1a1;
}

#tips {
position:relative;
width: 140px;
height:auto;
float:right;
margin-right:10px;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
border-top:1px solid #CCC;
font-size:0.8em;
background-image:url(../images/tip.gif);
background-repeat:repeat-x;
padding:0;
}

#tips p {
width:130px;
padding-left:6px;
}

/*<---------- Content Typography --------->*/
div.paragraph {
width:500px;
margin-left:15px;
border-left:1px solid #73b7d9;
}

div.code {
width:500px;
margin-left:15px;
padding:5px;
border:1px solid #ccc;
background-color: #f6f7ef;
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
color: #001645;
line-height:1.3em;
}

#intro {
width:300px;
margin-left:15px;
font-size:0.9em;
text-transform:uppercase;
font-weight:bold;
border-left:2px solid #73b7d9;
}

#intro_par {
font-style:italic;
margin-left:10px;
}

p {
font-family:Arial, Helvetica, sans-serif;
font-size: 1.1em;
padding-left:6px;
padding-right:10px;
color:#393939;
width:500px;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size: 1.4em;
padding-left:10px;
color:#f94315;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size: 1.3em;
padding-left:6px;
color:#f94315;
width:140px;
}

.quote {
color: #62a7c9;
}

.bold {
color: #393939;
font-weight:bold;
}

/*<--------------SLIDE SHOW-------------->*/
#slideshowContainer {
margin:10px;
border:1px solid #CCC;
width: 400px;
padding:10px;
height: auto;
background-color: #FFF;
}

#numberDiv a {
font-family:Arial, Helvetica, sans-serif;
font-size: 0.8em;
text-decoration: none;
color: #CCC;
letter-spacing:-0.5px;
}

/*<--------------bottom NAV-------------->*/
#nav {
color:#666666;
font-family:Arial, Helvetica, sans-serif;
padding-left:10px;
padding-bottom:5px;
padding-top:4px;
border-top:1px solid #ccc;
background-image:url(../images/nav_gradient.gif);
background-color:#e6e6e6;
}