/* 
    Document   : cajo-styles
    Created on : Oct 1, 2009, 11:42:04 AM
    Author     : Ramona Jones
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    font-family: Arial,Helvetica,sans-serif;
    background: url("images/mainbg.gif") #141414 100% repeat-x;
    background-position:top;
}


form {
    padding: 0px;
    display: inline;
    margin-bottom: 0px;
    border: 0px solid #ffffff;
}

h2 {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}

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

img {
    border: none;
}

.webtext {
    font-family: Arial;
    font-size: 12px;
    color: #ffffff;
}

.webtext a, .webtext a:visited, .webtext a:active {
    color: #b00000;
}


/*- Menu 1--------------------------- */


#menu1 {
	width: 200px;
	margin: 0px;
	border-style: solid solid none solid;
	border-color: #3D261D;
	border-size: 1px;
	border-width: 1px;
	}

#menu1 li a {
	height: 32px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	height: 21px;
	text-decoration: none;
    font-size: 11px;
    font-weight: bold;
	}

#menu1 li a:link, #menu1 li a:visited {
	color: #aaaaaa;
	display: block;
	background:  url(images/miTabs.gif);
	padding: 4px 0 0 6px;
	}

#menu1 li a:hover, .this {
	color: #FFF;
	background:  url(images/miTabs.gif) 0 -25px;
	padding: 4px 0 0 6px;
	}


.maintable {
    width: 900px;      
}

.maintable td {    
    padding: 0px;
}

/* maintable cell dims */

.titlecell, .menucell, .subcell, .maincell, .creditcell {
    width: 900px;
}

.leftcell, .rightcell {
    width: 200px;
}

.midcell {
    width: 500px;
}

.menucell, .subcell {
    height: 25px;
}

.titlecell {
    height: 50px;
}

/* menutable dims */

.menucell table td {
    width: 200px;
    height: 25px;    
}

/* menutable misc */
.midcell {
    
}

.webtext {
    font-size: 12px;
    color: #ffffff;
}

.midtitle {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    color: #ff0000;
}

.newsMidCell table tr, .newsMidCell table th {
    background: url('images/news-bg.gif') repeat-x top;
    background-color: #444444;
    font-size: 12px;
    color: #ffffff;
}

.newsMidCell table td {
    padding: 5px;
    border-width: 1px;
    border-color: #444 #222 #222 #444;
    border-style: solid;
}

.newsMidCell table td a {
    color: #ffff00
}

#event_request td {
    font-family: Arial;
    font-size: 11px;
    color: white;
}

.VODtable {
    background-color: black;
    padding: 1px;
}

.VODleft, .VODright {
    width: 25px;
    background-repeat: repeat-y;
}

.VODleft {
    background: url('http://cantonjones.net/images/VODsidesleftbg.png');
}

.VODright {
    background: url('http://cantonjones.net/images/VODsidesrightbg.png');
}

/* CAJO EVENT*/
#EventsCell {
    width: 202px;
	margin: 0px;
	border-style: solid solid none solid;
	border-color: #3D261D;
	border-size: 1px;
	border-width: 1px;
}

#EventsCell li {
    height: 32px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	height: 21px;
	text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
	display: block;
	background:  url(images/miTabs.gif) 0 -25px;
	padding: 4px 0 0 6px;
}


#CajoEventDiv {
    width: 200px;
    height: 600px;
    overflow: auto;
    border: 1px solid #a00;
    margin-left: auto;
    margin-top: auto;

}

.CajoEventCell {
    width: 180px;
    padding: 2px;
    background: url('images/news-bg.gif') #444 repeat-x top;
}

.CajoEventHead, .CajoEventFirst, .CajoEventSecond, CajoEventFoot p {
    font-family: Arial;
    margin-top: 0px;
    margin-bottom: 2px;
}

.CajoEventHead {
    color: #a00;
    font-size: 12px;
    font-weight: bold;
}

.CajoEventImage {
    text-align: center;
}

.CajoEventFirst {
    color: white;
    font-size: 11px;
}

.CajoEventSecond {
    color: #dddddd;
    font-size: 9px;
}

.CajoEventFoot {
    width: 180px;
}

.CajoEventFoot p {
    font-size: 11px;
    text-align: center;
}

.CajoEventFoot a {
    color: #ff0;
}

/* PHOTO GALLERY */
#PGDIV {
    height:500px;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
}

#PGDIV table {
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
}

#PGDIV table tr td img {
    border: 1px solid black;
    width: 75px;
}



.pgtext a {
    color: white
}