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

#promoheader {
	width: 570px;
	float: right;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #f2f2f2;
	text-align: left;
	padding: 20px;
	color: #FFFFFF;
	background-image: url(images/news-bg.jpg);
	height: 350px;
	}

body {
	text-align: center;
	min-width:970px;
	margin: 0px;
	background-color: #FFFFFF;
}


	

#container {
	width: 970px;
	overflow: hidden;
	background-color: #FFFFFF;
	padding: 0px;
	margin: auto;
}


#primary-nav {
	width: 100%;
	float: none;
	background-image: url(images/header-bg.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #33556f;
	height: 125px;
	background-position: left top;
	text-align: center;
}

#primary-spacer {
	width: 87px;
	float: left;
}





#small-nav {
	float: left;
	text-align: left;
	padding-top: 18px;
}

.small-nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	text-decoration: none;
}

.small-nav a:link {
	color: #333;
	text-decoration: none;
}
.small-nav a:visited {
	text-decoration: none;
	color: #333;
}
.small-nav a:hover {
	text-decoration: none;
	color: #4A78C1;
}
.small-nav a:active {
	text-decoration: none;
	color: #333;
}


#sony-banner {
	float: left;
	text-align: left;
	width: 970px;
	height: 70px;
	margin-top: 20px;
	background-color: #000;
}

#home-banner {
	float: left;
	text-align: left;
	width: 970px;
	height: 180px;
	margin-top: 30px;
	background-position: left bottom;
	background-image: url(images/Homepage-header-bg.jpg);
	background-repeat: repeat-x;
}

#top-banner {
	float: left;
	text-align: right;
	width: 970px;
	height: 180px;
	margin-top: 40px;
	background-position: left bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999;
	background-repeat: repeat-x;
	background-image: url(images/topbar-bg.jpg);
}

.top-banner h1 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 28px;
	color: #5A8ECF;
	padding-left: 25px;
	font-weight: normal;
}


.top-banner h2 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #333;
	padding-left: 25px;
	padding-right: 25px;
}


.top-banner h3 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	padding-left: 25px;
}

.top-banner {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	list-style-type: disc;
	list-style-position: outside;
}

.top-banner a:link {
	color: #666;
	text-decoration: none;
}
.top-banner a:visited {
	text-decoration: none;
	color: #666;
}
.top-banner a:hover {
	text-decoration: underline;
	color: #5A8ECF;
}
.top-banner a:active {
	text-decoration: none;
	color: #666;
}


.feature-banner h1 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 22px;
	color: #FFF;
	padding-left: 25px;
	font-weight: bold;
}


.feature-banner h2 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	color: #CCC;
	padding-left: 25px;
	padding-right: 25px;
}


.feature-banner h3 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	padding-left: 25px;
}

.feature-banner {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	list-style-type: disc;
	list-style-position: outside;
}

.feature-banner a:link {
	color: #666;
	text-decoration: none;
}
.feature-banner a:visited {
	text-decoration: none;
	color: #666;
}
.feature-banner a:hover {
	text-decoration: underline;
	color: #5A8ECF;
}
.feature-banner a:active {
	text-decoration: none;
	color: #666;
}

.title-link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #5A8ECF;
	text-decoration: none;
	list-style-type: disc;
	list-style-position: outside;
	font-weight: lighter;
}

.title-link a:link {
	color: #5A8ECF;
	text-decoration: none;
}
.title-link a:visited {
	text-decoration: none;
	color: #5A8ECF;
}
.title-link a:hover {
	text-decoration: underline;
	color: #5A8ECF;
}
.title-link a:active {
	text-decoration: none;
	color: #5A8ECF;
}


.white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

.white a:link {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}
.white a:visited {
	text-decoration: none;
	color: #FFF;
}
.white a:hover {
	text-decoration: none;
	color: #CCC;
}
.white a:active {
	text-decoration: none;
	color: #FFF;
}


p.error {
	color: #cc0000;
	border: 1px solid #cc0000;
	border-left: 3px solid #cc0000;
	border-right: 3px solid #cc0000;
	padding: 10px;
}
td.error {
	color: #cc0000;
	border: 1px solid #cc0000;
	border-left: 3px solid #cc0000;
	border-right: 3px solid #cc0000;
	padding: 10px;
}

#image-credit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999;
	text-decoration: none;
	float: left;
	text-align: right;
	width: 970px;
	margin-top: 3px;	
	
}


#horizontal-2 {
	float: left;
	text-align: left;
	width: 970px;
	height: 230px;
	margin-top: 25px;
}



#horizontal {
	float: left;
	text-align: left;
	width: 970px;
	height: 250px;
	margin-top: 15px;
}

.horizontal h1 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 24px;
	font-weight: normal;
	color: #5391ca;
}


.horizontal h2 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 18px;
	font-weight: normal;
	color: #999;
	line-height: 22px;
}


.horizontal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-decoration: none;
	list-style-type: disc;
	list-style-position: outside;
}

.horizontal a:link {
	color: #666;
	text-decoration: none;
	font-weight: normal;
}
.horizontal a:visited {
	text-decoration: none;
	color: #666;
}
.horizontal a:hover {
	text-decoration: none;
	color: #4A78BF;
}
.horizontal a:active {
	text-decoration: none;
	color: #666;
}


#spacer {
	float: left;
	text-align: left;
	width: 970px;
	height: 50px;
	
}

#horizontal-bar {
	float: left;
	width: 300px;
	height: 1px;
	background-color: #f2f2f2;
	margin-top: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#horizontal-bar-long {
	float: left;
	width: 630px;
	height: 1px;
	background-color: #f2f2f2;
	margin-top: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#spacer-with-fade {
	float: left;
	text-align: left;
	width: 970px;
	height: 30px;
	background-image: url(images/tab-bg.jpg);
	vertical-align: bottom;
	background-position: center;
	margin-bottom: 10px;
}



#tab-bar {
	float: left;
	text-align: left;
	width: 970px;
	height: 45px;
	background-image: url(images/tab-bg.jpg);
	vertical-align: bottom;
	margin-top: 25px;
}

#tabs {
	float: left;
	padding-right: 14px;
	padding-left: 14px;
	text-align: left;
	padding-top: 6px;
	padding-bottom: 5px;
	color: #999;
	font-family: "Gill Sans", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/tabs.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	border-right-width: thin;
	border-right-color: #CCC;
	border-top-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #CCC;
	border-left-color: #CCC;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	margin-right: 1px;
}

#right-tabs {
	float: right;
	padding-right: 12px;
	padding-left: 12px;
	text-align: left;
	padding-top: 6px;
	padding-bottom: 5px;
	color: #999;
	font-family: "Gill Sans", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/tabs.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	border-right-width: thin;
	border-right-color: #CCC;
	border-top-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-color: #afafae;
	border-left-color: #afafae;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	margin-right: 1px;
}


#selected-right-tabs {
	float: right;
	padding-right: 12px;
	padding-left: 12px;
	text-align: left;
	padding-top: 6px;
	padding-bottom: 5px;
	color: #333;
	font-family: "Gill Sans", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	border-top-width: thin;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-top-color: #e0e0e0;
	border-right-color: #f1f1f1;
	border-left-color: #e0e0e0;
	border-top-style: solid;
	background-image: url(images/selected-tabs.jpg);
	background-position: left bottom;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	margin-right: 1px;
	border-left-style: solid;
}

#selected-tabs {
	float: left;
	padding-right: 15px;
	padding-left: 15px;
	text-align: left;
	padding-top: 6px;
	padding-bottom: 5px;
	color: #666;
	font-family: "Gill Sans", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	border-top-width: thin;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-top-color: #e0e0e0;
	border-right-color: #f1f1f1;
	border-left-color: #e0e0e0;
	border-top-style: solid;
	background-image: url(images/selected-tabs.jpg);
	background-position: left bottom;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	margin-right: 1px;
	border-left-style: solid;
}

.tabs {
	font-family: "Gill Sans", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13.5px;
	color: #333;
	text-decoration: none;
}

.tabs a:link {
	color: #333;
	text-decoration: none;
}
.tabs a:visited {
	text-decoration: none;
	color: #333;
}
.tabs a:hover {
	text-decoration: none;
	color: #598ECF;
}
.tabs a:active {
	text-decoration: none;
	color: #333;
}


#divider {
	float: left;
	background-image: url(images/divider.jpg);
	background-position: left bottom;
	width: 1px;
	background-repeat: no-repeat;
	height: 35px;
}


#order-online {
	float: none;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	background-image: url(images/order-online-bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-right-width: thin;
	border-bottom-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #afafae;
	border-bottom-color: #afafae;
	width: 180px;
}



#order-online-tab {
	float: right;
	padding-right: 14px;
	padding-left: 14px;
	text-align: left;
	padding-top: 6px;
	padding-bottom: 5px;
	color: #999;
	font-family: "Gill Sans", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/order-online-bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-bottom-width: thin;
	border-left-width: thin;
	border-left-color: #f1f1f1;
	border-left-style: solid;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	margin-right: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f1f1f1;
}



#order-online-left {
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
	padding-top: 6px;
	padding-bottom: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	margin-right: 1px;
	background-image: url(images/order-online-bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-right-width: thin;
	border-bottom-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #afafae;
	border-bottom-color: #afafae;
}

#order-online-button {
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	background-image: url(images/order-online-bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-right-width: thin;
	border-bottom-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #afafae;
	border-bottom-color: #afafae;
	width: 230px;
	margin-right: 12px;
	margin-left: 12px;
}


#button {
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
	padding-top: 6px;
	padding-bottom: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	margin-right: 5px;
	background-image: url(images/tabs.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: thin solid #afafae;
}

.button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

.button a:link {
	color: #666;
	text-decoration: none;
}
.button a:visited {
	text-decoration: none;
	color: #666;
}
.button a:hover {
	text-decoration: none;
	color: #4A78C1;
}
.button a:active {
	text-decoration: none;
	color: #666;
}


#student-button {
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	background-image: url(images/student-button.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	border: thin solid #afafae;
	width: 250px;
}

.student-button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

.student-button a:link {
	color: #FFF;
	text-decoration: none;
}
.student-button a:visited {
	text-decoration: none;
	color: #FFF;
}
.student-button a:hover {
	text-decoration: none;
	color: #666;
}
.student-button a:active {
	text-decoration: none;
	color: #FFF;
}

#button-right {
	float: right;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
	padding-top: 6px;
	padding-bottom: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	margin-right: 1px;
	background-image: url(images/tabs.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border: thin solid #afafae;
}

#headline-box {
	float: left;
	text-align: left;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	width: 290px;
	margin-bottom: 15px;	
}

.lge-headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #666;
	text-decoration: none;
	font-weight: lighter;
	line-height: 26px;
}

.headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #666;
	text-decoration: none;
	font-weight: lighter;
}

.headline a:link {
	color: #666;
	text-decoration: none;
}
.headline a:visited {
	text-decoration: none;
	color: #666;
}
.headline a:hover {
	text-decoration: none;
	color: #578FD0;
}
.headline a:active {
	text-decoration: none;
	color: #666;
}

.grey-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #888888;
	text-decoration: none;
	font-weight: normal;
	line-height: 18px;
	font-variant: normal;
}

.grey-text a:link {
	color: #666;
	text-decoration: none;
}
.grey-text a:visited {
	text-decoration: none;
	color: #666;
}
.grey-text a:hover {
	text-decoration: none;
	color: #578FD0;
}
.grey-text a:active {
	text-decoration: none;
	color: #666;
}

#feature-box {
	float: left;
	text-align: left;
	color: #588CCE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	width: 276px;
	margin-bottom: 15px;
	padding: 5px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #CCC;
}

#feature-box-lge {
	float: left;
	text-align: left;
	color: #588CCE;
	font-family: Arial, Helvetica, sans-serif;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	font-size: 16px;
	width: 615px;
	margin-bottom: 15px;
	padding: 5px;
	font-weight: normal;
	background-color: #f1f1f1;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(images/feature-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}


#pop-up {
	float: none;
	text-align: center;
	width: 630px;
	margin: 10px;
}

#main {
	float: left;
	text-align: left;
	width: 970px;
	margin-top: 15px;
}

.main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-decoration: none;
	list-style-type: disc;
	list-style-position: outside;
}

.main h1 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 18px;
	font-weight: lighter;
	color: #5A8ECF;
}


.main h2 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 14px;
	color: #666;
	font-weight: bold;
}

.main h3 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 16px;
	color: #558CCB;
}



.main a:link {
	color: #666;
	text-decoration: underline;
	font-weight: bold;
}
.main a:visited {
	color: #666;
	font-weight: bold;
}
.main a:hover {
	text-decoration: none;
	color: #578FD0;
}
.main a:active {
	text-decoration: underline;
	color: #666;
	font-weight: bold;
}


.bullets {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 16px;
	color: #5A8ECF;
	line-height: 22px;
	font-weight: lighter;
}

.bullets a:link {
	color: #5A8ECF;
	text-decoration: none;
	font-weight: bold;
	}
.bullets a:visited {
	color: #5A8ECF;
	text-decoration: none;
	font-weight: bold;
}
.bullets a:hover {
	text-decoration: none;
	color: #999;
	font-weight: bold;
}
.bullets a:active {
	text-decoration: none;
	color: #5A8ECF;
	font-weight: bold;
}

.greybullets {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 16px;
	color: #666;
	line-height: 22px;
	font-weight: lighter;
}

.greybullets a:link {
	color: #666;
	text-decoration: none;
	font-weight: bold;
	}
.greybullets a:visited {
	color: #666;
	text-decoration: none;
	font-weight: bold;
}
.greybullets a:hover {
	text-decoration: none;
	color: #5A8ECF;
	font-weight: bold;
}
.greybullets a:active {
	text-decoration: none;
	color: #666;
	font-weight: bold;
}







.lge-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #5A8ECF;
	font-weight: normal;
}


.lge-blue a:link {
	color: #5A8ECF;
	text-decoration: none;
}
.lge-blue a:visited {
	text-decoration: none;
	color: #5A8ECF;
}
.lge-blue a:hover {
	text-decoration: none;
	color: #CCC;
}
.lge-blue a:active {
	text-decoration: none;
	color: #5A8ECF;
}




.blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #5A8ECF;
font-weight: normal;
}


.blue a:link {
	color: #5A8ECF;
	text-decoration: underline;
}
.blue a:visited {
	text-decoration: none;
	color: #5A8ECF;
}
.blue a:hover {
	text-decoration: none;
	color: #CCC;
}
.blue a:active {
	text-decoration: none;
	color: #5A8ECF;
}





.tiny {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666;
	text-decoration: none;
	list-style-type: disc;
	list-style-position: outside;

}


#online {
	float: left;
	text-align: left;
	width: 970px;
	margin-top: 15px;
}

.online {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-decoration: none;
	list-style-type: disc;
	list-style-position: outside;
}

.online h1 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 18px;
	font-weight: lighter;
	color: #F90;
}


.online h2 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #333;
}


.online a:link {
	color: #666;
	text-decoration: underline;
	font-weight: bold;
}
.online a:visited {
	text-decoration: none;
	color: #666;
}
.online a:hover {
	text-decoration: none;
	color: #578FD0;
}
.online a:active {
	text-decoration: none;
	color: #666;
}

#calculator-box {
	float: left;
	text-align: left;
	color: #2b7fbf;
	font-family: Arial, Helvetica, sans-serif;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	font-size: 16px;
	width: 265px;
	padding: 10px;
	font-weight: normal;
	background-color: #2b7fbf;
	height: 220px;
}
#calculator-box table {
	border-collapse: collapse;
}
#calculator-box td {
	padding: 5px 10px 5px 0;
}
#calculator-box table table td {
	padding: 0;
}
#calculator-box input#frm_width {
	width: 48px;
	border: 1px solid #999;
}
#calculator-box input#frm_height {
	width: 48px;
	border: 1px solid #999;
}
#calculator-box select {
	width: 190px;
	border: 1px solid #999;
}
#calculator-box select#frm_units {
	width: 65px;
	float: right;
}

#digipix-box {
	float: left;
	text-align: left;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	font-size: 12px;
	width: 265px;
	padding: 10px;
	font-weight: bold;
	height: 150px;
	border: thin outset #CCC;
	background-color: #D8DCE5;
}





#image-box-left {
	float: left;
	text-align: left;
	margin-right: 20px;
	margin-bottom: 10px;
}


#image-box-right {
	float: right;
	text-align: right;
	margin-left: 20px;
	margin-bottom: 10px;
}

#square-box {
	float: left;
	text-align: left;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	font-size: 36px;
	width: 166px;
	margin-bottom: 15px;
	padding: 5px;
	font-weight: normal;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(images/bg-sq.jpg);
	background-position: bottom;
}

.square-box a:link {
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
}
.square-box a:visited {
	text-decoration: none;
	color: #FFF;
	font-weight: normal;
}
.square-box a:hover {
	text-decoration: none;
	color: #578FD0;
	font-weight: normal;
}
.square-box a:active {
	text-decoration: none;
	color: #FFF;
	font-weight: normal;
}






.prices {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	text-decoration: none;
}

.justify {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-align: justify;
	
}

#useful-links {
	float: left;
	text-align: left;
	color: #5A8ECF;
	font-family: Arial, Helvetica, sans-serif;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border: thin solid #000;
	font-size: 16px;
	width: 288px;
	padding: 10px;
}



#student-signup {
	float: left;
	text-align: justify;
	color: #C33675;
	font-family: Arial, Helvetica, sans-serif;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	font-size: 16px;
	width: 276px;
	padding: 5px;
	font-weight: normal;
	background-color: #f2f2f2;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#student-signup-wide {
	float: left;
	text-align: justify;
	color: #C33675;
	font-family: Arial, Helvetica, sans-serif;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	font-size: 16px;
	width: 360px;
	padding: 5px;
	font-weight: normal;
	background-color: #f2f2f2;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.students h1 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 18px;
	font-weight: lighter;
	color: #C33675;
}


.students h2 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 18px;
	color: #C33675;
	font-weight: lighter;
}


.students {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-decoration: none;
	list-style-type: disc;
	list-style-position: outside;
}

.students a:link {
	color: #666;
	text-decoration: none;
	font-weight: normal;
}
.students a:visited {
	text-decoration: none;
	color: #666;
}
.students a:hover {
	text-decoration: none;
	color: #4A78BF;
}
.students a:active {
	text-decoration: none;
	color: #666;
}


#box {
	float: left;
	text-align: left;
	color: #5A8ECF;
	font-family: Arial, Helvetica, sans-serif;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	border: thin solid #f1f1f1;
	font-size: 13px;
	width: 288px;
	padding: 0px;
	line-height: 18px;
	background-color: #f1f1f1;
	background-image: url(images/footer-bg.jpg);
	background-position: center top;
}

#home-box {
	float: left;
	text-align: left;
	color: #5A8ECF;
	font-family: Arial, Helvetica, sans-serif;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	font-size: 11px;
	width: 280px;
	padding: 10px;
	background-color: #f1f1f1;
	background-image: url(images/footer-bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	line-height: 15px;
	border: thin none #f1f1f1;
	height: 180px;
}


#graphics-box {
	float: left;
	text-align: left;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	font-size: 12px;
	width: 280px;
	padding: 10px;
	background-color: #F6F6F6;
	background-image: url(images/footer-bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	line-height: 15px;
	border: thin none #f1f1f1;
	height: 300px;
}

#upload-box {
	float: left;
	text-align: left;
	color: #5A8ECF;
	font-family: Arial, Helvetica, sans-serif;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	font-size: 17px;
	width: 440px;
	padding: 10px;
	background-color: #f1f1f1;
	background-image: url(images/footer-bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	border: thin none #f1f1f1;
}



#lge-box {
	float: left;
	text-align: left;
	color: #5A8ECF;
	font-family: Arial, Helvetica, sans-serif;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	border: thin none #f1f1f1;
	font-size: 20px;
	width: 620px;
	padding: 5px;
	background-color: #f1f1f1;
	background-position: center top;
	background-image: url(images/footer-bg.jpg);
	background-repeat: no-repeat;
}



#lge-box-new {
	float: left;
	text-align: left;
	color: #5A97C6;
	font-family: Arial, Helvetica, sans-serif;
	border: thin solid #CCC;
	font-size: 22px;
	width: 618px;
	padding: 5px;
	font-weight: lighter;
	height: 585px;
}


#box-new {
	float: left;
	text-align: left;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	border: thin solid #CCC;
	font-size: 11px;
	width: 276px;
	line-height: 14px;
	height: 175px;
	margin-bottom: 20px;
	font-weight: bold;
	padding: 5px;
	background-image: url(images/box-bg.jpg);
	background-repeat: no-repeat;
}


#order-online-button-new {
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-right-width: thin;
	border-bottom-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #afafae;
	border-bottom-color: #afafae;
	background-color: #5A95D2;
	width: 200px;
}


#order-online-button-sm {
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-right-width: thin;
	border-bottom-width: thin;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #afafae;
	border-bottom-color: #afafae;
	background-color: #5A95D2;
	width: 80px;
}



#calculator-box-new {
	float: left;
	text-align: left;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 265px;
	padding: 10px;
	font-weight: normal;
	background-color: #5A8AC8;
	border: thin solid #CCC;
}

.large-white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}

.large-white a:link {
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
}
.large-white a:visited {
	text-decoration: none;
	color: #FFF;
}
.large-white a:hover {
	text-decoration: none;
	color: #CCC;
}
.large-white a:active {
	text-decoration: none;
	color: #FFF;
}








#footer {
	width: 100%;
	float: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	height: 200px;
	text-align: left;
	background-color: #f6f6f8;
	margin-top: 20px;
}


.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;	
	
}

.footer a:link {
	color: #666666;
	text-decoration: none;
}
.footer a:visited {
	text-decoration: none;
	color: #666666;
}
.footer a:hover {
	text-decoration: none;
	color: #1572b8;	
}
.footer a:active {
	text-decoration: none;
	color: #666666;
}





/* Gallery Styles */

#motioncontainer {
	/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 590px; /* Set to gallery width, in px or percentage */
	height: 215px; /* Set to gallery height */
}

#motioncontainer a img {
border: 0px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 0px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}



#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 20; width: 100%; height: 500px; background-color: #cccccc; }