/*  STANDARDIZING CONTROLS  */

* { margin:0; padding:0; } /* Normalizes margins and padding */
body { font:12px "Lucinda Grande", "Lucida Sans Unicode", Verdana,
sans-serif;  } /* Sets default font size and family */
h1,h2,h3,h4,h5,h6 { font-size:100%; font-family:"Arial",
Helvetica, sans-serif; } /* Normalizes font-size for headers */
ol,ul { list-style:none; } /* Removes list-style from lists */
address, caption, cite, code, dfn, em, strong, th, var {
font-style:normal; font-weight:normal; } /* Normalizes font-style and
font-weight */
table { border-collapse:collapse; border-spacing:0; } /* Normalizes
border elements */
fieldset, img { border:0; } /* Removes border from fieldset and img */
caption, th { text-align:left; } /* Left-aligns text in caption and th
*/
q:before, q:after { content:''; } /* Removes quotation marks from q */





body{
font: normal small Arial, Helvetica, sans-serif;
color: #000000;
font-size:13px;
background-color:#ffffff;


}

#wrapper{
width:830px;

text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom:0;

}

#main
{
width:800px;
position: absolute;
background-color:#F2F2F2;
border-style:solid;
border-width:5px;
border-color:#4e4e4e;
   }

/*begining of navigation*/

#nav{
margin: 0;
padding: 0;
width:330px;
height:24px;
position:relative
}

#nav ul{
background: url(images/bg.png) repeat-x;
padding: 0;
margin: 0;
float: left;
font: bold 80% Verdana;
}

#nav ul li{
display: inline;
margin: 0; padding: 0;

}


#nav ul li a, #nav ul li span{
float: left;
color: #ffffff;
font-weight: bold;
padding: 8px 13px 5px 6px;
text-decoration: none;
background: url(images/divider.png) top right no-repeat;
}

#nav ul li span{ /*Targets span tag to the right of #leftcorner below*/
padding-left: 0px;
}

#nav, ul li a#leftcorner{
float: none;
padding-left: 8px;
padding-right: 0px;
background: url(images/leftcorner.png) top left no-repeat;
}

#nav ul li a#rightcorner{
padding-right: 10px;
background: url(images/rightcorner.png) top right no-repeat;
}

#nav ul li a:hover{
text-decoration: underline;
}



#nav:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


/*end of navigation*/


   
   
#header{

width:800px;
height:77px;
color: #ffffff;
background-image: url(images/background.jpg);
background-repeat:repeat-x;
border-bottom-style:solid;
border-bottom-width:5px;
border-bottom-color:#4e4e4e;

/*margin-top:-33px;     will fix issue with firefox*/
}
/*controls the text for the logo and caption*/
img.logo{
position:absolute;
z-index:100;
width:450px;
height:61px;
padding-left:20px;
padding-top:8px;
}

p.logo{
color:#ffffff;
padding-left:20px;
padding-top:8px;
font-size:36px;
}

/*end the controls for the text for the logo and caption*/
/*use this class to set the proper padding for text*/
.text{
text-align:left;
padding-left: 20px;
padding-top:5px;
padding-right:10px;
}

.heading{
font-size:18px;
color:#000000;
letter-spacing: 1px;
font-weight: bold;
text-align:left;
padding-left: 20px;
padding-top:10px;
}

#news{
width:335px;
/* height:475px; */
border-right-style:solid;
border-right-width:1px;
border-right-color:#cccccc;
margin-top:8px;
float:left
}

#staff{
width:800px;
margin-top:10px;
margin-left:20px;
margin-bottom:20px;
float:left
}
#staffPic{
float:left
}
#staffText{
width:500px;
margin-left:25px;
float:left
}
.staffName{
font-size:16px;
color:#000000;
letter-spacing: 1px;
font-weight: bold;
text-align:left;
padding-left: 20px;
padding-top:10px;
}
.staffTitle{
font-size:14px;
font-style:italic;
color:#000000;
letter-spacing: 1px;
text-align:left;
padding-left: 20px;
padding-top:10px;
}
.staffHeader{
text-align:left;
font-size:2.5em;
font-weight: bold;
letter-spacing: 1px;
padding-left: 20px;
padding-top:10px;
}

#blueheader{
width:319px;
height:60px;
margin:8px;
background-image: url(images/blue.png);
background-repeat:repeat-x;

}



#slideshow{
width:445px ;
float:left;
padding-left:14px;
padding-top:10px;
padding-bottom:6px;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#cccccc;
}

/*
#comments{
width:445px;
float:left;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#cccccc;
}
*/
#reviews{
width:231px;
height:150px;
float:left;
border-right-style:solid;
border-right-width:1px;
border-right-color:#cccccc;
}

#tutorials{
width:232px;
height:150px;
float:left;
}

#newTutorials{
width:460px;
height:150px;
float:left;
}

#rss{
width:335px;
height:78px;
float:right;
padding-right:4px;
border-top-style:solid;
border-top-width:1px;
border-top-color:#cccccc;
}

#bottomnav{
width:120px;
height:70px;
float:right;
font-weight: bold;
text-align: left;
line-height: 1.4;
padding-left:4px;
vertical-align:text-bottom;
background-image:url(images/bottomnav.png);
}
.bottomlinks{
padding-left:15px;
padding-top:15px;
color:#FFFFFF;
}/* used to control postion of text in the bottom nav bar */


a.white:link{color: #FFFFFF;text-decoration:none;}/*allows the linke in the bottom nav to be white*/
a.white:hover{color: #FFFFFF;text-decoration:underline;}/*allows the linke in the bottom nav to be white*/

.rss{
padding-top:15px;
padding-left:5px;
text-align:right;

}/* used to control postion of text in RSS and Staff section */

#footer{
width:800px;
height:25px;
background-image: url(images/background.jpg);
background-repeat:repeat-x;
border-top-style:solid;
border-top-width:5px;
border-top-color:#4e4e4e;
float:left;
}

.previous{
text-align:right;
font-size:10px;
color:#ffffff;
font-weight: bold;
padding:5px;
}

.break{
width:319px;
height:1px;
padding:0px;
background-color:#cccccc;
margin:8px;
}

a:link {color: #2705D1;text-decoration: none;}
a:visited {color: #663399;text-decoration: none;}
a:hover {color: #FF0000;text-decoration: underline;}
a:active {color: #0000FF;text-decoration: none;}