/* This is my CSS page */

/*-----------------------------------------------------------------------------------------------------*/

/* This code handles paragraph elements */

p.shoe {font-family: arial, helvetica, sans-serif;font-size: 80%;margin: 5px;}
p.shoe1 {font-family: arial, helvetica, sans-serif;font-size: 60%;margin: 5px;}
p.para {font-family: arial, helvetica, sans-serif;font-size: 80%; margin: 5px;}
p.paraphoto {font-family: arial, helvetica, sans-serif;font-size: 100%; margin: 5px;}
p.parashade {font-family: arial, helvetica, sans-serif;font-size: 80%; margin: 5px; color:#FFFFFF;}
p.openclose {font-family: arial, helvetica, sans-serif;font-size: 120%;margin: 5px;}
p.link {font-family: arial, helvetica, sans-serif;font-size: 110%;margin: 5px;}
p.lower{font-family: arial, helvetica, sans-serif;font-size: 80%; margin: 5px;position:absolute; top:500px;}
li.para {font-family: arial, helvetica, sans-serif;font-size: 80%; margin: 5px;}
td.menu {font-family: arial, helvetica, sans-serif;font-size: 110%;}
td.shoe2 {font-family: arial, helvetica, sans-serif;font-size: 80%;margin: 5px;}
p.shoe2 {font-family: arial, helvetica, sans-serif;font-size: 60%;margin: 5px;}
p.footleft {font-family: arial, helvetica, sans-serif;font-size: 80%; margin: 5px; text-align: left;}
p.footright {font-family: arial, helvetica, sans-serif;font-size: 60%;margin: 5px; right: 300px; top: 450px;}
p.small {font-family: arial, tahoma,  sans-serif;font-size: 60%;}


/* This code handles the masthead and main layers */
div.c2 {margin-left: auto;margin-right: auto;display: block;background-image: url(../images/gradchange2.jpg);position:absolute; width:700px; height:62px; z-index:3; left: 163px;top:-2px;border: 1px solid #FF3300;border-bottom-width: 1px;text-align: left;}

div.c1 {margin-left: auto;margin-right: auto;display: block;position:absolute; width:367px; height:50px; z-index:3; left: 4px; top: 2px; text-align: left;}

div.c4 {margin-left: auto;margin-right: auto;display: block;background-color:#FFFFFF;position: absolute; margin: 0px auto; width:700px; height:470px; z-index:2; left: 163px; top: 60px;border: 1px solid #FF3300;border-top-width: 0;text-align: left;}
body {text-align: center;}

/* This code handles my links */ 
a:hover{background-color:#CACACA;}
a {color: blue}
a {text-decoration: none;}
a.menu {color: #3399FF;}
a.val {text-decoration: none;}
a {outline: none;}
a.none:hover{background-color:#FFFFFF;}
a.home:hover{background-color:#000000;}


/* This code handles some picture placement */

 img.main {float: right;clear: right;margin: 7px;}
 img.google { position:absolute; top:460px; left:100px; z-index:2;}
 img.grizz { position:absolute; top:170px; left:100px; z-index:2;}
 img.george { position:absolute; top:1220px; left:100px; z-index:2;}
 img.studio1 { float: right;clear: right;margin: 5px;}
 img.none {border-width: 0;outline: none;margin: 5px;}
 img.x {position:absolute; top:0px;left:615px;z-index:2;border: none;}
 img.c {position:absolute; top:1px;left:660px;z-index:2;border: none;}
 img.copy {position:absolute; top:2px;left:0px;z-index:2;border: none;}

/* This code handles the body background of the site */

body {background-color: #CACACA;background-image:url('images/bkgnd1.jpg');}

/* This code handles the new navigation menu */

ul, li{border:0; padding:0; margin:0; list-style:none;}

/* ----------- Navigation ----------- */
#top-navigation{
background:url(img/topnav-bg.gif) repeat-x;
width:auto;
height:0px;
margin:0 auto;
}
#navigation{
background:url(img/nav-bg.gif) repeat-x;

height:32px;
margin:0 auto;
width:auto;
}
#navigation ul{
height:32px;
line-height:32px; font-family: arial;
}
#navigation ul li{
display:inline;
}
#navigation ul li a,
#navigation ul li a:visited {
background:url(img/line-a.gif) right no-repeat;
padding:0 10px;

display:block;
text-decoration:none;
float:left;
color:#4261df;
font-weight:bold; font-family: arial;
text-shadow:#ffffff 2px 2px 2px;

}
img{border:none;}
#navigation ul li a:hover{
color:#CACACA;
}

/* ----------- Sub Menu ----------- */
#sublinks{
width:auto;
margin:0 auto;
background:#000000 url(img/sublink.gif);

height:20px;
font-size:11px;
color: #3366FF;
font-family:arial;
}
#sublinks ul{
height:32px;
line-height:30px;
}
#sublinks ul li{
display:inline;
}
#sublinks ul li a,
#sublinks ul li a:visited {
padding:0 15px;
display:block;
text-decoration:none;
float:left;
color:#3366FF;
}
#sublinks ul li a:hover{
text-decoration:none;
color:#FF3300; border: 1px;
}

/* ----------- Hide Sub menu ----------- */
#s2, #s3, #s4{display:none;}, #s1 ul, li,a:hover{color:#000000;}
/*----end navigation menu code----*/



/* Copyright footer layer CSS info */
 div.c3 {position:absolute;
 margin: 0px auto;
background-color:#FFFFFF;
width:700px;
height:24px;
z-index:1;
left: -1px;
top: 445px;
bottom: 20px;
background-image:url(images/silverfoot1.gif);
border: 1px solid #FF3300;border-top-width: 1 dashed;border-left-width: 1;border-right-width: 1;border-bottom-width: 0;margin-left: auto; margin-right:auto;
}



/* Some code for the email form */
table.table {font-family: arial, tahoma,  sans-serif;font-size: 100%;}
span.error_message {color: #FF3300;font-family: arial, tahoma,  sans-serif;font-size: 60%;}
table.body {font-family: arial, tahoma,  sans-serif;font-size: 80%;}