body{
	background-image:url(images/brownlow-squaredk.gif);
	background-repeat: repeat;
	width: 1000px;
	margin-left: 0px;
	margin-top: 0px;
}
 
 /*Classes*/
	

.nav{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 16px;
	text-align: left;
	color: #FFFFFF;
}
	 
.nav1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 14px;
	text-align: left;
	color: #003300;
}

.p{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 16px;
	text-align: left;
	color: #003300;
	background-color: #FFFFFF; 
}

.em{

font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 16px;
	text-align: left;
	color: #003300;
	background-color: #FFFFFF; 
}

a img {
	border:none;
}

.picturebox{
	position: absolute;
	border-width: 0px;
}
	

.textbox{
	position: absolute;
	border-width: 0px;	
}

 

/*Instances*/

#picturebox1{
	margin-top: 251px;
	margin-left: 450px;
	width: 400px;
	height: 400px;
	background-color: #FFFFFF;
}

#logobox{
	margin-top: 51px;
	margin-left: 51px;
	width: 249px;
	height: 99px;
}



#textbox1{
	margin-top: 151px;
	margin-left: 251px;
	width: 333px;
	height: 500px;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-left: 8px;
	padding-right: 8px;
}

#textbox2{
	margin-top: 351px;
	margin-left: 251px;
	width: 184px;
	height: 299px;
	background-color: #FFFFFF;
	padding-top: 1px;
	padding-left: 8px;
	padding-right: 8px;
}


#textbox3{
	margin-top: 351px;
	margin-left: 251px;
	width: 184px;
	height: 349px;
	background-color: #FFFFFF;
	padding-top: 1px;
	padding-left: 8px;
	padding-right: 8px;
}

#bigimage{
	margin-top: 51px;
	margin-left: 51px;
	width: 800px;
	height: 600px;
	z-index: auto;
}

/*vertical navigation a href*/


 

a.first{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	line-height: 16px;
	text-align: left;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	background-color: #006699;
	width: 190px;
	height: 34px;
	padding-top: 16px;
	padding-left: 10px;
}

a.first:hover{
	background-color: #A0A0A0;
}



a.second{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	line-height: 16px;
	text-align: left;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	background-color: #006633; 
	width: 190px;
	height: 34px;
	padding-top: 16px;
	padding-left: 10px;
}


a.second:hover{
	background-color: #A0A0A0;
}

a.third{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	line-height: 16px;
	text-align: left;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	background-color: #CC9900; 
	width: 190px;
	height: 34px;
	padding-top: 16px;
	padding-left: 10px;
}


a.third:hover{
	background-color: #A0A0A0;
}
a.fourth{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	line-height: 16px;
	text-align: left;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	background-color: #CC3300; 
	width: 190px;
	height: 34px;
	padding-top: 16px;
	padding-left: 10px;
}


a.fourth:hover{
	background-color: #A0A0A0;
}

a.fifth{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	line-height: 16px;
	text-align: left;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	background-color: #6f5398; 
	width: 190px;
	height: 34px;
	padding-top: 16px;
	padding-left: 10px;
}


a.fifth:hover{
	background-color: #A0A0A0;
}
 
 /*horizontal navigation a href*/
 
a.horizontal1{ 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 13px;
	text-align: left;
	color: #003300;
	line-height: 16px;
	text-align: left;
	text-decoration: none;
	display: block;
	background-color: #FFFFFF; 
	width: 92px;
	height: 42px;
	padding-top: 8px;
	padding-left: 8px;
}

a.horizontal1:hover{
	color: #FFFFFF;
	background-color: #006699;


}
a.horizontal2{ 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
	color: #003300;
	line-height: 16px;
	text-align: left;
	text-decoration: none;
	display: block;
	background-color: #FFFFFF; 
	width: 92px;
	height: 34px;
	padding-top: 16px;
	padding-left: 8px;
}

a.horizontal2:hover{
	color: #FFFFFF;
	background-color: #006633;
	
}

a.horizontal3{ 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
	color: #003300;
	line-height: 16px;
	text-align: left;
	text-decoration: none;
	display: block;
	background-color: #FFFFFF; 
	width: 92px;
	height: 34px;
	padding-top: 16px;
	padding-left: 8px;

}
a.horizontal3:hover{
	color: #FFFFFF; 
	background-color: #CC9900;
}

a.horizontal4{ 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
	color: #003300;
	line-height: 16px;
	text-align: left;
	text-decoration: none;
	display: block;
	background-color: #FFFFFF; 
	width: 92px;
	height: 34px;
	padding-top: 16px;
	padding-left: 8px;
}
a.horizontal4:hover{
	color: #FFFFFF;
	background-color: #CC3300;
}

a.horizontal5{ 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
	color: #003300;
	line-height: 16px;
	text-align: left;
	text-decoration: none;
	display: block;
	background-color: #FFFFFF; 
	width: 92px;
	height: 34px;
	padding-top: 16px;
	padding-left: 8px;
}
a.horizontal5:hover{
	color: #FFFFFF;
	background-color: #6f5398;
}
 
/*thumbnail navigation*/
.thumbnailbox{
	position: absolute;
	width: 450px;
	height: 100px;
}

#thumbnailbox1{
margin-top: 151px;
margin-left: 451px;
}

/*vertical navigation size and position*/

.menubox{
position: absolute;
width: 200px;
height: 50px;
}


#menubox1{
margin-top: 151px;
margin-left: 51px;
}
#menubox2{
margin-top: 201px;
margin-left: 51px;
}
#menubox3{
margin-top: 251px;
margin-left: 51px;
}
#menubox4{
margin-top: 301px;
margin-left: 51px;
}
#menubox5{
margin-top: 351px;
margin-left: 51px;
}


/*horizontal navigation size and position*/

.horizmenu{
position: absolute;
width: 100px;
height: 50px;
}


#horizmenu1a{
margin-top: 151px;
margin-left: 251px;
}
#horizmenu1b{
margin-top: 151px;
margin-left: 351px;
}#horizmenu1c{
margin-top: 151px;
margin-left: 451px;
}#horizmenu1d{
margin-top: 151px;
margin-left: 551px;
}

#horizmenu2a{
margin-top: 201px;
margin-left: 251px;
}
#horizmenu2b{
margin-top: 201px;
margin-left: 351px;
}#horizmenu2c{
margin-top: 201px;
margin-left: 451px;
}#horizmenu2d{
margin-top: 201px;
margin-left: 551px;
}#horizmenu2e{
margin-top: 201px;
margin-left: 651px;
}
#horizmenu3a{
margin-top: 251px;
margin-left: 251px;
}
#horizmenu3b{
margin-top: 251px;
margin-left: 351px;	
}#horizmenu3c{
margin-top: 251px;
margin-left: 451px;	
}#horizmenu3d{
margin-top: 251px;
margin-left: 551px;
}

#horizmenu4a{
margin-top: 301px;
margin-left: 251px;
}
#horizmenu4b{
margin-top: 301px;
margin-left: 351px;	
}#horizmenu4c{
margin-top: 301px;
margin-left: 451px;	
}#horizmenu4d{
margin-top: 301px;
margin-left: 551px;
}

#horizmenu5a{
margin-top: 351px;
margin-left: 251px;
}
#horizmenu5b{
margin-top: 351px;
margin-left: 351px;	
}#horizmenu5c{
margin-top: 351px;
margin-left: 451px;	
}#horizmenu5d{
margin-top: 351px;
margin-left: 551px;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%; background-color:#000000;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(images/colorbox/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/colorbox/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}